边用边学Dreamweaver CC网页设计与制作 PDF下载

第1章　网页设计基础知识  1


1.1　认识网页　2


1.1.1　什么是网页　2


1.1.2　网页与网站的关系　3


1.2　常用的网页制作工具及语言　3


1.2.1　Dreamweaver　4


1.2.2　Flash　4


1.2.3　Photoshop　5


1.2.4　HTML　5


1.2.5　CSS　5


1.2.6　JavaScript　6


1.2.7　ASP　6


1.2.8　PHP　6


1.3　网络基本术语　6


1.4　网页的色彩选择与搭配　7


1.4.1　色彩选择　7


1.4.2　色彩搭配　8


1.5　移动端（手机/平板电脑）网页的设计　10


1.5.1　移动端网站与PC端网站的区别　10


1.5.2　移动端网页设计的原则　11


1.6　认识Dreamweaver CC　12


1.6.1　启动与退出Dreamweaver CC　12


1.6.2　Dreamweaver CC窗口简介　13


1.6.3　Dreamweaver CC的参数设置　15


1.7　应用实践　20


1.7.1　任务1—自定义各项操作的


快捷键　20


1.7.2　任务2—设置“代码”视图中代码的显示方式　21


1.8　知识拓展　22


1.8.1　网站类型　22


1.8.2　网页设计师必备的基本素质　24


1.9　答疑解惑　25


1.10　自我检测　26


第2章　站点的创建、管理与上传　27


2.1　站点的规划　28


2.2　认识站点面板　28


2.3　应用实践　29


2.3.1　任务1—创建我的第一个网站　29


2.3.2　任务2—管理网页文档　30


2.4　知识拓展　32


2.4.1　导出与导入站点　32


2.4.2　站点的基本编辑　33


2.4.3　上传站点　35


2.5　答疑解惑　36


2.6　自我检测　36


第3章　创建网页的基本对象　38


3.1　网页的创建与保存　39


3.1.1　创建网页　39


3.1.2　存储网页　40


3.2　网页的打开与关闭　40


3.2.1　打开网页　40


3.2.2　关闭网页　40


3.3　在网页中插入当前日期　41


3.4　插入水平线　42


3.5　添加网页文本　43


3.5.1　直接在网页窗口中输入文本　43


3.5.2　复制粘贴外部文本　43


3.5.3　导入Office程序文本　44


3.6　插入项目列表与编号列表　45


3.6.1　插入项目列表　45


3.6.2　插入编号列表　46


3.7　应用实践　47


3.7.1　任务1—在网页中制作彩色水平线　47


3.7.2　任务2—制作业务介绍网页　49


3.8　知识拓展　52


3.8.1　使用标尺与网格　52


3.8.2　插入特殊符号　54


3.9　答疑解惑　55


3.10　自我检测　55


第4章　使用图像丰富网页　57


4.1　网页中常用的图像格式　58


4.2　网页中图像与文字的搭配　58


4.3　插入图像　60


4.4　交互式图像　61


4.5　网页背景　62


4.5.1　网页背景颜色　62


4.5.2　网页背景图像　63


4.6　图像映射　64


4.7　应用实践　65


4.7.1　任务1—网站变换导航　65


4.7.2　任务2—将图像链接到不同网站　68


4.8　知识拓展　71


4.8.1　在网页中使用图像时需要注意的问题　71


4.8.2　设置外部图像编辑器　72


4.9　答疑解惑　73


4.10　自我检测　74


第5章　表格在网页中的应用　76


5.1　创建表格　77


5.2　应用表格　78


5.2.1　输入表格内容　78


5.2.2　选定表格元素　79


5.2.3　设置表格与单元格属性　81


5.2.4　添加和删除行或列　82


5.2.5　单元格的合并及拆分　83


5.2.6　嵌套表格　84


5.3　应用实践　85


5.3.1　任务1—利用表格属性制作隔距边框表格　85


5.3.2　任务2—制作数码产品网页　87


5.4　知识拓展　91


5.4.1　表格的排序　91


5.4.2　导入和导出表格数据　92


5.5　答疑解惑　94


5.6　自我检测　94


第6章　创建网页中的超级链接　96


6.1　超级链接　97


6.1.1　URL简介　97


6.1.2　超级链接路径　97


6.2　网站内部链接　98


6.3　网站外部链接　99


6.4　创建电子邮件链接　99


6.5　创建下载链接　100


6.6　应用实践　101


6.6.1　任务1—为网页图像添加任意颜色的


边框　101


6.6.2　任务2—创建“联系我们”网页　103


6.7　知识拓展　108


6.7.1　脚本链接　108


6.7.2　空链接　109


6.8　答疑解惑　109


6.9　自我检测　110


第7章　制作多媒体效果网页　111


7.1　认识多媒体　112


7.2　插入Flash动画　112


7.3　插入FLV　113


7.4　应用实践　114


7.4.1　任务1—使用透明动画制作网页


banner　114


7.4.2　任务2—在网页中添加视频　117


7.5　知识拓展　121


7.5.1　使用标签　122


7.5.2　使用标签　122


7.6　答疑解惑　123


7.7　自我检测　123


第8章　模板和库的使用　124


8.1　模板和库的概念　125


8.1.1　模板的概念　125


8.1.2　库的概念　125


8.2　使用模板　125


8.2.1　创建模板　125


8.2.2　设计模板　127


8.2.3　定义模板区域　127


8.3　定制库项目　130


8.3.1　创建库项目　131


8.3.2　库项目“属性”面板　131


8.3.3　编辑库项目　131


