Dreamweaver CS3网页设计培训教程

章节摘录

　　3.网页制作的流程　　制作网页不像编辑文档那样轻松，需要遵循一定的流程：收集资料和素材、规划站点、制作网页、测试站点、发布站点、更新和维护站点等。　　1）收集资料和素材　　在制作网页前应先收集要用到的文字资料、图片素材及用于增添页面效果的动画等。例如，要制作学校网页，需要学校提供文字材料，如学校简介、招生对象说明以及与学校有关的图片等；要制作个人网站，则应收集个人简历和爱好等方面的材料；要制作企业网站，则应收集企业简介、产品信息及其他相关资料。　　2）规划站点　　规划站点时，可以将自己假想为浏览者，考虑浏览者如何访问网站、如何从一个页面跳到另一个页面、怎样防止他们“迷路”。　　根据浏览者的访问顺序可以将内容设计为树形目录，如图1.3所示，级数一般不要太多，尽可能少于4级，否则会让人感觉烦琐，也不方便管理。如果内容太多，那么绘制一个导航图是非常必要的，这样可以让浏览者更方便、更舒服地访问网站内容，同时更容易在各栏目间进行切换，图1.4所示的即为一个导航设计。　　3）制作网页　　网站一般由多个网页链接而成，要让浏览者方便、轻松地畅游网站，在制作网页时应考虑以下几个方面。　　·构建页面框架：构建页面框架就是针对导航条和主题按钮等组成部分将页面有条理地划分为几部分，对页面做一个宏观的布局。　　·创建导航条：在网站的任何一个页面上，都需提供网站的相关主题，以便引导用户浏览网站，所以创建导航条是非常必要的（一般位于网站的上部或左侧）。　　·填充内容：将内容合理地分配到网页的各个部分，并插入图片和Hash动画等。　　·创建返回主页的超链接：在各个內页页面中设置返回主页的超链接，以便用户快速返回主页，从而浏览其他页面。

前言

　　21世纪是一个信息时代，Intemet已经进入人们生活与工作的各个层面，而网页作为Intemet信息传递的重要载体，其重要性也曰趋突出。自己制作网页已成为越来越多人的一种兴趣、爱好，网页制作还发展成为一种新兴职业。　　目前，用于制作网页的软件非常多，Adobe公司的Dreamweaver CS3是使用最广泛的网页制作工具。Dreamweaver CS3集网页制作和网站管理于一体，既可以制作网站中的网页，也可以将网站上传到Intemet上供用户浏览。　　Dreamweaver CS3可以将Photoshop和Fireworks等图形图像软件制作的图像、Flash等软件制作的动画以及各种视频和音乐等元素合为一体，给浏览者呈现图、文、声音及动画融为一体的全方位感观效果。本书定位　　本书定位于网页制作的初学者，从初学者的角度出发，合理安排知识点，并结合大量实例进行讲解，让读者在最短的时间内掌握最有用的知识，迅速成为网页制作高手，特别适合各类培训学校、大专院校和中职中专作为相关课程的教材使用，也可供网页制作的初级用户、网页设计人员和各行各业需要进行网页制作的人员作为参考书使用。本书主要内容　　本书共15课，从内容上可分为4部分，各部分主要内容如下。　　>　第1部分（第1课和第2课）：主要讲解网页制作基础、创建站点与服务器等内容。　　>　第2部分（第3-10课）：主要讲解用文本制作简单网页、插入图像美化网页、用表格规范网页、建立链接、通过多媒体元素丰富网页、使用层叠样式美化网页、使用框架进行网页布局、使用APDiv进行网页布局等内容。这部分内容是网页制作最基　　本的知识，读者应熟练掌握。　　>　第3部分（第11-13课）：主要讲解使用模板批量创建网页、使用表单实现交互、用行为为网页添加交互功能等内容。　　>　第4部分（第14课和第15课）：主要讲解站点的发布以及综合实例的制作。

书籍目录

