站点的建立与管理

《站点的建立与管理》由会员分享，可在线阅读，更多相关《站点的建立与管理（23页珍藏版）》请在金锄头文库上搜索。

1、第一课,创建和管理站点,导读,站点是存储Web站点中所有文件的场所.使用Dreamweaver制作网页,首先需要为文件生成一个本地站点.为了便于对站点的管理,Dreaweaver用文件列表及站点结构图显示出站点中的所有内容.可以通过使用站点结构图,快速生成并查看Web站点的原型,极大地方便了用户的管理.,重点与难点,使用向导建立站点 使用高级设置建立站点 规划站点结构 搭建站点结构 切换站点 站点的其他操作,规划站点,创建WEB站点第一个步骤是规划战点.所谓规划战点就是用户在建立战点之前,首先必须理清思路,搭建一个总体框架,明确建立站点的目的、定位、内容、结构和风格等，然后才能朝着这个目标使后

2、续的网页制作工作达到最佳效果。,确立站点主题风格一个好的站点它直接决定了整个站点的风格。在创建站点之前，不同主题的站点需要收集不同的网页制作素材，下面分别介绍一下确立站点主题和风格时应注意的问题： 1、网站的主题所谓网站的主题就是网站所要表达的主要内容，例如大学生活网站、文学网站等等。 2、网站的名称网站的名称是一个网站的代表，一个好的网站名称往往会在成为网站成功的一个重要因素。 3、网页色彩搭配网页不同的色彩搭配会给人带来不同的感觉刺激和心理感受。所以在设计网站色彩搭配时应注意积极配合站点的主题和站点的风格。,规划站点结构站点结构是整个站点的框架，在规划站点结构时，要力求结构清晰合理，如果结

3、构不合理，就不能顺利地浏览网站内容。站点结构包括两方面：一个是网站的目录结构，另一个是网站的链接结构。 1.网站目录结构网站的目录是指创建网站建立的文件路径,通常以文件夹形式表现出来.当涉及的文件多时,就以不同的文件进行分门别类放入不同的文件中.建立网站目录应考虑的问题. 2.网站链接结构网站是指站点中各网页之间的链接关系.创建网站结构最基本的原则要符合浏览者一般的思维习惯,因此在规划网站外国投资结构时,应该考虑的方面.,创建站点,创建本地站点在dreamweaver中制作网站,必须定义一个本地站点,其可以在计算机上的任意位置.具体步骤如下: 在站点管理站点对话框中单击新建按钮 (2)在弹出的

4、对话框中单击新建按钮. (3)在弹出的站点定义对话框中选择基本选项卡.其他步骤听讲解.,使用高级设置建立站点,建立站点时使用是基本选项卡的设置,基本设置缺泛灵活性,Dreamweaver在其中默认了许多选项,而这些选项中可能有一些对于较为熟悉的用户来说又是必须设置的,这时就需要使用高级选项卡来进行高级设置了.具体步骤如下: 在管理站点对话框中单击新建按钮,选择站点命令后,将弹出定义站点对话框,这时个切换到高级选项卡,并通过高级设置来建立站点. 在高级选项卡中选择本地信息选项,在这里可以进行许多属性的设置.在站点名称文本框中输入MyNewSite来表示站点的名称;在本地根文件夹文本框中输入本地站

5、点的要目录所在位置;在默认图像文件夹文本框中输入MyNewSite目录下面的Pic文件夹,来设置站点中图片存放的默认位置;在HTTP地址文本框中输入法HTTP:/localhost/MyNewSite表示识别站点的URL;选中启用缓存复选框来加快链接和完成站点的速度. 再切换到测试服务器选项,来进行测试服务器的设置.在服务器模型下拉列表框中选择ASP JavaAScript,这样就可以编写动态ASP页面,其他的选项保持默认即可,单击确定按钮来完成新建站点的工作.,搭建站点结构站点结构规划了以后,就可以迅速地按照规划的站点结构搭建站点.这就好比图样与施工的关系,有了很好的设计图样,就能够按照该设

6、计图样来很好地进行施工了.搭建站点步骤如下: 根据站点规划,按照前介绍的方法创建站点结构.创建站点以后在站点窗口的右空格单击鼠标右键,从弹出的快捷菜单中选择新文件夹命令,然后输入文件夹名为Webpage. 依照上述方法,建立tools文件夹和pic文件夹,完成站点结构的创建.注意,tools和pic文件夹都是MyNewSite的下级文件夹,因此,在单击右键创建新文件夹前应先选取上一级文件夹(即MyNewSite).,修改文件名若觉得文件名不合适,需要修改文件名. 方法:选中该文件,按F2键,输入文件名即可. 也可以使用”重命名”. 注意文件名结尾的.htm不能省略. 移动文件和文件夹移动文件和

7、文件夹只要拖动或文件夹到相应的位置就可以了. 提示:千万不要在资源管理器中重命名、删除或移动文件，否则会造成很多问题，如断链、图片不会显示等。,文件目录命名规范,文件和文件夹的命名 需要注意以下5点: 1.最好不使用中文命名所有的操作系统中,只有英文字符和数字的编码是完全一致的.也就是说,采用其他字符,就可能导致许多人无法正常浏览用户的网站. 2.最好使用小写为了让浏览者顺利访问用户的页面,最好将所有的文件名和文件夹名小写. 3.不能使用特殊字符不能使用特殊字符、空格以及、！、$、#等符号，但是下划线可以命名。 4.不推荐使用拼音命名 5.合理使用下划线 下划线命名主要有两个方面:一是将两个单