8.3.4　添加库项目　133


8.4　应用实践　134


8.4.1　任务1—使用模板制作网页　134


8.4.2　任务2—使用库完善网页　138


8.5　知识拓展　140


8.5.1　设置模板文档的页面属性　140


8.5.2　快速更新网站中所有页面　141


8.6　答疑解惑　141


8.7　自我检测　142


第9章　表单的使用　143


9.1　表单概述　144


9.2　创建表单　144


9.3　创建表单对象　145


9.3.1　创建文本域　145


9.3.2　创建单选按钮　145


9.3.3　创建复选框　146


9.3.4　创建下拉菜单　146


9.4　应用实践　147


9.4.1　任务1—创建登录网页　147


9.4.2　任务2—制作在线调查表　152


9.5　知识拓展　156


9.5.1　创建密码域　156


9.5.2　插入表单按钮　156


9.6　答疑解惑　157


9.7　自我检测　158


第10章　使用行为制作交互特效　159


10.1　认识行为　160


10.1.1　行为简介　160


10.1.2　“行为”面板　160


10.2　内置行为的使用　162


10.2.1　交换图像　162


10.2.2　恢复交换图像　163


10.2.3　打开浏览器窗口　164


10.2.4　弹出信息　165


10.2.5　转到URL　165


10.3　应用实践　166


10.3.1　任务1—制作网页对浏览者的提示信息　166


10.3.2　任务2—制作数码网网站弹出


　广告　168


10.4　知识拓展　171


10.4.1　行为参数的修改　171


10.4.2　行为排序　171


10.5　答疑解惑　171


10.6　自我检测　172


第11章　使用HTML代码辅助网页制作　173


11.1　HTML的基本结构　174


11.1.1　单标签　174


11.1.2　双标签　175


11.1.3　标签属性　175


11.2　常用标签　175


11.2.1　...标签　175


11.2.2　...标签　175


11.2.3　...标签　176


11.2.4　标签　176


11.2.5　...标签　176


11.2.6　
标签　177


11.2.7　
...
标签　178


11.2.8　
标签　179


11.2.9　...标签　181


11.2.10　标签　185


11.2.11　
...
标签　186


11.2.12　
...
标签　187


11.2.13　
...
标签　188


11.3　表格　189


11.3.1　表格的基本语法　189


11.3.2　表格的标题　190


11.3.3　表格的尺寸　191


11.3.4　表格的边框尺寸　192


11.3.5　表格的间距调整　193


11.3.6　表格内容与格线之间的宽度　194


11.3.7　表格内数据的布局对齐　195


11.3.8　跨多行、多列的单元格　197


11.3.9　表格的颜色设置　198


11.4　超级链接　199


11.4.1　本地链接　199


11.4.2　URL链接　200


11.4.3　目录链接　200


11.5　HTML中图像的设置　200


11.5.1　插入图像的基本格式　200


11.5.2　图像与文字的对齐方式　202


11.5.3　图像与文字之间的距离　205


11.5.4　图像按钮（图像链接）　206


11.6　应用实践　207


11.6.1　任务1—制作文字放大镜效果　207


11.6.2　任务2—检测用户屏幕分辨率　210


11.7　知识拓展　212


11.7.1　使用快速标签编辑器　212


11.7.2　清理HTML代码　213


11.8　答疑解惑　214


11.9　自我检测　214


第12章　使用CSS样式表美化网页　215


12.1　CSS的基本语法　216


12.2　伪类、伪元素以及样式表的层叠顺序　216


12.2.1　伪类和伪元素　216


12.2.2　样式表的层叠顺序　217


12.3　CSS中的属性　217


12.3.1　CSS中的字体以及文本控制　218


12.3.2　CSS中的颜色及背景控制　220


12.3.3　CSS中边框的控制属性　222


12.3.4　CSS中的分类属性　224


12.4　应用实践　228


12.4.1　任务1—制作边框阴影与折角


　效果　228


12.4.2　任务2—制作热卖商品图文


　列表　232


12.5　知识拓展　238


12.5.1　链接一个外部的样式表　238


12.5.2　嵌入一个样式表　239


12.5.3　联合使用样式表　239


12.6　答疑解惑　240


12.7　自我检测　241


第13章　CSS+Div布局网页　242


13.1　Div概述　243


13.2　使用Div　243


13.2.1　创建Div　243


13.2.2　选择Div　244


13.3　Div+CSS盒模型　245


13.3.1　盒模型的概念　245


13.3.2　margin（边界）　246


13.3.3　border（边框）　249


13.3.4　padding（填充）　250


13.4　Div+CSS布局定位　251


13.4.1　relative（相对定位）　251


13.4.2　absolute（绝对定位）　251


13.4.3　float（浮动定位）　252


13.5　Div+CSS布局理念　256


13.5.1　将页面用Div分块　256


13.5.2　设计各块的位置　256


13.5.3　用CSS定位　257


13.6　应用实践　257


13.6.1　任务1—使用Div进行网页


　布局　257


13.6.2　任务2—使用Div+CSS进行网页


　布局　260


13.7　知识拓展　267


13.7.1　居中布局设计　267


13.7.2　浮动布局设计　268


13.8　答疑解惑　274


13.9　自我检测　275


第14章　制作企业官方网站　276


14.1　网站项目分析　277


14.2　确定网站风格　277


14.3　制作网站　278


14.3.1　制作网页导航　278


14.3.2　制作网页滚动文字　281


14.3.3　制作网页主体　282


14.4　上传网站　283


附录　自我检测参考答案　285