第7章 网页设计初步的.pptVIP

第七章 网页设计初步; 网页的制作工具和语言简介 Dream weaver的工作界面 创建Web站点的步骤 设置Dreamweaver站点 基本网页操作 使用图象 创建链接 页面布局 创建表单 测试与上传 ;网页的制作工具和语言简介;标记的属性 body标记符中主要包含与页面整体效果有关的一些属性 background：定义网页的背景图案； bgcolor：定义网页的背景颜色，默认值是白色； text：定义网页中文字的颜色，默认值是黑色； link：定义网页中超链接的颜色，默认值是蓝色； alink：定义网页中当前被选中的超链接的颜色； vlink：定义网页中已经被访问过的超链接的颜色； face: 指定文字的字体； size: 表示字号， ;网页制作工具 ;Dreamweaver的工作界面 ;网页和网站;创建网站的步骤;设置Dreamweaver站点;创建站点;管理站点;站点的视觉地图;基本网页操作;保存网页;编辑文本;设置文本属性;设置页面属性 对于创建的每一页，可以使用“页面属性”对话框指定布局和格式设置属性 。“页面属性”对话框可以指定页面的默认字体属性和字体大小、背景颜色、边距、链接样式及页面设计的许多其他相关内容。可以为创建的每个新页面指定新的页面属性，也可以修改现有页面的属性。 ;;网页预览 在制作网页过程中，可以随时通过3种方法通过浏览器进行实际效果预览： 单击“在浏览器预览” 按钮。 使用F12功能键。 使用“文件→在浏览 器中预览”命令，选 择本机已安装的一 种浏览器进行网页 预览。 ;使用图象 ;图象的格式 虽然存在很多种图形文件格式，但 Web 页中通常使用的只有三种，即 GIF、JPEG 和 PNG。目前，GIF 和 JPEG 文件格式的支持情况最好，大多数浏览器都可以查看它们。 GIF（图形交换格式）文件 最多使用 256 种颜色，最适合 显示色调不连续或具有大面积 单一颜色的图像 ; JPEG（联合图像专家组标准）文件格式是 用于摄影或连续色调图像的高级格式，通 常可以通过压缩 JPEG 文件在图像品质和文件大小之间达到良好的平衡。 ;PNG（可移植网络图形）文件格式是一种替 代 GIF 格式的无专利权限制的格式，它包 括对索引色、灰度、真彩色图像以及 alpha 通道透明的支持。PNG 是 Macromedia Fireworks 固有的文件格式。PNG 文件可保留所有原始层、矢量、颜色和效果信息（例如阴影），并且在任何时候所有元素都是可以完全编辑的。 ;绝对路径和相对路径 绝对路径 绝对路径是包含服务器协议和根目录的完全路径，对于网页通常是用http://或ftp://来表示一个完整的URL（统一资源定位符）路径。绝对路径包含的是精确地址而不必考虑源文件的位置。但如果目标文件被移动，则链接将会失败。如果目标文件不是固定的，则在创建外部链接时最好使用绝对路径。例如： IMG SRC=:///D|/mywebsite/img/Img211990243.jpg ;相对路径 相对路径是从当前站点根目录开始的路径。站点上所有可公开的文件都在站点的根目录下，和根目录相对的路径使用“/”以通知服务器从根目录开始链接。在Dreamweaver中使用文件的相对链接，只需要输入文件的相对链接目录和名称就可以了，也可以在保存后选择文件的相对链接。例如： IMG SRC=img/Img211990243.jpg;插入图象和设置图象 插入图象 ;插入图象占位符 在插入图象之前,可以先插入图像占位符。图像占位符是在准备好将最终图形添加到 Web 页上之前使用的单色图形。 ;设置图象 当图象插入到网页中后，就可以通过属性面板来设置该图像的属性 ;创建链接;创建链接到其它文档或文件的链接 ;创建锚记链接 创建到锚记的链接的过程分为两步： 1）命名锚记。2）创建到该锚记的链接。;创建电子邮件链接;页面布局;使用表格 ;使用框架 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分所显示无关的HTML文档内容。 框架集是一种HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中显示初始页面的URL。 框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有