8、词分开.例:title_news.gif. 二是给同类文件批量命名.例:news_001.htm,网站首页命名当用户浏览新浪网时,只要在地址栏输入http:/即可,并不需要首页的文件名.这是因为默认文档为default.htm和index.htm,如果做静态网页的画,最好将首页设为index.htm.,上机实训,测试网站按照上面介绍的方法搭建完站点后,就可以在站点中加入网页文件并预览了.具体步骤如下: 选择文件/新建命令,将弹出新建文档对话框. 选择新建一个静态HTML页面,然后单击确定按钮,这时将在Dreamweaver文档中新建一个空白的文档. 选择设计视图,然后选择插入/图像命令,这时将

9、弹出选择图像源文件对话框. 选择一张图片,然后单击确定按钮把图像插入到页面中,这时返回到设计视图. 选择文件/保存命令,这时将弹出另存为对话框,在该对话框内输入test,然后单击保存按钮. 单击右侧文件面板中的上传按钮,这时将会发现test.htm已经加到MySite的根目录下面. 选择文件/浏览器中预览/iexplore命令,这时候将会弹出一个新的浏览器页,其中显示的就是测试页的内容.,切换站点创建、规划、搭建完了站点以后,就开始详细地进行各个网页页面的设计.当网站比较复杂时,用户很可能会因要控制的页面太多而不知所措.这时就可以发挥Dreamweaver站点管理的强大功能了,通过Dreamw

10、eaver可以进行各种站点的管理工作,包括多站点之间的快速切换,以及对远程站点的管理等.下面介绍一下站点的切换.具体步骤如下; 打开文件窗格中的文件选项卡,在其下面显示的是当前编辑的站点,在这里选择的是MySite2站点. 单击第1个下拉列表框,这时将弹出一个下拉列表,在这个列表中会列出Dreamweaver当前管理的所有站点. 选择要切换的其他站点,在这里选择MyNewSite,这时系统会自动地切换到MyNewSite站点,并显示MyNewSite站点下的目录与文件列表.,站点的其他操作使用Dreamweaver可以帮助用户对站点进行各种各样的操作,功能非常的强大.除此以外,其不仅能够管理本

11、地的站点,而且还能够对远程的Web站点进行设置和管理.在设置一个远程站点之前,需要先生成一个本地地址,然后决定远程站点的地址,并且要知道通过什么方式将文件传送到该站点中.在创建了一个本地站点后,选择站点/管理站点命令可以添加或改变连接的远程服务器信息,并取出、校验参数设置,把一个存在的本地站点与远程主机相连接的操作如下: 选择站点/管理站点命令,弹出管理站点对话框,在其中选择一个存在的站点MySite2,然后单击编辑按钮. 在出现的对话框中选择高级选项卡,然后再在左边的分类列表框中选择远程信息选项. (3)在访问下拉列表框中选择一个连接选项,这里选择FTP. 选择FTP连接方式后,将会弹出FT

12、P连接设置参数. 说明:设置完后单击测试按钮进行测试,可以判断是否连接上远程主机. 设置完成后,单击确定按钮,回到管理站点对话框.,注意在定义站点对话框中指定的主机目录应该和远程站点的根目录是一致的.如果远程站点的结构与本地站点的不匹配,则本地站点中的文件将被上传至一个错误的文件夹中,并且对于该站点的浏览者来说,这些文件是不可见的.,文件面板简介,网站名称,视图状态,文件上传管理按钮,当前站点结构视图,扩展/折叠,实例,本例准备建立家庭为服务对象的网站,针对生活中的工作压力、家庭和孩子等问题提供一个交流沟通的环境. 确定网站的名称为”金色阳光幼儿教育网”. 制作网站时相关文件存放的地址为E:D

13、reamweaver Mx 2004金色阳光幼儿教育网 在站点中新建文件:index.htm、poem1.htm、 poem2.htm 、poem3.htm. 新建完后,将index.htm设为首页.(主页),也是网站地址时即可指向的那个网页.设置完首页后,点击站点地图按钮,可以查看当前网站的结构. 新建文件夹与文件的移动.制作两个文件夹:Web与images. 将index.htm文件移动到web文件夹上. 文件的删除和重命名.,站点地图,学生练习,1、搭建一个站点 2、使用高级设置站点 3、搭建站点结构 4、测试站点 5、切换站点 6、站点的其他操作,总结提高,本章讲述了如何使用Dream

14、weaver的站点功能.涉及到的一些技巧如下: 使用站点窗口中网站地图可以快速制作网站雏形,并可以方便地在各个页面之间加入导航链接.打开站点地图窗口.具体方法书71面. 快速修改网页的title. 快速生成站点地图 利用Dreamweaver制作网页应用到许多各种类型的要素,比如色彩、图片、模板、脚本等.,1.存放文件时,不要将所有的文件都放在一个根目录下面. 2.按照不同的文件类型在根目录下建立子目录. 3.在一级子目录中可以继续建立二级子目录. 4.在每个子目录中都可以建立自己独立的图像文件夹.,返回,1.在网站中每个网页的明显位置处设置导航条.所谓导航条是将整个网站中所有网页的名称 以标题的形式显示出来.如图 2.用最少的链接达到最佳的浏览效果,让浏览的效率更高. 3.在网站的每个页面上都应该旋转返回主页的链接方式.确保当浏览者在一个网站迷路时,能够快速返回主页. 4.在网站的任何网页上都应该在明显的位置上标出当前网页在站点中的位置.,返回,