DW创建站点和组织站点结构.ppt

《DW创建站点和组织站点结构.ppt》由会员分享，可在线阅读，更多相关《DW创建站点和组织站点结构.ppt（21页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第2章DW 基基础知知识 熟悉熟悉Dreamweaver 8Dreamweaver 8工作界面工作界面 网站创建与管理网站创建与管理 网页文档的基本操作网页文档的基本操作基本页面属性设置基本页面属性设置 2.1 熟悉熟悉Dreamweaver 8工作界面工作界面 2.1.1 “插入插入”栏“插插入入”栏栏又又叫叫插插入入对对象象面面板板；包包含含各各种种类类型型的的对对象象按按钮钮（如如图图像像、表表格格和和层层等等），通通过过单单击击这这些些按按钮钮，可可将将相相应应的的对对象象插插入入到到文文档中。档中。2.1.2 文档文档标签与与“文档文档”工具工具栏 文档标签显示了网页文档名称；文档标

2、签显示了网页文档名称；“文档文档”工具工具栏用于切换网页视图，设置网页标题，检查浏栏用于切换网页视图，设置网页标题，检查浏览器支持等。览器支持等。2.1.3 状状态栏 状态栏位于文档编辑窗口底部，提供了标签选状态栏位于文档编辑窗口底部，提供了标签选择器（也叫做标记符选择器）、窗口尺寸、文择器（也叫做标记符选择器）、窗口尺寸、文件大小等网页信息。件大小等网页信息。2.1.4 属性面板与面板属性面板与面板组组 在在DWDW中，大多数操作都是通过面板实现的。中，大多数操作都是通过面板实现的。“属性属性”面板位于文档窗口的下方，主要用于查面板位于文档窗口的下方，主要用于查看或编辑所选对象的属性。看或编

3、辑所选对象的属性。除除“属性属性”面板外，面板外，DWDW还提供了众多面板，如还提供了众多面板，如“文件文件”面板、面板、“历史记录历史记录”面板等。面板等。如要打开或关闭某个面板，可单击如要打开或关闭某个面板，可单击“窗口窗口”菜单菜单下的相应选项。下的相应选项。标记选择符（更正教材标记选择符（更正教材P20页错误）页错误）标签检查器对应的属性面板标签检查器对应的属性面板几个易混名几个易混名词的区分：的区分：标签选择器标签选择器标标签签选选择择器器课堂堂练习1 面板基本操作面板基本操作 在了解了面板的种类和作用后，本节来在了解了面板的种类和作用后，本节来看看如何打开新的面板、隐藏面板，以看看

4、如何打开新的面板、隐藏面板，以及完全关闭面板等。及完全关闭面板等。2.2 网站网站创创建与管理建与管理 2.2.1 2.2.1 站点的定义、组成和结构站点的定义、组成和结构 1.1.站点的定义：站点的定义：是一组具有相关主题和类似设是一组具有相关主题和类似设计的链接文档和资源。该术语可指网站，也计的链接文档和资源。该术语可指网站，也可以指属于网站的文档的本地存储位置。可以指属于网站的文档的本地存储位置。站站点上传到服务器上供浏览者点击查看，一般点上传到服务器上供浏览者点击查看，一般称之为网站。称之为网站。DwDw站点是一种组织所有与网站站点是一种组织所有与网站关联的文档的方法，也可将它看作一个

5、项目；关联的文档的方法，也可将它看作一个项目；需要为所开发的每个网站设置一个站点。需要为所开发的每个网站设置一个站点。2.2.站点的组成站点的组成站点由以下个部分组成：站点由以下个部分组成：本地文件夹，本地文件夹，即本地站点，它是工作目录，是即本地站点，它是工作目录，是站点文件的存储位置。要先建立本地文件夹才站点文件的存储位置。要先建立本地文件夹才可以定义可以定义dwdw站点。站点。远端文件夹，即远端站点，远端文件夹，即远端站点，是用户存储用于进是用户存储用于进行测试、协作、生产和部署等的文件的位置，行测试、协作、生产和部署等的文件的位置，一般位于运行一般位于运行webweb服务器的计算机上。

6、服务器的计算机上。本地文本地文件夹和远端文件夹使用户能够在本地磁盘和件夹和远端文件夹使用户能够在本地磁盘和webweb服务器之间传输文件。服务器之间传输文件。测试服务器文件夹，测试服务器文件夹，是是dwdw处理动态网页的文件处理动态网页的文件夹。夹。3.3.确定站点的目录结构：确定站点的目录结构：主要是在本地磁盘上创主要是在本地磁盘上创建用来保存网站内容的文件夹和子文件夹，以存放不建用来保存网站内容的文件夹和子文件夹，以存放不同类型的文件。同类型的文件。站点的层次结构站点的层次结构：层次结构反映了站点的一个链层次结构反映了站点的一个链接关系，即网页之间的链接关系。接关系，即网页之间的链接关系。

7、4.4.本地和远端文件夹的结构本地和远端文件夹的结构 设置站点远端文件夹的访问权限时，必须确定远端文设置站点远端文件夹的访问权限时，必须确定远端文件夹的主机目录，指定的主机目录应该对应于（或者件夹的主机目录，指定的主机目录应该对应于（或者匹配）本地文件夹的根文件夹匹配）本地文件夹的根文件夹。2.2.2 网网页文档与文件文档与文件夹命名命名规则 为便于维护和管理，网站中文件和文件夹的命名要遵循以下为便于维护和管理，网站中文件和文件夹的命名要遵循以下规则：规则：DwDw中文件和文件夹的命名规则：中文件和文件夹的命名规则：用英文或数字命名，但不能数字或运算符开头；用英文或数字命名，但不能数字或运算符