第1课 网页制作基础1.1 网页制作的相关知识1.1.1 知识讲解1.网页的定义及组成元素2.网页常见部分的称谓及规范3.网页制作的流程4.网页酉己色技巧1.1.2 典型案例——用“记事本”制作“welcome.html”网页1.2 初识DreamweaverCS31.2.1 知识讲解1.DreamweaverCS3的工作界面2.DreamweaverCs3的基本设置1.2.2 典型案例——用DreamweaverCS3创建“welcome2.html”网页1.3 上机练习1.3.1 用“记事本”创建“Goodmoming.html”网页1.3.2 用DreamweaverCS3制作“Goodmorning2.html”网页1.4 疑难解答1.5 课后练习第2课 创建站点与服务器2.1 IIs的安装与简单配置2.1.1 知识讲解1.安装IIs的必要性2.IIs的安装3.IIs的简单配置2.1.2 典型案例——局域网Web服务器的创建2.2 站点的规划及创建2.2.1 知识讲解1.站点的规划2.站点的创建2.2.2 典型案例——局域网内部网站站点的创建2.3 上机练习2.3.1 创建寝室Web服务器2.3.2 创建站点“Site”2.4 疑难解答2.5 课后练习第3课 用文本制作简单网页3.1 添加网页文本3.1.1 知识讲解1.添加普通文本2.添加空格3.添加特殊字符4.添加水平线5.添加日期和时间6.创建活动字幕3.1.2 典型案例——制作版权信息栏3.2 设置文本格式3.2.1 知识讲解1.设置字体格式2.设置段落格式3.添加列表3.2.2 典型案例——美化版权信息栏3.3 上机练习3.3.1 “手机导购”网页的制作3.3.2 “手机导购”网页的美化3.4 疑难解答3.5 课后练习第4课 插入图像美化网页4.1 图像的插入及基本编辑4.1.1 知识讲解1.图像的插入2.图像的基本编辑4.1.2 典型案例——“青春”网页的制作4.2 图像高级操作4.2.1 知识讲解1.鼠标经过图像的制作2.导航条的制作4.2.2 典型案例——制作网站导航条4.3 上机练习4.3.1 制作“新年快乐”网页4.3.2 为“新年快乐”网页制作鼠标经过图像4.4 疑难解答4.5 课后练习第5课 用表格规范网页5.1 创建及编辑表格5.1.1 知识讲解1.创建表格2.编辑表格5.1.2 典型案例——制作“我的课 程表”表格5.2 表格属性设置5.2.1 知识讲解1.设置表格属性2.设置单元格属性5.2.2 典型案例——美化“我的课 程表”表格5.3 上机练习5.3.1 “个人简历”网页的制作5.3.2 “个人简历”网页的美化5.4 疑难解答5.5 课后练习第6课 建立链接6.1 使用网页链接6.1.1 知识讲解1.了解网页中的链接2.插入网页链接3.设置链接样式6.1.2 典型案例——制作“古诗欣赏”网页6.2 链接分类6.2.1 知识讲解1.相对链接2.绝对链接3.文件链接4.空链接5.电子邮件链接6.命名锚记6.2.2 典型案例——完善版权信息6.3 上机练习6.3.1 制作网站友情链接栏目6.3.2 制作“软件下载”网页6.4 疑难解答6.5 课后练习第7课 通过多媒体元素丰富网页7.1 插入Flash媒体元素7.1.1 知识讲解1.了解Flash文件格式2.插入Flash动画3.插入Flash按钮4.插入Flash文本5.插入FlashPaper6.插入Flash视频7.设置Flash动画背景透明7.1.2 典型案例——制作“江南旅游”网首页7.2 插入其他媒体元素7.2.1 知识讲解1.插入Shockwave影片2.插入JavaApplet3.插入背景音乐4.插入插件7.2.2 典型案例——在线影院7.3 上机练习7.3.1 个人主页7.3.2 MTV欣赏7.4 疑难解答7.5 课后练习第8课 使用层叠样式美化网页8.1 层叠样式的定义及创建8.1.1 知识讲解1.层叠样式的定义2.认识［CSS样式］面板3.创建层叠样式4.CSS样式的具体定义8.1.2 典型案例——设置网页页面属性8.2 层叠样式的管理和应用8.2.1 知识讲解1.编辑CSS样式2.链接外部CSS样式表文件3.删除CSS样式4.应用CSS样式8.2.2 典型案例——为表格应用CSS样式8.3 上机练习8.3.1 “再别康桥”网页页面属性设置8.3.2 “再别康桥”网页其他样式的设置及应用8.4 疑难解答8.5 课后练习第9课 使用框架进行网页布局9.1 了解框架并创建框架9.1.1 知识讲解1.了解框架及框架集2.框架及框架集的创建3.框架及框架集的保存9.1.2 典型案例——制作“在线小说”框架网页9.2 框架及框架集的基本操作和属性设置9.2.1 知识讲解1.框架及框架集的基本操作2.删除框架3.框架及框架集的属性设置9.2.2 典型案例——设置“在线小说”网页的框架及框架集属性9.3 上机练习9.3.1 创建“管理中心”框架网页9.3.2 完善“管理中心”框架网页9.4 疑难解答9.5 课后练习第10课 使用APDiv进行网页布局10.1 APDiv的创建及基本编辑10.1.1 知识讲解1.APDiv的创建2.使用［AP元素］面板3.APDiv的基本编辑10.1.2 典型案例——制作“花样年华”网页10.2 APDiv的属性设置及高级操作10.2.1 知识讲解1.单个APDiv的属性设置2.多个APDiv的属性设置3.APDiv的高级操作4.APDiv与表格的相互转换10.2.2 典型案例——制作“蝴蝶飞舞”网页特效10.3 使用Div+CSS进行网页布局10.3.1 知识讲解1.了解基于CSS的网页布局2.插入Div标签进行布局10.3.2 典型案例——制作网站首页10.4 上机练习10.4.1 制作“西藏风情”网页10.4.2 制作“浮动广告”网页特效10.4.3 制作“我的地盘”网页10.5 疑难解答10.6 课后练习第11课 使用模板批量创建网页11.1 模板的创建与编辑11.1.1 知识讲解1.模板的创建2.模板的编辑11.1.2 典型案例——创建“校园新闻”网页模板11.2 模板的应用11.2.1 知识讲解1.在［新建文档］对话框中使用模板新建网页2.在［资源］面板中使用模板新建网页3.更新应用模板的网页11.2.2 典型案例——创建“校园新闻”网页11.3 上机练习11.3.1 创建“古诗欣赏”网页模板11.3.2 用“古诗欣赏”网页模板创建网页11.4 疑难解答11.5 课后练习第12课 使用表单实现交互12.1 创建表单12.1.1 知识讲解1.了解表单2.创建表单3.设置表单属性12.1.2 典型案例——创建“用户登录”页面12.2 表单对象的添加12.2.1 知识讲解1.添加文本字段2.添加隐藏域3.添加单选按钮4.添加单选按钮组5.添加复选框6.添加列表／菜单7.添加跳转菜单8.添加文件域9.添加按钮10.添加图像域11.添加字段集12.2.2 典型案例——制作“注册会员”网页12.3 上机练习12.3.1 制作“商品搜索”表单网页12.3.2 制作“大学生消费调查”表单网页12.4 疑难解答12.5 课后练习第13课 用行为为网页添加交互功能13.1 行为的添加与编辑13.1.1 知识讲解1.什么是行为2.认识[行为]面板3.添加行为4.编辑行为5.获取更多的行为13.1.2 典型案例——通过行为制作打字效果13.2 主要行为的使用13.2.1 知识讲解1.交挟图像2.弹出信息3.打开浏览器窗口4.拖动AP元素5.效果6.显示－隐藏元素7.检查表单13.2.2 典型案例——通过添加行为制作“首饰展示”网页13.3 上机练习13.3.1 添加“检查表单”行为13.3.2 增大／收缩元素13.4 疑难解答13.5 课后练习第14课 站点的发布14.1 域名及网站空间的申请14.1.1 知识讲解1.了解域名和网站空间2.申请域名和网站空间14.1.2 典型案例——申请试用收费网站空间14.2 站点的发布及管理14.2.1 知识讲解1.测试兼容性2.检查并修复链接3.发布站点4.管理与维护站点5.宣传站点14.2.2 典型案例——发布站点14.3 上机练习14.3.1 申请免费网站空间14.3.2 发布站点14.4 疑难解答14.5 课后练习第15课 制作“蓝色心情”个人网站15.1 制作分析15.1.1 实例效果预览15.1.2 实例制作分析15.2 制作过程15.2.1 网页制作环境的创建1.Web服务器的配置2.站点的创建15.2.2 网页的制作1.前期准备2.內容填充3.后期完善15.2.3 网站的发布15.3 上机练习15.4 疑难解答15.5 课后练习参考答案

