网页设计与制作案例教程

出版时间：2009-9  出版社：北京大学出版社  作者：杨森香，聂志勇　主编  页数：328  字数：516000  

前言

网页制作技术是一门用途广泛的课程，随着网络技术、大容量存储、计算机软硬件技术的不断发展，网页制作技术也臼趋成熟，应用领域不断扩大，实用性也越来越强。本书根据教育部职业教育与成人教育司制定的《高等职业学校计算机及应用专业教学指导方案》的要求，结合高等职业教育自身的特点，正如教育部“面向21世纪教育振兴行动计划”所指出的，“高等职业教育必须面向地区经济建设和社会发展，适应就业市场的实际需要，培养生产、管理、服务第一线需要的实用人才，真正办出特色”，专门为高等职业学校编写。本书的作者是长期从事网站开发和网站教学，有多年教学实践经验的一线老师，他们根据社会需求、教学实际和学生的具体情况，不断地总结和提炼教学内容，编写了侧重于实际应用的网页制作教程。本书每一章都提供一个实例和实训，并由浅入深地逐步引导读者学会使用Dreamweaver 8.0的各种功能来制作网页。本书的最大特点是“任务驱动，案例教学”，由浅入深地诠释了网页设计的各知识点及其应用。充分考虑高等职业学校教师和学生的实际需求，选取实用性较强的案例来讲解网页制作的技巧和基本操作方法，使教师教起来方便，学生学起来实用。本书共分15章，内容概括如下。第l～2章：介绍网页的基础知识，Dreamweaver 8.0的工作界面，网页的设计流程；站点的创建和管理。第3～13章：每一章通过案例讲解网页制作元素的基本使用方法，通过实训得以巩固和提高。制作元素包括文本、图像、表格、表单、框架、其他媒体对象、CSS样式、模板、库、Div标签、时间轴、行为和脚本，同时讲解了创建超级链接的方法和种类。第14章：通过综合实例“北京鸿虎高尔夫球场工程有限公司”主页的设计与制作，讲解Photoshop和Flash如何为网页服务，如何为网页设计相关素材。第15章：介绍如何申请免费空间，发布网站。本书中每一章的结构模式大都为“教学目标一教学要求一引例一案例说明一案例制作一相关知识点介绍一实训案例一实训讲解一操作习题”。通过强化案例和实训教学，可加深学生对理论知识的理解。

内容概要

本书完全从实际工作出发，通过实例和实训讲解如何使用Dre锄weaver 8.0制作和开发网站。Dreamwaver是一款集成的可视化网页编辑工具，它不但支持静态页面和动态页面的开发，而且提供网站的发布与维护功能。本书涉及的案例有个人网站、企业网站、学校网站、饮食网站、娱乐网站、文学欣赏网站等，基本涵盖了网页设计的所有基本知识，包括网页建设基本流程、网站规划、网页设计、自制模板网页及使用，Photoshop、Flash和Dreamweaver结合等知识。本书内容共分15章，第1～2章介绍网页设计的基础知识、创建站点和管理站点；第3～13章介绍如何使用Dre锄weaver 8.0元素制作页面；第14章介绍应用综合案例，讲解Photoshop、Flash和Dreamweaver的结合；第15章讲解网站的发布。    本书内容丰富、结构清晰、语言简练、实例众多，具有很强的操作性和实用性，适合于网页制作的初学者，可作为大中专院校的教材，同时也是广大网页制作爱好者非常实用的自学参考书籍。

书籍目录

第1章　网页基础知识  1.1　网页的基本知识    1.1.1　网页的相关概念    1.1.2　静态网页与动态网页  1.2　网页制作工具    1.2.1　网页编辑工具    1.2.2　网页素材的处理和制作  1.3　网页制作流程    1.3.1　网站规划    1.3.2　网站设计    1.3.3　网站制作  1.4　初识Dreamweaver 8.0中文版    1.4.1  Drearnweaver 8.0简介    1.4.2  Dreamweaver 8.0功能    1.4.3  Dreamweaver 8.0界面  1.5  小结  1.6　习题第2章　规划和设计站点  2.1  站点规划和设计概述  2.2　创建本地“个人主页”虚拟网站    2.2.1　定义新站点    2.2.2　创建子文件夹、主页面和子页面  2.3　管理站点  2.4　实训：“微笑北京”站点创建  2.5　小结  2.6　习题第3章　创建网页  3.1  “光明·前途”网页制作    3.1.1　新建网页    3.1.2　设置网页基本属性    3.1.3　编辑网页文本    3.1.4　修饰文本    3.1.5　插入水平线    3.1.6　插入日期：  3.2　滚动字幕  3.3　实训：“对他人宽容，就是解放自己”网页制作  3.4　小结  3.5  习题第4章　图像应用  4.1  图像概述  4.2  “匆匆”网页制作    4.2.1  准备工作    4.2.2　插入图像    4.2.3　设置图像属性    4.2.4　图像编辑    4.2.5  鼠标经过图像  4.3　创建“世界经典网站模板”相册  4.4　实训：“液晶显示器”网页设计与创建  4.5　小结  4.6　习题第5章  创建链接  5.1　超级链接概述  5.2　建立超级链接——“书香诗语”网站    5.2.1  准备工作    5.2.2　创建文本超级链接    5.2.3　书签链接    5.2.4　图像超级链接    5.2.5  下载链接　　……第6章 表格 第7章 表单 第8章 框架页面 第9章 插入其他媒体对象 第10章 应用CSS修饰网页 第11章 模板和库 第12章 层DIV标签和时间轴 第13章 行为和脚本的应用 第14章 综合实训第15章 发布网站

章节摘录

插图：第1章 网页基础知识1.2 网页制作工具虽然网页的本质是HTML，但现在已经很少有人直接用HTML来编辑网页了，这是因为HTML不但不能直观地显示网页设计的结果，而且本身也比较枯燥。现在绝大多数的网页制作工作都是通过所见即所得的编辑工具完成的，另外，在网页制作过程中还需要使用素材处理工具创作一些素材或进行素材加工。1.2.1 网页编辑工具目前，网页编辑软件层出不穷，就连Word都包含了输出HTML文档的功能。在“所见即所得”的网页编辑工具中，应用最广泛的是Adobe公司的Dreamweaver和微软公司的FrontPage。1.FrontPageFrontPage是Microsoft公司出品的，是最简单、最容易和功能强大的网页编辑工具之一。FrontPage继承了Office系列软件界面通用、操作简单的特点，用户可以用操作Word文档的方式来操作网页文档，十分适合初学者使用。但FrontPage也有其不足之处：首先是浏览器兼容性不好，做出来的网页用NetscaDe往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML(Dynamic HTML)的支持不佳。2.DreamweaverDreamweaver是Adobe公司推出的主页编辑工具，支持最新的DHTML和CSS标准。它采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。

编辑推荐

《网页设计与制作案例教程》：21世纪全国高职高专计算机案例型规划教材丛书特点：针对性强，切合职业教育目标，重点培养职业能力，侧重技能传授实用性强，大量的经典真实案例，案例内容具体详细，与就业市场紧密结合适应性强，适合于三年制和两年制高职高专，也同样适合于其他各类大中专院校强调知识的渐进性、兼顾知识的系统性，结构逻辑性强，针对高职高专学生的知识结构特点安排教学内容。书中配套形式多样的习题，网上提供完备的电子教案，提供相应的素材、程序代码、习题参考答案等教学资源，完全适合教学需要。教材系列完整，涵盖计算机专业各个方向；编者分布广泛，结合不同地域特点，适合不同地域读者。