8、开头；若懂英文，建议采用汉语拼音命；但不能使用中文命名；若懂英文，建议采用汉语拼音命；但不能使用中文命名；不能使用空格、标点符号或特殊字符；不能使用空格、标点符号或特殊字符；尽量全命名使用小写；因为尽量全命名使用小写；因为internetinternet服务器采用服务器采用UnixUnix操作操作系统时系统时,区分大小写。区分大小写。在大型网站中，分支页面的文件应放在单独的文件夹中，在大型网站中，分支页面的文件应放在单独的文件夹中，每个分支中涉及到的文件也应放在单独的文件夹中。每个分支中涉及到的文件也应放在单独的文件夹中。静态的首页文件一般命名为静态的首页文件一般命名为“index.htmli

9、ndex.html”或或“index.htmindex.htm”。动态的首页则命名为。动态的首页则命名为“index.aspindex.asp”。创建本地站点的步建本地站点的步骤定定义站点可以将本地磁站点可以将本地磁盘中的站点通中的站点通DW建立关建立关联，可以使用可以使用DW上上传或下或下载站点内容。站点内容。执行执行“站点站点/管理站点管理站点”命令。命令。设置站点名称（可以任意取）设置站点名称（可以任意取）。选择使用服务器技术。选择站点在本地计算机上的保存位置，这是很关键的一步，尽量选择英文命名的文件夹。选择服务器连接方式。选择服务器连接方式。系统总结出所有选项：系统总结出所有选项：完成

10、完成FTP设置后，还设置后，还会询问是否允许多人同时编辑同一文件。设会询问是否允许多人同时编辑同一文件。设置好后，系统总结出所有选项复查。复查无置好后，系统总结出所有选项复查。复查无误后站点建设完成。误后站点建设完成。组织站点结构组织站点结构站点创建成功后接下来要组织站点的结构，即创建站点创建成功后接下来要组织站点的结构，即创建一个按字母顺序、包含站点所有文件的分类文件夹，一个按字母顺序、包含站点所有文件的分类文件夹，不要用中文。不要用中文。不使用中文的原因：不使用中文的原因：因为很多因为很多internetinternet服务器使用的是英文操作系统服务器使用的是英文操作系统,不能对中文文件名

11、提供很好的支持不能对中文文件名提供很好的支持.浏览网站的用户也可能使用英文操作系统浏览网站的用户也可能使用英文操作系统,中文中文的文件名称同样可能导致浏览器错误或访问失败的文件名称同样可能导致浏览器错误或访问失败建议使用建议使用appletapplet、htmlhtml、commoncommon、imagesimages、javascriptjavascript、librarylibrary、mediamedia、softwaresoftware、soundsound、templatestemplates定义文件夹定义文件夹applet:applet:存放存放javajava小程序小程序htm

12、lhtml：存放：存放htmlhtml文档页面文档页面commoncommon：存放：存放csscss样式表文件样式表文件imagesimages：存放网站的图像文件：存放网站的图像文件javascriptjavascript：存放：存放javajava脚本脚本librarylibrary：存放库项目：存放库项目mediamedia：存放多媒体文件：存放多媒体文件softwaresoftware：存放可下载的软件：存放可下载的软件soundsound：存放声音文件：存放声音文件templatestemplates：存放模板文件：存放模板文件 2.3 网网页文档基本操作文档基本操作1 1新建文档

13、。新建文档。2 2保存文档。需要保存到站点的保存文档。需要保存到站点的htmlhtml文件文件夹中。夹中。3 3预览文档预览文档。在浏览器中预览其效果。在浏览器中预览其效果。4 4打开和关闭文档。打开和关闭文档。2.4 基本基本页面属性面属性设置置 2.4.1 指定网指定网页文档文档标题和和边距距 2.4.2 2.4.2 指定网页背景颜色和背景图像。指定网页背景颜色和背景图像。最好不要将图像设置为网页背景，因为最好不要将图像设置为网页背景，因为背景图片会影响网页的下载速度。但不背景图片会影响网页的下载速度。但不能设置网页背景图像的透明度。能设置网页背景图像的透明度。为网网页设置文本和置文本和链

14、接属性接属性 跟踪跟踪图像像跟踪图像是放在跟踪图像是放在“文档文档”窗口背景中的窗口背景中的 JPEGJPEG、GIF GIF 或或 PNG PNG 图像，可以隐藏图像、设置跟踪图图像，可以隐藏图像、设置跟踪图像的不透明度。像的不透明度。页面的使用的技巧：面的使用的技巧：在文档窗口中选择元素：单击或拖动元素在文档窗口中选择元素：单击或拖动元素显示和隐藏不可见元素：查看显示和隐藏不可见元素：查看可视化助理可视化助理不可见元素不可见元素可更改不可见元素的首选参数：编辑可更改不可见元素的首选参数：编辑首选参首选参数数放大（选择缩放图标单击或者放大（选择缩放图标单击或者ctrl+ctrl+加号），只在加号），只在设计视图中可用设计视图中可用缩小（选择缩放图标按缩小（选择缩放图标按altalt键单击键单击ctrl+ctrl+减号）文减号）文档，只在设计视图中可用。档，只在设计视图中可用。借助标尺设置页面的宽和高借助标尺设置页面的宽和高,不出现水平滚动条不出现水平滚动条为宜，建议宽度设在为宜，建议宽度设在850-950850-950像素之间，高度任意。像素之间，高度任意。课堂堂练习5编写写HTML代代码：在在Dreamweaver中利用中利用标签选择器器创建建HTML文档，文档，网网页效果如下效果如下图所示。所示。