网页设计与制作

出版时间：2010-12  出版社：清华大学出版社  作者：张峰，栾泽成　主编  页数：218  

前言

　　随着计算机技术的发展和普及，职业学校的网页设计与制作教学存在的主要问题是传统的理论教学内容过多，能够让学生亲自动手的实践内容偏少。本书基于Dreamweaver8中文版，同时兼顾DrearnweaverCS3和Flash中文版的一些应用，按照项目教学模式组织教学内容，加大了实践力度，让学生在实际操作中循序渐进地了解和掌握网页制作的流程与方法。全书由12个独立项目贯穿而成，每个项目由几个活动任务组成。项目要求创建模拟工作环境，培养学生解决实际问题的综合能力。通过学习完成所有创设的项目，使学生具备网页制作能力。　　本书内容均是由教学一线的教师编写，全书系统全面，贴近中职学生的实际应用，紧扣全国计算机技能大赛要求，充分运用中等职业教育教学中先进的教学理念和方法，具有实用性和可操作性，与时俱进，与当前就业市场结合得非常紧密。　　本书编写力求体现先进的教育教学理念和学习理念，主要表现在以下几个方面。　　1.项目设计。培养学生综合掌握信息技术的能力。创建一定的模拟工作环境，在设计上力求贴近工作实际，让学生转换角色，置身于影视制作的情境之中，改变学生的学习方式，引导学生自主探究学习，培养学生解决实际问题的能力。　　职业情景描述：主要描述项目的情境，同时提出整个项目的任务。　　2.每一个项目由若干个活动任务组成，每个活动任务包括以下几个模块（书中由图标表示）：　　任务背景：描述活动的情境，提出本次活动的任务。　　任务分析：搜集相关信息，从学生的学习情况出发，引导学生提出并讨论完成任务的方案，总结完成本次活动任务的方法与过程。　　任务实施：给出完成本次活动任务的具体方法和详细步骤。　　归纳提高：系统地归纳本次活动任务所涉及的信息技术及技能，拓展相关深层次技术知识。　　自主创新：运用本次活动学过的知识与技能自主解决新情境下的问题。　　评估：以表格的形式对本次活动任务的知识及任务完成情况进行评价。　　提示与技巧：在活动任务完成的过程中，及时提示所涉及的知识技能、方法、技巧及注意事项。

内容概要

本书采用模块化的项目教学模式编写，内容包括网页制作软件基础、静态网页制作、动态网站的创建三大部分。静态网页制作部分包括创建站点与创建基本网页、超链接的运用、用表格布局网页、使用层和时间轴制作动画、用框架布局网页、用CSS美化网页、用模板与库快速做网页、设计表单网页、制作特效网页等。动态网站的创建包括建立数据库、配置服务器、创建数据库连接、制作动态网页、发布和维护网站等。　　本书在编写过程中力求以突出学生的实践技能培养为核心，通过多个模块化的活动任务来完成整个项目教学过程。通过活动任务讲解操作Dreamweaver制作网页的过程，让学生从实践过程中掌握网站建设的全过程及其细节。全书采用12个独立项目教学贯穿而成，每个项目由几个活动任务组成。学生通过学习完成所有创设的项目，能够具备静态网页制作和动态网站的创建等基本能力。　　本书可作为中等职业学校计算机专业、网络技术专业及相关专业的专业课或选修课教材，也可作为非专业人士学习网站编辑技术的参考资料。

书籍目录

知识准备　网页制作软件基础　任务一　认识Dreamweaver8　任务二　如何学好Dreamweaver软件　任务三　认识Dreamweaver软件的界面　思考与练习第一单元　静态网页制作　项目一　创建站点与创建基本网页　　任务一　创建和编辑本地站点　　任务二　网页的基本操作　　任务三　插入和编辑基本元素　　任务四　创建图像网页　　任务五　创建多媒体网页　　思考与练习　项目二　超链接的运用　　任务一　创建文本、图片和E—mail超链接　　任务二　创建图像热点链接　　思考与练习　项目三　用表格布局网页　　任务一　表格的常用操作　　任务二　用表格布局页面　　思考与练习　项目四　使用层和时间轴制作动画　　任务一　使用层制作“四季传说”网页　　……第二单元　动态网站的创建

章节摘录

　　1.创建网页　　按下列方法操作也可以创建网页。具体操作步骤如下。　　（1）选择“文件”一“新建”命令或按Ctrl+N快捷键，打开“新建文档”对话框。　　（2）从各种预先设计的页面布局中选择一种。例如选择“基本页”中的HTML选项，单击“创建”按钮，Dreamweaver8即展开工作区界面（一个空白页）。　　2.保存文件　　将编辑好的网页保存起来，以便以后使用。在Dreamweaver8中保存文件将遇到两种情况：如果是第一次保存，选择“文件”一“保存”命令或按Ctrl+S快捷键，打开“保存”对话框，在该对话框中选择文件存放位置并输入文件名称，单击“保存”按钮即可；如果是已经保存过的网页，选择“文件”一“另存为”命令弹出“另存为”对话框，可以换名保存当前文件。在Dreamweaver环境中网页文件最常用的保存格式是.htm和.html。　　3.打开文件　　Dreamweaver8可以打开所有与网页制作相关的文件。选择“文件”一“打开”命令或按Ctrl+O快捷键，打开“打开”对话框，在“文件类型”下拉列表框中选择要打开的文件类型，然后选择一个已存在的文件，单击“打开”按钮即可在文件窗口中打开该文件。还可以在“文件”面板中，选中本地站点的文件后，在下面的列表中双击要打开的文件（如xiangshawan.htm），则该页将出现在新的文件窗口中。　　4.设置页面属性　　编辑一个页面，首先要设置页面的标题、页边距、背景、链接等。在“属性”面板中单击“页面属性”按钮，打开“页面属性”对话框，如图1-10所示。　　（1）外观　　在“外观”选项中，可以设置当前页面的默认字体属性、背景和页边距等，具体介绍如下。　　·页面字体：设置当前页面的字体一般为默认字体。　　·大小：设置字号，一般设置为12像素。　　·文本颜色：设置字体颜色。　　·背景颜色：设置整个页面的背景颜色。　　·背景图像：使用图片作为背景，默认情况下图片自动平铺整个页面。当背景图像与　　背景颜色都设置时，只能显示背景图像，背景颜色会被覆盖。　　·左边距、右边距、上边距和下边距：用于设置页面内容与文档之间的距离，默认情况　　下有2像素的间距。　　（2）链接　　单击“链接”项打开“链接”属性，如图1.11所示，其各项含义如下。　　·链接字体、大小：设置文本添加链接后的字体样式及大小，一般与页面字体相同。　　·链接颜色：文本添加链接后的文本颜色。