实用Web标准网页及动画制作

出版时间：2008-7  出版社：合肥工业大学出版社  作者：王左辉，于红光 编著  页数：310  

内容概要

本书共由七章组成，第一章既是对传统网页制作方法的回顾，又是起步篇。从模仿绘制设计图、生成页面，以及学习制作简单动画，直到完成一张完整的页面。    从第二章开始踏上标准之路，首先简单介绍有意义(X)HTML元素，然后通过案例驱动，逐步掌握如何构建标准的结构和怎样编写CSS规则，并且初步认识定位的概念，附带学几个简单的招数来克服传统浏览器的缺陷。    第三章把重心放到浮动定位上，从讲述概念到实际操练，真正掌握CSS中这一常用的定位方法，从而学会制作具有分栏的页面。    在第四章，深入讲解页面的布局方法，并且尝试用一些特殊的技巧来解决一些特定的问题。这是非常具有实用价值的一章。    第五章和第六章是Flash的学习篇。第五章从绘制静画再到制作动画，一步步让你掌握五种基本动画的概念和技巧。    第六章从另一个角度切入Flash，它从文本框开始。然后深入到ActionScript编程，直到初步掌握用ActionScript3编写自定义类、绑定类。    第七章全由简单案例组成，它可以使初学者通过学习这些小案例来熟练各种基本制作技巧，对巩固学习成果大有裨益。    随书附带的光盘里有对应每一章、每一个案例的素材和结果。建议读者读书时结合案例、制作时参考教材，教材与实例相配合才是最好的学习方法。光盘里还有一个考试系统，其中收录了20个考题。另外，配套的PPT是专门对应第二章到第四章有关标准之路的教学内容，非常有利于教师的教学。同时，对读者加深理解概念和分析案例也非常有帮助。    本书涉及面广，内容较多。错漏之处，敬请批评指正！

书籍目录

第一章　传统网页制作方法回顾　1.1　绘制设计图    1.1.1  准备工作    1.1.2  页面的报头制作    1.1.3  画页面主体部分的外框    1.1.4  画页面主体部分的内容　1.2　页面布局    1.2.1  为制作翻转按钮做准备    1.2.2　在Fireworks中切片    1.2.3  导出HTML文件    1.2.4  用Dreamweaver清理Fireworks生成的页面　1.3　页面中的动画    1.3.1  为动画准备素材    1.3.2　使用Flash制作简单动画    1.3.3　将Flash插入页面    1.3.4  另外一种做法    1.3.5　对Flash的修改第二章　初探Web标准　2.1　相同的文档不同的表现　2.2　几个CSS基本规则、框模型和定位简介    2.2.1  四个常用的选择器    2.2.2　框模型简介    2.2.3　相对定位与绝对定位　2.3　案例分析：用CSS制作一张页面　  2.3.1　绘制设计图  　2.3.2　拆分设计图  　2.3.3　导出拆分图　  2.3.4　布局制网页　2.4　几个常用的HTML标签    2.4.1　段落标签    2.4.2　换行标签    2.4.3　强调标签和    2.4.4　标题标签    2.4.5　列表标签、和    2.4.6　超级链接标签    2.4.7　图像标签    2.4.8　表格标签    2.4.9  区块标签    2.4.10　行内标签    2.4.11  页面内容标签    2.4.12　块框和行框第三章　用浮动模型制作页面　3.1　浮动定位    3.1.1  浮动    3.1.2  清理　3.2　利用浮动模型制作首页    3.2.1　布局安排    3.2.2　输入页面代码    3.2.3　CSS美化    3.2.4　其他制作方法　3.3　两列布局的页面制作    3.3.1　绘制设计图    3.3.2　拆分设计图    3.3.3　导出拆分图    3.3.4  布局制网页    3.3.5　录入和编辑内容第四章　布局与典型技术第五章　基本动画制作第六章　Actionscript视觉效果第七章　典型案例分析

章节摘录

　　第一章　传统网页制作方法回顾　　本课将要完成的任务：　　学会在Fireworks中绘图　　在Fireworks中切片　　从Fireworks导出HTML　　用Flash制作简单动画　　在Dreamweaver中插入Flash动画　　预计课时：150～300分钟　　怎么做网页？从何处人手？　　有关网页制作的教材非常多，基本上都是从介绍软件、讲解菜单开始。实际上，只要参加过计算机应用能力培训的人都有体会，教师花了很大的气力讲软件的界面、软件的功能，但其作用似乎不大，对操作来说效果甚微。那么究竟什么是学习网页制作的最好方法呢？回答是两个字——模仿。　　图1—1左图是一张用传统方法制作的页面。虽说传统方法是过去习惯的方法，但是其中许多步骤与基于标准的页面制作方法却相同，所以不妨先以这张页面为样板，将模仿这张页面作为学习制作网页之旅程的起点，既能热热手，又能了解网页制作的过去。　　先撇开Dreamweaver、Flash和Fireworks的功能和使用方法，不问为什么，一步一步地跟随教程来了解学习如何模仿制作图1—1所示的页面。　　1.1　绘制设计图　　1.1.1　准备工作　　（1）首先在桌面上新建一个“案例”文件夹。　　（2）启动Fireworks图形处理软件。选择菜单“文件/打开”，弹出“打开”对话框，选取配送光盘的素材中的“第一章/素材/LX01样图.png”文件，按“打开”按钮后，将图1-1右图所示的“样板页面”的图片打开，准备模仿。　　（3）选择菜单“文件/新建”，弹出“新建文档”对话框，设置画布大小为：750PX*500PX，如图1-2的右侧所示。按“确定”按钮后，屏幕上显示Fireworks主窗口，如图1-2所示。　　（4）选择菜单“文件/保存”，弹出“另存为”对话框，将该文档以“LX01.PNG”命名，保存到桌面上的“案例”文件夹中。