网页设计与制作(项目教学)
分類: 图书,计算机/网络,图形图像 多媒体,网页设计,
作者: 王君学,孙海伦,金哲编著
出 版 社: 人民邮电出版社
出版时间: 2008-10-1字数:版次: 1页数: 218印刷时间:开本: 16开印次: 1纸张:I S B N : 9787115188816包装: 平装内容简介
本书按照项目教学法组织教学内容。全书由16个项目构成,主要内容包括在网页中插入文本、图像、媒体、超级链接、表单等网页元素及其属性设置,运用表格、框架、层和Div标签等工具对网页进行布局,使用模板和库制作网页,运用CSS样式控制网页外观,使用行为完善网页功能,使用时间轴制作动画,在可视化环境下创建应用程序,使用Photoshop CS3、Flash 8配合Dreamweaver 8制作网页以及创建、管理和维护网站的基本知识。
本书可作为中等职业学校“网页设计与制作”课程的教材,也可以作为网页设计爱好者的入门用书。
目录
项目一认识Dreamweaver 8
任务一了解Dreamweaver 8
任务二欣赏优秀网站
任务三制作一个简单的网页
(一) 定义站点
(二) 创建和保存文件
(三) 设置文本属性
(四) 保存工作区布局
项目实训制作“选购照相机要注意哪些方面”网页
项目小结
思考与练习
项目二网站的规划和管理
任务一新建站点
任务二管理站点
(一) 复制和编辑站点
(二) 导出、删除和导入站点
任务三管理站点内容
(一) 设置首选参数
(二) 创建文件夹和文件
(三) 在站点地图中链接文件
项目实训站点的管理
项目小结
思考与练习
项目三文本编辑——编排数码摄影知识网页
任务一网页文本的编辑
任务二编排文本格式
(一) 设置文档标题格式
(二) 设置正文格式
任务三完善网页
项目实训设置“摄影器材的介绍”文档格式
项目小结
思考与练习
项目四图像和媒体——编排摄影作品网页
任务一插入图像
(一) 插入图像占位符
(二) 插入图像和设置图像属性
任务二插入媒体
(一) 插入Flash动画
(二) 插入图像查看器
(三) 插入ActiveX视频
项目实训设置“国宝熊猫”网页
项目小结
思考与练习
项目五超级链接——制作导航网页
任务一设置锚记超级链接
任务二设置图像超级链接
任务三设置电子邮件超级链接
任务四设置文本超级链接
项目实训设置“唐诗欣赏”网页
项目小结
思考与练习
项目六表格——布局商务网页
任务一使用表格布局页眉
任务二使用嵌套表格布局主体页面
(一) 布局网页右上方栏目的内容
(二) 布局右下方栏目的内容
任务三使用表格布局页脚
项目实训使用表格布局“玉石的种类”页面
项目小结
思考与练习
项目七框架——制作绿色天空论坛网页
任务一创建论坛框架网页
(一) 创建框架
(二) 保存框架
任务二设置论坛框架网页
(一) 设置框架集和框架属性
(二) 设置框架中链接的目标窗口
项目实训使用框架布局“社区论坛”网页
项目小结
思考与练习
项目八CSS——设置海洋知识网页样式
任务一设置页眉CSS样式
(一) 定义“body”的CSS样式
(二) 定义页眉的CSS样式
任务二设置网页主体的CSS样式
(一) 设置左侧栏目CSS样式
(二) 设置右侧栏目的CSS样式
任务三设置页脚的CSS样式
项目实训使用CSS设置“盘古石翡翠”网页样式
项目小结
思考与练习
项目九Div——布局搜索网页
任务一布局页眉
任务二布局主体
任务三布局页脚
项目实训使用层和Div标签布局网页
项目小结
思考与练习
项目十时间轴——制作航行动画
任务一使用层制作蓝天大海背景
任务二使用时间轴制作运动效果
项目实训使用层和时间轴制作“诗词”动画
项目小结
思考与练习
项目十一库和模板——制作花卉基地主页
任务一创建库
(一) 创建库项目
(二) 编排页眉库项目
(三) 编排页脚库项目
任务二创建模板
(一) 创建模板文件
(二) 插入库项目
(三) 插入模板对象
任务三应用模板
项目实训制作“宠物联盟网”网页模板
项目小结
思考与练习
项目十二使用行为完善网页功能
任务一设置页眉部分
(一) 设置状态栏文本
(二) 制作弹出式菜单
任务二设置主体部分
(一) 打开浏览器窗口
(二) 交换图像
(三) 弹出信息
(四) 控制Shockwave或Flash
项目实训制作垂直弹出式菜单
项目小结
思考与练习
项目十三表单——制作注册网页
任务一创建表单
任务二验证表单
项目实训制作“注册邮箱申请单”网页
项目小结
思考与练习
项目十四应用程序——制作咨询网页
任务一定义站点并创建数据库连接
(一) 定义站点
(二) 创建数据库
(三) 创建数据库链接
任务二制作心情速递站页面
(一) 制作心情速递站页面
(二) 制作咨询主题页面
(三) 制作咨询结果页面
任务三制作咨询回复页面
(一) 制作咨询主题列表页面
(二) 制作咨询主题回复页面
(三) 制作咨询主题删除页面
(四) 限制对页的访问
(五) 用户登录和注销
项目实训制作“用户信息查询”网页
项目小结
思考与练习
项目十五网页三剑客——制作一翔集团网页
任务一制作页眉
(一) 制作网站logo
(二) 制作宣传标语
(三) 布局页眉
任务二制作主体
(一) 制作宣传动画
(二) 布局主体页面
任务三制作页脚
(一) 制作导航图像
(二) 布局页脚
项目实训使用Photoshop和Flash制作动画
项目小结
思考与练习
项目十六发布和维护网站
任务一配置服务器
(一) 配置Web服务器
(二) 配置FTP服务器
任务二发布网站
任务三维护网站
(一) 检查链接
(二) 改变链接
(三) 查找和替换
(四) 清理文档
(五) 保持同步
项目实训配置服务器和发布站点
项目小结
思考与练习
书摘插图
项目一认识Dreamweaver 8
本项目主要是让读者对网页制作软件Dreamweaver 8有一个总体认识,如图1-1所示。首先欣赏一些优秀案例,然后学习Dreamweaver 8的功能和作用,最后通过制作一个简单的网页来认识Dreamweaver 8的工作界面,并学习常用工具栏和面板的基本使用方法。
任务一了解Dreamweaver 8
Dreamweaver是美国Macromedia公司(1984年成立于美国芝加哥,2005年被Adobe公司并购)开发的集网页制作和网站管理于一身的所见即所得式网页编辑器,是针对专业网页设计师而设计的视觉化网页开发工具,它可以让设计师轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。由Macromedia公司开发的Dreamweaver与Flash、Fireworks一起被称为“网页三剑客”,在Macromedia公司被Adobe公司并购后,2007年由Adobe公司发布的网页三剑客是指Dreamweaver、Flash和Photoshop。
对于初学者来说,Dreamweaver的可视化效果让用户比较容易入门,具体表现在两个方面:一是静态页面的编排,这和Microsoft Office等办公可视化软件是类似的;二是交互式网页的制作,这是它与其他网页制作软件不同的重要特征。利用Dreamweaver 8可以比较容易地制作交互式网页,很容易链接到Access、SQL Server等数据库。
Dreamweaver集建立站点、布局网页、开发应用程序、编辑代码和发布网站等功能于一体,可轻松地完成网站开发的所有工作,因此,在各个行业领域都得到了广泛的应用,如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。
任务二欣赏优秀网站
下面来欣赏几个优秀网站,希望通过欣赏读者能够增强对网页设计与制作的兴趣。
图1—2所示为中国海洋大学网站主页,其结构清晰、布局简洁,充分结合了现代教育理念,将教学与网络合理地进行了整合,实现了教学对象广泛、使用方便、时间自由以及节约成本等特点。
……