网页制作
2004-1
高等教育出版社
姚奇富，陈伟 主编
281
420000
为配合教育部“技能型紧缺人才培养培训工程”的实施，高等教育出版社组织教育专家、职业教育一线的骨干教师、企业的工程技术人员和培训工程师，根据技能型人才培养模式的要求编写了一套适用于职业教育的教材。教材在形式上按项目进行组织，在内容上主要选择生产生活中实用的案例展开讲解，使职业技能训练与常规教学活动有机结合。本教材出版的同时，与教材配套的电子教案及与教材相关的素材将通过“中等职业教育教学资源网”（http：／／sv．hep．com．ca）公布，供任课教师免费下载。那么，怎样建立一个网站？怎样才能设计出一个精美出色的网站，中等职业学校的学生学习网页制作应该从哪儿入手，应该学会哪些制作网站的技术？本教材正是在这种背景下组织编写的。本教材主要以介绍静态网站的制作技术为主，采用实例教学的方式，向中等职业学校的学生讲解如何使用DreamweaverMX网页制作软件进行网站开发，以及如何用Photoshop7．0和FlashMX软件来美化网站。本教材由姚奇富、陈伟主编，余劲松、沈淦和罗亮参加编写，其中第1、2、4章由陈伟编写，第3章由罗亮编写，第5、7、9章由余劲松编写，第6、8章由沈淦编写。本书由绍兴市职教中心的张德新老师、天津计算机职专的王梅老师担任责任主审，在此表示感谢！限于作者的水平，书中难免有不当之处，敬请读者指正。
本书根据教育部《中等职业学校计算机应用与软件技术专业领域技能型紧缺人才培养培训指导方案》编写。全书从网页初学者的角度出发，运用项目教学的方法，通过一个个实际的案例由浅入深地讲解静态网页的设计与制作。书中采用最新版的Dreamweaver MX软件进行网页设计教学，也简单介绍了Photoshop 7.0和Flash MX新版软件在网页制作中的运甩。 本书共9章，并按照学生学习网页的渐进规律划分为三部分，以供不同程度的读者学习。第一部分为前4章内容，主要包括网页制作的基础知识、Dreamweaver MX.软件的使用。初学者通过这一部分的学习，可以利用现有的素材设计制作出一个简单的网页。第二部分为第5章、第6章和第7章，主要包括如何利用Photoshop 7.0和Flash MX软件来美化网页，以及网页布局和用色方面的知识。学习者通过这部分的学习，不但能设计网页的版面和结构，还能运用现有的素材根据网站的特点进行适当的美化处理。第三部分为第8章和第9章，主要内容是网页特效的制作和网站的建立方法。使学习者不但能让网页更有技术含量、更有动感，还能掌握中小型网站的建立方法。 本书适合中职计算机类各专业使用，也可供网页设计爱好者自学使用。
第1章 网页制作基础 1.1 www服务与超链接 1.1.1 什么是WWW服务 1.1.2 超链接 1.2 什么是网页与网站 1.2.1 什么是网页 1.2.2 什么是网站 1.2_3 HTML 语言简介 1.3 常用的网页设计工具 1.3.1 网页制作平台——Dreamweaver MX 1.3.2 图像处理工具——Photoshop 7.0 1.3.3 动画制作工具——FlashMX 1.3.4 网页上传下载——CuteFTP 习题第2章 Dreamweaver MX入门 2.1 Dreamweaver MX的工作界面和基本操作 2.1.1 Dreamweaver MX软件的启动 2.1.2 Dreamweaver MX软件的工作界面 2.1.3 Dreamweaver MX软件界面的相关操作 2.2 站点的建立及规划 2.2.1 站点的创建 2.2.2 站点的管理 2.2.3 创建网站的文件和文件夹 2.3 网页页面属性的设置 2.4 文本的格式化 2.4.1 文本的属性面板 2.4.2 插入面板中与文本相关面板的介绍 2.4.3 文本的输入与排版 2.4.4 文本字体、大小和颜色的设置 2.4.5 特殊符号的插入 2.4.6 文本的段落排列 2.5 图像的插入与设置 2.5.1 常用的图像类型和格式 2.5.2 图像属性面板介绍 2.5.3 图像的插入与相关操作 2.6 超链接的设置 2.6.1 超链接的类型和表现形式 2.6.2 文本超链接 2.6.3 图片超链接 2.6.4 锚点链接 2.6.5 电子邮件超链接 2.6.6 URL超链接 2.6.7 空链接 2.7 其他媒体的插入与使用 2.7.1 Flash动画的插入 2.7.2 音频文件的插入 2.8 强大的层叠样式表 2.8.1 层叠样式表的格式与组织形式 2.8.2 层叠样式表的建立与使用 习题第3章 网页的布局和定位 3.1 表格的建立与设置 3.1.1 如何插入表格 3.1.2 表格元素的选取 3.1.3 行、列的插入或删除 3.1.4 合并和拆分单元格 3.1.5 表格的设置 3.1.6 单元格的设置 3.1.7 表格配色方案 3.2 表格在排版中的应用 3.2.1 表格在排版中的常用设计 3.2.2 运用表格布局版面 3.2.3 布局设计 3.3 层的建立与设置 3.3.1 层的插入 3.3.2 设置层的属性 3.3.3 层的选取 3.3.4 移动层 3.3.5 调整层的大小 3.4 层在排版中的应用 3.4.1 设置层的重叠 3.4.2 层的对齐 3.4.3 层对齐到网格 3.4.4 表格和层的相互转换 3.5 框架的使用 习题第4章 快速建站技术——模板和库的应用 4.1 模板的建立 4.1.1 资源面板介绍 4.1.2 什么是模板 4.1.3 模板的创建 4.1.4 模板可编辑区域的建立与取消 4.2 模板的应用 4.2.1 通过模板建立新网页 4.2.2 通过更新模板来更新网页 4.2.3 将模板从网页中分离 4.3 库的建立 4.3.1 什么是库 4.3.2 模板与库的区别 4.3.3 库的建立 4.4 库的应用 4.4.1 将库应用到网页中 4.4.2 库的编辑和网页更新 4.4.3 取消网页中的库 习题第5章 用Flash MX加工、美化网页 5.1 认识Flash MX的工作界面 5.2 用F1ash MX制作Logo 5.3 用FlashMX制作Banner 5.4 用Flash MX制作导航栏 5.5 用Flash MX制作欢迎页 习题第6章 用Photoshop 7.0处理网页图片 6.1 认识Photoshop的工作界面 6.1.1 Photoshop 7.O的界面介绍 6.1.2 文件操作 6.1.3 工具箱 6.1.4 选项栏 6.2 网页图片的加工 6.3 制作网页按钮 6.4 制作网页小图标 6.5 制作网站标志Logo 6.6 制作网站首页 6.7 制作网站横幅 6.8 制作网站背景 习题第7章 网站设计 7.1 怎样设计网站 7.1.1 网站设计流程 7.1.2 目录结构和链接结构 7.2 网页版面布局的设计 7.3 网页的色彩搭配 7.3.1 色彩的基础知识 7.3.2 网页配色分析 习题第8章 网页动态效果的制作 8.1 用：Dreamweaver MX制作动态效果 8.1.1 利用META制作网过渡效果 8.1.2 利用层和时间轴制作动态效果 8.1.3 利用行为制作各类动态效果 8.2 常用的Script脚本的插入与使用 8.2.1 什么是Script脚本 8.2.2 Script脚本的插入与应用 8.2.3 Scijpt脚本特效实例应用 8.3 利用CSS制作各类特效 8.3.1 网页超链接特效 8.3.2 网页背景特效 8.3.3 CSS滤镜特效 8.4 表单的制作与应用 习题第9章 网站的发布 9.1 网站的建立 9.1.1 网站空间的获取 9.1.2 域名的申请 9.2 网站的上传 9.2.1 利用Dreamweaver MX上传文件 9.2.2 利用CuteFTP软件上传网站 习题
（4）超链接超链接是网页中最具特色的功能。为了实现在网页之间自由地跳转，可以在网页上的文字或图像中加入目标网页或网站的地址，这就生成了一个超链接。当用户在浏览网页的时候，鼠标经过有超链接的地方时，光标就会变为小手的形状，这时单击鼠标，浏览器就会打开超链接所指向的网页。超链接使网页与网页、网站与网站之间相互连接成为一个有机的整体，用户只需点击鼠标就可以轻松地转到所需要浏览的网页上。（5）脚本程序（Script）脚本程序是用于扩充网页功能而能在网页上直接解释的程序语言，常见的有显示访问的时间、让文字在屏幕上滚动等。1．2．2什么是网站简单地说，网站就是许多相关网页有机结合而形成的一个信息服务中心。在WWw上，信息是通过一个个网页呈现出来的，是用户在浏览器上看到的一个个画面。网站的设计者将要提供的内容和服务制作成许多个网页，并且经过组织规划，让网页互相链接，然后把相关的文件存放在Web服务器上。只要用户连接Internet，就可以使用浏览器访问到这些信息。这样一个完整的结构就称为“网站”，又常被称为“站点”。现在的网站不仅可以向用户发布信息，而且还为用户提供各种各样的网络服务，如电子邮件服务、资源下载、域名服务和主页空间服务等。一个网站一般都有一个首页，常称为主页，指的是用户在浏览器地址栏里输入网址后网站自动打开的默认页面。而且网站的其他页面都会通过超链接与这个主页相连，这些页面通常称为子页面。用户要访问感兴趣的子页面，只要单击主页上相应的超链接就可以了。因此，主页就像一份报纸的头版，通常用来作为一个站点中的目录或索引。由于主页在一个网站的所有网页里处于中心地位，所以经常又有人用主页来代替网站的称呼，如个人网站称为个人主页，网站的欢迎词也经常写着“欢迎访问我们的主页”。
