网页设计第5讲_创建站点.pptVIP

课程导入 接下来将要迈出制作网页的第一步了。无论是网页制作的新手，还是专业的网页设计师，都要从构建站点开始。 教学目标 （1）掌握“文件”面板的使用方法? （2）掌握使用Dreamweaver8定义本地站点的方法? （3）掌握站点的管理方法 Dreamweaver的本地站点就是本地计算机上的一个文件夹。定义本地站点就是在本地计算机中创建一个文件夹，然后将所有与制作网页相关的文件都放在该文件夹中，以便进行网站的制作和管理。 Dreamweaver的一些功能，如模板、库项目等只有在站点内才可以使用。 由于网站需放在Internet上的Web服务器才能供其他用户浏览，通常将存储于Internet服务器上的站点称为远程站点。 规划站点的目录结构 一个网站中包含有多个网页文件、图形文件等，如果将所有文件都存储在一个目录中，当站点的规模较大时，管理起来就很不方便。 通常的做法是： (1)先将网站中的各种信息资源进行整理、分类，然后在硬盘上建立一个网站文件夹（即网站根文件夹） (2)再根据需要在根文件夹中建立若干子文件夹，以存储不同类型的文件或不同内容的文件。网站的主页应放在根文件夹中。主页文件名一般用index.htm命名。 (3)规范化的命名 文件和文件夹名最好使用字母，可以包含数字和下划线。应避免使用中文，中文名可能导致浏览错误或访问失败。 文件名应容易理解，最好做到见名思义。如英文名称、汉语拼音等。 创建本地站点 演示 “长沙世界之窗”网站的创建步骤。 操作步骤： 1）利用Windows的资源管理器在硬盘上新建一个站点根文件夹，再根据需要在根文件夹中建立若干子文件夹，以存储不同类型的文件。 2）执行菜单“窗口/文件”，打开“文件”面板。 3）执行菜单“站点/管理站点”，打开管理站点对话框，单击“新建”按钮打开定义站点对话框，输入内容。 管理站点 1．切换站点 2．编辑站点 3．复制站点 4．删除站点 5．创建文件夹和文件 6．移动和复制文件 7．重命名文件夹或文件 8．删除文件夹或文件 （4）设置代码提示属性： 启用代码提示 （2）设置站点属性“总是显示本地文件于右”。 打开“首选参数”对话框后，在该对话框的左边的“分类”列表中选择“站点”选项，然后在“总是显示”列表项中选择“本地文件”和“右”即可。 （3）设置复制/粘贴属性：使用“编辑粘贴”从其他应用程序粘贴到设计视图时，复制“带结构的文本及全部格式”。 4.2　设置页面属性 页面属性可以控制网页的标题、背景色、背景图和文本颜色等，主要对页面外观进行整体上的控制。 1．打开“页面属性”对话框 在Dreamweaver 8主窗口中，单击菜单【修改】→【页面属性】或者在“属性面板”中单击【页面属性】按钮都可以打开“页面属性”对话框。 2．设置外观属性 对网页“01.html”外观属性的设置要求如下： （1）“页面字体”设置为“宋体”，“大小”设置为“14px”。 （2）“背景颜色”设置为“#CCFFFF”。 （3）“左边距”和“右边距”设置为“80px”。 下面根据属性设置要求完成网页“01.html”外观属性的设置。 （1）打开“页面属性”对话框。 （2）左边“分类”列表中选择“外观”。 （3）从“页面字体”下拉列表框中选择“宋体”作为页面中的默认文本字体。 （4）在“背景颜色”文本框中可以设置网页的背景颜色 一般情况下，背景颜色都设置成白色，如果不设置背景颜色，常用的浏览器也会默认网页的背景颜色为白色。为了增强网页背景效果，可以对背景颜色进行设置。 （5）设置左边距和右边距 在“左边距”文本框中可以设置网页左边空白的宽度，在“右边距”文本框中可以设置网页右边空白的宽. （6）设置背景图像 在“页面属性”对话框中也可以设置网页的“背景图像”，其方法是：在“背景图像”文本框中输入网页背景图像的路径和名称。 （7）单击【确定】按钮或者【应用】按钮，完成外观属性的设置。 （8）保存网页的属性设置。 3．设置链接属性 “链接”选项主要对页面的超链接文本的字体、颜色等进行设置。 对网页“01.html”链接属性的设置要求如下： （1）网页中超链接文本默认状态下的字体设置为“楷体”、字体大小设置为14px。 （2）网页中超链接文本的颜色设置为“blue”，访问过的超链接颜色设置为“purple”。 （3）网页中已激活的超链接文本颜色设置为“navy”。 （4）变换图像链接颜色设置为“aqua”（即当鼠标指针移动到网页中超链接文字上方时超链接的颜色为“aqua”），下划线样式设置为“仅在变换图像时显示下划线”。