网站设计实例教程 第2章 教育网站站点创建和管理新课件.pptVIP

第2章 教育网站站点创建和管理;2.1 任务一 制作首页;为了便于对制作中的网站进行组织和管理，在使用网站制作软件Dreamweaver CS5制作单个页面之前，必须首先创建一个站点，用来存储所有Web网站文件和文档的地方，通过对站点的设置，可以方便地实现对网页统一的管理、在服务器上的远程文件管理及文件传输。;在网站开发过程中，网站中所有文件、文件夹、图片、CSS类的命名规范，应做到见名知意、容易理解。现将网站开发中常用的命名规则总结如下： （1）网站文件夹命名规则 在网站中，与文件紧密相关的另一个部分就是路径，在网站开发中严禁将网站资源统一放在网站根目录下，这样会对后期网站编辑和维护中产生不便。网站资源应该按照事先的规划，按照不同目录进行分类存放。 ;（1）网站文件夹命名规则 表2-1 网站文件夹常用名称 ;（2）网站文件命名规则 网页文件命名规则： ? 所有的文件名一律使用英文小写； ? 不要使用中文命名； ? 不要在文件名中加入空格； ? 避免在文件名字使用特殊符号，如“”、“#”或者“？”。;表2-2 CSS样式文件常用名称 ;Dreamweaver CS5的工作界面主要由标题栏、菜单栏、“插入”工具栏、“文档”工具栏、“标准”工具栏、“文档”窗口、“属性”面板、“文件”面板组成。如图2-1所示。;（1）标题栏 标题栏显示网页的标题和网页文档的存储位置。 （2）菜单栏 Dreamweaver CS5 的菜单栏包含10类菜单：文件、编辑、查看、插入、修改、格式、 命令、站点、窗口和帮助，如图2-2所示。;（2）菜单栏 ? 文件：用来管理文件，包括创建和保存文件、导入与导出文件、预览和打印文件等。 ? 编辑：用来编辑文本，包括撤销与重做、复制与粘贴、查找与替换等。 ? 查看：用来查看对象，包括代码的查看、网格线与标尺显示、面板的隐藏和工具栏的显示等。 ? 插入：用来插入网页元素，包括插入图像、多媒体、层、框架、表格、表单、电子邮件链接、日期、特殊字符和标签等。 ? 修改：用来实现对页面元素修改的功能，包括页面属性、快速标签编辑器、链接、表格、框架、导航条、排列顺序、转换、末班、库和时间轴等。 ? 格式：用来对文本进行操作，包括字体、大小、颜色、CSS样式、段落格式、缩进、凸出、列表、对齐和检查拼写等。 ;（2）菜单栏 ? 命令：收集了所有的附加命令项，包括播放录制命令、编辑命令列表、扩展管理、套用源格式、清理XHTML/Word生成的HTML、创建网站相册、格式化表格和表格排序。 ? 站点：用于创建于管理站点，包括管理站点、新建站点、获取、取出、上传、显示取出者和改变站点范围的链接等。 ? 窗口：用于打开与切换所有的面板和窗口、包括插入栏、属性面板、站点窗口和CSS样式面板等。 ? 帮助：内含Dreamweaver帮助、联机注册、Dreamweaver支持中心和关于Dreamweaver等。 ;（3）“插入”工具栏 Dreamweaver CS5 “插入”工具栏包含用于创建和插入对象的按钮。通过“插入”工具栏可以在网页中快速插入多种网页元素，如图像、动画、表格、Div标签、超级链接、表单和表单控件。;（3）“插入”工具栏 ? 常用：创建和插入最常用的对象，例如图像和表格。 ? 布局：插入表格、表格元素、div标签、框架和Spry Widget。我们还可以选择表格的两种视图：标准（默认）表格和扩展表格。 ? 表单：创建表单和插入表单元素（包括Spry验证Widget）。 ? 数据：插入Spry数据对象和其它动态元素，例如记录集、重复区域以及插入记录表单和更新记录表单。 ? Spry：包含一些用于构建Spry页面的按钮，包括Spry数据对象和Widget。 ? jQuery：包含使用jQuery移动的构建站点的按钮。 ? InContext Editing：包含供生成InContext编辑页面的按钮，包括用于可编辑区域、重复区域和管理CSS类的按钮。 ;（3）“插入”工具栏 ? 文本：用于插入各种文本格式和列表格式的标签，如b、em、p、h1和ul。 ? 收藏夹：用于将“插入”面板中最常用的按钮分组和组织到某一公共位置。 ? 服务器代码：仅适用于使用特定服务器语言的页面，这些服务器语言包括ASP、CFML Basic、CFML Flow、CFML Advanced和PHP。这些类别中的每一个都提供了服务器代码对象，您可以将这些对象插入“代码”视图中。 ;（4）“文档”工具栏 “文档”工具栏中包含用于切换文档窗口视图的“代码”、“拆分”、“设计”、“实时视图”按钮、各种查看选项和一些常用操作。如图2-4所示。 ;（5）“标准”工具栏 点击“查看”菜单，选择“工具栏”命令，在弹出的子菜单中选择“标准”项，即可