第7篇 网页设计初步.pptVIP

第七章 网页设计初步 教学内容 网页的制作工具和语言简介 Dream weaver的工作界面 创建Web站点的步骤 设置Dreamweaver站点 基本网页操作 使用图象 创建链接 页面布局 创建表单 测试与上传 网页的制作工具和语言简介 网页制作语言HTML HTML HEAD 　　TITLE一个HTML例子/TITLE /HEAD BODY BGCOLO= #FFFFFFF TEXT=660000 　　P欢迎使用HTML语言/P /BODY /HTML HTML语法规则一般有以下2种： （1）标签对象/标签 （2）标签属性1=参数1属性2=参数2…对象/标签 标记的属性 body标记符中主要包含与页面整体效果有关的一些属性 background：定义网页的背景图案； bgcolor：定义网页的背景颜色，默认值是白色； text：定义网页中文字的颜色，默认值是黑色； link：定义网页中超链接的颜色，默认值是蓝色； alink：定义网页中当前被选中的超链接的颜色； vlink：定义网页中已经被访问过的超链接的颜色； face: 指定文字的字体； size: 表示字号， 网页制作工具 Dreamweaver的工作界面 网页和网站 网页是构成网站的基本元素，是承载各种网站应用的平台，在万维网世界中包含有无数独立的以页为单位的内容，我们称之为网页 。 由一组具有相关主题的、经过组织和管理的网页所组成的实体，我们称之为网站。 创建网站的步骤 计划和准备。 创建网页，调整网页布局，添加内容。 根据需要编辑代码。 将网页链接在一起。 预览和发布站点。 如有需要，可以添加显示来自数据库的信息的动态网页。 设置Dreamweaver站点 在 Dreamweaver 中，站点通常包含两部分： 本地计算机（本地站点）上的一组文件 远程 Web 服务器上的一个位置（远程站点） 使用 Dreamweaver 创建 Web 站点最常见的方法就是在本地磁盘上创建并编辑网页，然后将这些网页的副本上传到一个远程 Web 服务器使公众可以访问。 创建站点 管理站点 打开文件 站点的视觉地图 站点地图是用来布局站点结构的一种有效的工具。使用站点地图可以快速地设置整个本地站点结构，然后创建站点地图的图形图像，在显示站点地图之前，必须先定义站点的主页。 基本网页操作 新建和打开网页 保存网页 编辑文本 创建文字内容 创建文字内容的方法有两种，可以在文档窗口中键入文本，或从另一个源复制并粘贴文本。 某些特殊字符在 HTML 中以名称或数字的形式表示，它们被称为实体。HTML 包含版权符号 (?copy;)、“与”符号 (amp;)、注册商标符号 (?reg;) 等字符的实体名称。每个实体都有一个名称（如 mdash;）和一个数字等效值（如 #151;）。 设置文本属性 设置页面属性 对于创建的每一页，可以使用“页面属性”对话框指定布局和格式设置属性 。“页面属性”对话框可以指定页面的默认字体属性和字体大小、背景颜色、边距、链接样式及页面设计的许多其他相关内容。可以为创建的每个新页面指定新的页面属性，也可以修改现有页面的属性。 网页预览 在制作网页过程中，可以随时通过3种方法通过浏览器进行实际效果预览： 单击“在浏览器预览” 按钮。 使用F12功能键。 使用“文件→在浏览 器中预览”命令，选 择本机已安装的一 种浏览器进行网页 预览。 使用图象 图像和文字是网页中最重要的两个元素。一个高质量的网页是离不开图像的。制作精良的图像可以大大增强网页的美观性，令网页更加生动多采。在页面中如何用漂亮的图像来吸引人们的视线是每个网站都需要面对的问题。 图象的格式 虽然存在很多种图形文件格式，但 Web 页中通常使用的只有三种，即 GIF、JPEG 和 PNG。目前，GIF 和 JPEG 文件格式的支持情况最好，大多数浏览器都可以查看它们。 GIF（图形交换格式）文件 最多使用 256 种颜色，最适合 显示色调不连续或具有大面积 单一颜色的图像 JPEG（联合图像专家组标准）文件格式是 用于摄影或连续色调图像的高级格式，通 常可以通过压缩 JPEG 文件在图像品质和文件大小之间达到良好的平衡。 PNG（可移植网络图形）文件格式是一种替 代 GIF 格式的无专利权限制的格式，它包 括对索引色、灰度、真彩色图像以及 alpha 通道透明的支持。PNG 是 Macromedia Firewo