DW创建站点及组织站点结构.pptVIP

第2章 DW 基础知识 ;2.1 熟悉Dreamweaver 8工作界面 ;2.1.1 “插入”栏 ;2.1.2 文档标签与“文档”工具栏 ;2.1.3 状态栏 ;2.1.4 属性面板与面板组 ;标记选择符（更正教材P20页错误）;课堂练习1 面板基本操作 ;2.2 网站创建与管理 ;2.站点的组成 站点由以下３个部分组成： 本地文件夹，即本地站点，它是工作目录，是站点文件的存储位置。要先建立本地文件夹才可以定义dw站点。 远端文件夹，即远端站点，是用户存储用于进行测试、协作、生产和部署等的文件的位置，一般位于运行web服务器的计算机上。 本地文件夹和远端文件夹使用户能够在本地磁盘和web服务器之间传输文件。 测试服务器文件夹，是dw处理动态网页的文件夹。;3.确定站点的目录结构：主要是在本地磁盘上创建用来保存网站内容的文件夹和子文件夹，以存放不同类型的文件。 站点的层次结构：层次结构反映了站点的一个??接关系，即网页之间的链接关系。 4.本地和远端文件夹的结构 设置站点远端文件夹的访问权限时，必须确定远端文件夹的主机目录，指定的主机目录应该对应于（或者匹配）本地文件夹的根文件夹。 ;2.2.2 网页文档与文件夹命名规则 ;2.2.3创建本地站点的步骤 定义站点可以将本地磁盘中的站点通DW建立关联，可以使用DW上传或下载站点内容。 执行“站点/管理站点”命令。 设置站点名称（可以任意取）。 选择使用服务器技术。 选择站点在本地计算机上的保存位置，这是很关键的一步，尽量选择英文命名的文件夹。;选择服务器连接方式。 系统总结出所有选项：完成FTP设置后，还会询问是否允许多人同时编辑同一文件。设置好后，系统总结出所有选项复查。复查无误后站点建设完成。;2.2.4组织站点结构 站点创建成功后接下来要组织站点的结构，即创建一个按字母顺序、包含站点所有文件的分类文件夹，不要用中文。 不使用中文的原因： 因为很多internet服务器使用的是英文操作系统,不能对中文文件名提供很好的支持. 浏览网站的用户也可能使用英文操作系统,中文的文件名称同样可能导致浏览器错误或访问失败;建议使用applet、 html、 common、images、 javascript、library、media、software、sound、templates定义文件夹 applet:存放java小程序 html：存放html文档页面 common：存放css样式表文件 images：存放网站的图像文件 javascript：存放java脚本 library：存放库项目 media：存放多媒体文件 software：存放可下载的软件 sound：存放声音文件 templates：存放模板文件 ;2.3 网页文档基本操作;2.4 基本页面属性设置 2.4.1 指定网页文档标题和边距 ;2.4.3为网页设置文本和链接属性 2.4.4跟踪图像 跟踪图像是放在“文档”窗口背景中的 JPEG、GIF 或 PNG 图像，可以隐藏图像、设置跟踪图像的不透明度。;2.4.5页面的使用的技巧： 在文档窗口中选择元素：单击或拖动元素 显示和隐藏不可见元素：查看——可视化助理——不可见元素 可更改不可见元素的首选参数：编辑——首选参数 放大（选择缩放图标单击或者ctrl+加号），只在设计视图中可用 缩小（选择缩放图标按alt键单击ctrl+减号）文档，只在设计视图中可用。 借助标尺设置页面的宽和高, 不出现水平滚动条为宜，建议宽度设在850-950像素之间，高度任意。 ;课堂练习5编写HTML代码： 在Dreamweaver中利用标签选择器创建HTML文档，网页效果如下图所示。