编辑推荐

　　《Dreamweaver CS3网页设计培训教程》免费提供电子教案。全新的编排结构、丰富的典型案例，带您一步步走进网页设计的殿堂；详尽的图例演示、精彩的技巧点拨，使您的学习过程更加轻松愉悦；由浅入深的实例讲解、逐步深入的练习设置。让您在不知不觉中完成从新手到高手的转变；切中实际的疑难解答。帮您答疑解惑、扫清知识死角。

作者简介

《Dreamweaver CS3网页设计培训教程》主要介绍Dreamweaver CS3在网页设计和制作方面的应用，内容包括网页制作基础、创建站点与服务器、用文本制作简单网页、插入图像美化网页、用表格规范网页、建立链接、通过多媒体元素丰富网页、使用层叠样式美化网页、使用框架进行网页布局、使用AP Div进行网页布局、使用模板批量创建网页、使用表单实现交互、用行为为网页添加交互功能、站点的发布和综合网站的制作等。

《Dreamweaver CS3网页设计培训教程》内容深入浅出、图文并茂，配有大量漂亮而实用的网页制作实例，并在每课后结合该课的内容给出练习题，以便进一步巩固所学知识。

《Dreamweaver CS3网页设计培训教程》适合各类培训学校、大专院校和中职中中专作为网面制作相关课程的的教材使用。也可供网页制作的初级用户、网页设计人员和各行各业需要进行网页制作的人员作为参考书使用。

图书封面

---

 Dreamweaver CS3网页设计培训教程下载

---