网页设计与网站建设全攻略

目 录 第1章  了解网页网站建设基础.......................................................................................... 11.1  网页的基本概念............................................................................................................................... 11.1.1  网页....................................................................................................................................... 11.1.2  html.................................................................................................................................... 21.1.3  统一资源定位符url........................................................................................................ 21.1.4  asp........................................................................................................................................ 31.1.5  数据库................................................................................................................................... 41.2  网页设计与网站建设需要的常用技术........................................................................................ 41.2.1  网页编辑排版软件............................................................................................................. 41.2.2  网页动画制作软件............................................................................................................. 51.2.3  网页图像设计软件............................................................................................................. 61.2.4  网页标记语言html......................................................................................................... 61.2.5  网页脚本语言javascript.................................................................................................. 81.2.6  动态网页编程语言asp.................................................................................................... 81.3  常见网站的类型与特点.................................................................................................................. 91.3.1  个人网站.............................................................................................................................. 91.3.2  企业型网站.......................................................................................................................... 91.3.3  娱乐休闲类网站............................................................................................................... 101.3.4  机构类网站........................................................................................................................ 101.3.5  电子商务类网站............................................................................................................... 111.3.6  综合门户类网站............................................................................................................... 12第2章  网页的色彩搭配.................................................................................................. 132.1  色彩的分类..................................................................................................................................... 132.1.1  有彩色................................................................................................................................. 132.1.2  无彩色................................................................................................................................. 152.2  色彩的三要素................................................................................................................................. 162.2.1  明度..................................................................................................................................... 162.2.2  色相..................................................................................................................................... 172.2.3  纯度..................................................................................................................................... 172.3  色彩对比.......................................................................................................................................... 192.3.1  明度对比............................................................................................................................ 192.3.2  色相对比............................................................................................................................ 202.3.3  纯度对比............................................................................................................................ 212.3.4  色彩的面积对比............................................................................................................... 222.3.5  色彩的冷暖对比............................................................................................................... 222.4  各种色彩搭配................................................................................................................................. 232.4.1  红色色彩搭配.................................................................................................................... 232.4.2  黄色色彩搭配.................................................................................................................... 242.4.3  蓝色色彩搭配.................................................................................................................... 242.4.4  绿色色彩搭配.................................................................................................................... 252.4.5  紫色色彩搭配.................................................................................................................... 252.4.6  橙色色彩搭配.................................................................................................................... 262.4.7  白色色彩搭配.................................................................................................................... 272.4.8  黑色色彩搭配.................................................................................................................... 272.4.9  灰色色彩搭配.................................................................................................................... 272.5  网页配色技巧................................................................................................................................. 282.5.1  背景与文字颜色搭配....................................................................................................... 282.5.2  使用一种色彩.................................................................................................................... 312.5.3  两色搭配是用色的基础.................................................................................................. 312.5.4  色彩的数量........................................................................................................................ 33第3章  快速掌握dreamweaver设计基本网页................................................................ 343.1  dreamweaver cc简述................................................................................................................... 353.2  dreamweaver cc的工作界面...................................................................................................... 363.2.1  菜单栏................................................................................................................................. 363.2.2  插入栏................................................................................................................................. 373.2.3  浮动面板............................................................................................................................ 383.2.4  属性面板............................................................................................................................ 383.2.5  文档窗口............................................................................................................................ 383.3  创建与管理站点............................................................................................................................. 393.3.1  小实例——创建本地站点.............................................................................................. 393.3.2  小实例——管理本地站点.............................................................................................. 403.4  插入文本.......................................................................................................................................... 423.4.1  小实例——插入普通文本.............................................................................................. 423.4.2  小实例——设置文本属性.............................................................................................. 443.4.3  小实例——插入特殊字符.............................................................................................. 463.5  使用列表.......................................................................................................................................... 483.5.1  小实例——插入项目列表.............................................................................................. 483.5.2  使用编号列表.................................................................................................................... 503.6  在网页中插入文件头部内容....................................................................................................... 523.6.1  插入meta信息................................................................................................................. 533.6.2  插入关键字........................................................................................................................ 533.6.3  插入说明............................................................................................................................ 543.7  插入其他对象................................................................................................................................. 543.7.1  小实例——插入日期....................................................................................................... 543.7.2  小实例——插入水平线.................................................................................................. 573.8  实战——创建基本文本网页....................................................................................................... 59第4章  设计丰富多彩的图像和多媒体网页...................................................................... 624.1  在网页中插入图像........................................................................................................................ 634.1.1  网页中图像的常见格式.................................................................................................. 634.1.2  小实例——插入图像....................................................................................................... 644.2  鼠标经过图像................................................................................................................................. 664.3  插入声音.......................................................................................................................................... 694.3.1  关于音频文件格式........................................................................................................... 694.3.2  小实例——添加背景音乐.............................................................................................. 694.4  插入视频.......................................................................................................................................... 734.4.1  视频的文件格式............................................................................................................... 734.4.2  小实例——在网页中插入视频..................................................................................... 734.5  插入flash........................................................................................................................................ 754.6  网页链接的创建............................................................................................................................. 784.6.1  网页链接的基本类型....................................................................................................... 784.6.2  小实例——图像链接....................................................................................................... 784.6.3  小实例——e-mail链接.................................................................................................... 804.6.4  小实例——下载文件链接.............................................................................................. 824.6.5  小实例——脚本链接....................................................................................................... 834.7  实战——图文混排网页................................................................................................................ 84第5章  使用表格排版网页............................................................................................... 885.1  插入表格.......................................................................................................................................... 885.1.1  小实例——插入表格....................................................................................................... 895.1.2  小实例——添加内容到单元格..................................................................................... 905.2  编辑表格.......................................................................................................................................... 905.2.1  选择表格及其元素........................................................................................................... 915.2.2  调整表格和单元格的大小.............................................................................................. 935.2.3  添加、删除行或列........................................................................................................... 945.2.4  拆分单元格........................................................................................................................ 965.2.5  合并单元格........................................................................................................................ 965.2.6  拷贝、粘贴表格............................................................................................................... 975.3  设置表格属性................................................................................................................................. 975.3.1  设置整个表格的属性....................................................................................................... 985.3.2  设置行、列和单元格属性.............................................................................................. 995.4  排序和整理表格内容.................................................................................................................... 995.4.1  导入表格式数据............................................................................................................... 995.4.2  排序表格.......................................................................................................................... 1025.5  实战——制作圆角表格.............................................................................................................. 104第6章  使用模板和库快速创建网页............................................................................... 1096.1  创建模板........................................................................................................................................ 1106.1.1  小实例——新建模板..................................................................................................... 1106.1.2  小实例——从现有文档创建模板............................................................................... 1126.2  创建可编辑区域........................................................................................................................... 1136.2.1  小实例——插入可编辑区域........................................................................................ 1136.2.2  删除可编辑区域............................................................................................................. 1146.3  使用模板创建网页...................................................................................................................... 1146.4  创建与应用库项目...................................................................................................................... 1196.4.1  小实例——创建库项目................................................................................................ 1196.4.2  小实例——应用库项目................................................................................................ 1216.4.3  小实例——修改库项目................................................................................................ 1226.5  实战................................................................................................................................................ 125实战1——创建模板.................................................................................................................. 125实战2——利用模板创建网页................................................................................................. 135第7章  使用行为设计动感 特效网页............................................................................. 1407.1  了解行为........................................................................................................................................ 1417.1.1  动作................................................................................................................................... 1417.1.2  事件................................................................................................................................... 1427.2  行为的添加与编辑...................................................................................................................... 1437.2.1  行为的添加...................................................................................................................... 1437.2.2  行为的修改...................................................................................................................... 1447.3  使用dreamweaver内置行为..................................................................................................... 1447.3.1  小实例——交换图像..................................................................................................... 1457.3.2  恢复交换图像.................................................................................................................. 1467.3.3  小实例——打开浏览器窗口........................................................................................ 1477.3.4  小实例——调用javascript.......................................................................................... 1497.3.5  小实例——转到url.................................................................................................... 1517.3.6  小实例——弹出信息..................................................................................................... 1537.3.7  小实例——预先载入图像............................................................................................ 1557.3.8  小实例——设置状态栏文本........................................................................................ 1577.3.9  小实例——检查表单..................................................................................................... 1587.3.10  小实例——blind效果................................................................................................. 1617.3.11  小实例——跳转菜单................................................................................................... 1627.4  使用javascript制作网页特效.................................................................................................. 1657.4.1  小实例——制作滚动文字公告................................................................................... 1657.4.2  小实例——禁止下载网页图像................................................................................... 1677.4.3  小实例——设置为ie首页........................................................................................... 1697.4.4  小实例——添加到收藏夹............................................................................................ 170第8章  使用css样式表美化网页................................................................................. 1728.1  了解css样式表.......................................................................................................................... 1738.2  css基本语法............................................................................................................................... 1748.3  设置css属性.............................................................................................................................. 1758.3.1  设置css类型属性........................................................................................................ 1758.3.2  设置css背景属性........................................................................................................ 1758.3.3  设置区块样式.................................................................................................................. 1768.3.4  设置css方框属性........................................................................................................ 1778.3.5  设置边框样式.................................................................................................................. 1788.3.6  设置css列表属性........................................................................................................ 1788.3.7  设置css定位属性........................................................................................................ 1798.3.8  设置css扩展属性........................................................................................................ 1808.3.9  过渡样式的定义............................................................................................................. 1808.4  链接到或导出外部css样式表................................................................................................ 1818.4.1  小实例——创建内部样式表........................................................................................ 1818.4.2  小实例——创建外部样式表........................................................................................ 1838.4.3  小实例——链接外部样式表........................................................................................ 1858.5  实战................................................................................................................................................ 186实战1——应用css样式固定字体大小............................................................................... 186实战2——应用css样式制作阴影文字............................................................................... 189第9章  用css div灵活布局页面................................................................................ 1939.1  初识div........................................................................................................................................ 1939.1.1  div概述........................................................................................................................... 1939.1.2  css div布局的优势.................................................................................................... 1949.1.2  创建div........................................................................................................................... 1949.2  css定位........................................................................................................................................ 1959.2.1  盒子模型.......................................................................................................................... 1969.2.2  元素的定位...................................................................................................................... 1969.3  css div布局的常用方法......................................................................................................... 2009.3.1  使用div对页面整体规划............................................................................................ 2009.3.2  使用css定位................................................................................................................. 2019.3.3  设计各块的位置............................................................................................................. 2039.4  常见的布局类型........................................................................................................................... 2039.4.1  使用css定位单行单列固定宽度.............................................................................. 2039.4.2  一列自适应...................................................................................................................... 2059.4.3  两列固定宽度.................................................................................................................. 2059.4.4  两列宽度自适应............................................................................................................. 2079.4.5  三列浮动中间宽度自适应............................................................................................ 207第10章  动态网站设计基础........................................................................................... 21010.1  动态网页的特点与制作过程................................................................................................. 21010.1.1  动态网页特点............................................................................................................ 21010.1.2  动态网页工作原理................................................................................................... 21110.1.3  动态网站技术核心................................................................................................... 21110.2  动态网站技术类型................................................................................................................... 21310.2.1  asp.............................................................................................................................. 21310.2.2  php.............................................................................................................................. 21310.2.3  jsp................................................................................................................................ 21410.2.4  asp、php和jsp比较............................................................................................ 21410.3  搭建本地服务器....................................................................................................................... 21510.3.1  安装iis....................................................................................................................... 21510.3.2  配置web服务器...................................................................................................... 21810.4  创建数据库连接....................................................................................................................... 219第11章  html5与css3指南...................................................................................... 22111.1  html5简介.............................................................................................................................. 22111.1.1  html5的特点.......................................................................................................... 22111.1.2  html5基本布局...................................................................................................... 22311.2  html5结构元素..................................................................................................................... 22511.2.1  header.......................................................................................................................... 22611.2.2  nav............................................................................................................................... 22711.2.3  footer........................................................................................................................... 22711.2.4  article........................................................................................................................... 22811.3  预览激动人心的css3............................................................................................................. 22911.3.1  css3的发展历史...................................................................................................... 22911.3.2  css3新增特性.......................................................................................................... 23011.3.3  主流浏览器对css3的支持.................................................................................... 23511.4  使用css3实现圆角表格....................................................................................................... 236第12章  使用photoshop绘制与修饰网页图像............................................................. 23812.1  photoshop cc工作界面......................................................................................................... 23812.1.1  菜单命令..................................................................................................................... 23912.1.2  工具箱......................................................................................................................... 24012.1.3  工具选项栏................................................................................................................ 24012.1.4  浮动面板..................................................................................................................... 24112.1.5  文档窗口..................................................................................................................... 24112.2  图像的调整................................................................................................................................ 24212.2.1  小实例——调整图像大小...................................................................................... 24212.2.2  小实例——调整画布大小...................................................................................... 24312.3  设置前景色和背景色.............................................................................................................. 24412.3.1  默认的前景色与背景色........................................................................................... 24412.3.2  更改和恢复前景色与背景色.................................................................................. 24412.4  创建选择区域........................................................................................................................... 24612.4.1  选框工具..................................................................................................................... 24612.4.2  套索工具..................................................................................................................... 24612.4.3  魔棒工具..................................................................................................................... 24712.4.4  小实例——制作透明图像...................................................................................... 24712.5  基本绘图工具........................................................................................................................... 25012.5.1  画笔工具..................................................................................................................... 25012.5.2  铅笔工具..................................................................................................................... 25112.5.3  减淡和加深工具的应用........................................................................................... 25112.6  综合实战——创建基本文本网页实例................................................................................ 252第13章  使用photoshopcc设计网页中的特效文字.................................................... 25713.1  使用文字工具........................................................................................................................... 25813.1.1  小实例——文字的输入........................................................................................... 25813.1.2  小实例——设置文字属性...................................................................................... 25813.1.3  小实例——文字的变形........................................................................................... 26013.2  photoshop图层基本操作....................................................................................................... 26113.2.1  添加图层..................................................................................................................... 26113.2.2  删除图层..................................................................................................................... 26113.2.3  合并图层..................................................................................................................... 26213.2.4  设置图层样式............................................................................................................ 26213.3  设计常见的网页特效文字...................................................................................................... 26913.3.1  实战1——发光文字................................................................................................ 27013.3.2  实战2——渐变文字................................................................................................ 27213.3.3  实战3——晶莹浮雕文字........................................................................................ 274第14章  设计网页元素.................................................................................................. 27714.1  设计网站logo.......................................................................................................................... 27814.1.1  logo的特点............................................................................................................... 27814.1.2  logo设计标准.......................................................................................................... 27814.1.3  实战1——网站logo设计实例............................................................................ 27914.2  网络广告的制作....................................................................................................................... 28214.2.1  网络广告设计技巧................................................................................................... 28214.2.2  实战2——设计网络广告........................................................................................ 28314.3  设计网站首页........................................................................................................................... 28714.3.1  实战3——首页的制作............................................................................................ 28714.3.2  实战4——切割输出首页图像............................................................................... 29614.4  设计网页按钮........................................................................................................................... 29814.4.1  实战5——制作圆角按钮........................................................................................ 29814.4.2  实战6——制作矩形按钮........................................................................................ 30014.5  制作导航栏................................................................................................................................ 30214.5.1  实战7——制作简单精美的导航栏...................................................................... 30214.5.2  实战8——制作透明导航........................................................................................ 305第15章  flash cc绘图基础......................................................................................... 30915.1  flash cc简介............................................................................................................................ 30915.2  flash cc的工作界面............................................................................................................... 31115.2.l  菜单栏.......................................................................................................................... 31215.2.2  舞台............................................................................................................................. 31215.2.3  工具箱......................................................................................................................... 31315.2.4  时间轴......................................................................................................................... 31315.2.5  属性面板..................................................................................................................... 31415.3  绘制图形工具........................................................................................................................... 31415.3.1  线条工具..................................................................................................................... 31415.3.2  椭圆工具与矩形工具............................................................................................... 31615.2.3  多角星形工具............................................................................................................ 31715.3.4  铅笔工具..................................................................................................................... 31915.3.5  刷子工具..................................................................................................................... 32015.3.6  钢笔工具..................................................................................................................... 32115.4  选择对象工具........................................................................................................................... 32215.4.1  选择工具..................................................................................................................... 32215.4.2  部分选取工具............................................................................................................ 32315.5  编辑图形颜色工具................................................................................................................... 32415.5.1  颜料桶工具................................................................................................................ 32415.5.2  墨水瓶工具................................................................................................................ 32515.5.3  滴管工具..................................................................................................................... 32615.5.4  橡皮擦工具................................................................................................................ 32615.6  文本工具的基本使用.............................................................................................................. 32715.7  实战............................................................................................................................................. 33015.7.1  实战1——制作立体投影文字............................................................................... 33015.7.2  实战2——创建简单的向日葵花........................................................................... 332第16章  使用flashcc创建基本动画.......................................................................... 33516.1  时间轴与关键帧....................................................................................................................... 33616.1.1  时间轴......................................................................................................................... 33616.1.2  时间轴中的图层........................................................................................................ 33616.1.3  关键帧......................................................................................................................... 33716.2  创建基本动画........................................................................................................................... 33816.2.1  实战1——逐帧动画................................................................................................ 33816.2.2  实战2——补间动画................................................................................................ 34116.3  创建引导动画........................................................................................................................... 34416.3.1  引导动画的创建原理............................................................................................... 34416.3.2  实战3——创建引导动画........................................................................................ 34416.4  创建遮罩动画........................................................................................................................... 34816.4.1  遮罩动画的创建原理............................................................................................... 34816.4.2  实战4——制作遮罩的图片效果........................................................................... 34816.5  创建有声动画........................................................................................................................... 35216.5.1  flash cc中可使用的声音文件类型..................................................................... 35216.5.2  添加声音..................................................................................................................... 35216.5.3  编辑声音..................................................................................................................... 35416.5.4  实战6——利用按钮控制声音播放...................................................................... 355第17章  使用flashcc创建交互动画.......................................................................... 35917.1  actionscript概述..................................................................................................................... 36017.1.1  actionscript的发展史............................................................................................. 36017.1.2  actionscript3.0的优点........................................................................................... 36117.2  actionscript 3.0语句中的参数.............................................................................................. 36117.2.1  actionscript中的相关术语.................................................................................... 36117.2.2  actionscript3.0基本语法....................................................................................... 36317.3  常用actionscript语句........................................................................................................... 36417.3.1  for循环....................................................................................................................... 36517.3.2  while和do while循环.............................................................................................. 36517.3.3  if语句.......................................................................................................................... 36617.3.4  特殊条件判断............................................................................................................ 36717.4  actionscript的编辑环境........................................................................................................ 36717.5  利用actionscript制作交互网页动画................................................................................. 36817.5.1  实战1——创建多种图片过渡效果...................................................................... 36817.5.2  实战2——创建精美的遮罩动画效果.................................................................. 37017.5.3  实战3——制作下雨效果........................................................................................ 37317.5.4  实战4——制作翻转发光文字效果...................................................................... 377第18章  网站的整体策划.............................................................................................. 38018.1  为什么要进行网站策划.......................................................................................................... 38018.2  怎样进行网站策划................................................................................................................... 38118.2.1  网站策划的原则........................................................................................................ 38118.2.2  网站策划的关键点................................................................................................... 38218.3  如何确定网站的定位.............................................................................................................. 38318.4  确定网站的目标用户.............................................................................................................. 38418.5  网站的内容策划....................................................................................................................... 38518.5.1  网站内容策划的重要性........................................................................................... 38518.5.2  如何做好网站内容策划........................................................................................... 385第19章  网站的发布与维护........................................................................................... 38719.1  站点的测试................................................................................................................................ 38719.1.1  检查链接..................................................................................................................... 38719.1.2  站点报告..................................................................................................................... 38819.1.3  清理文档..................................................................................................................... 38919.2  网页的上传................................................................................................................................ 39019.2.1  利用dreamweaver上传网页.................................................................................. 39019.2.2  使用leapftp软件上传文件................................................................................... 39219.3  网站的维护................................................................................................................................ 39319.3.1  网站的软硬件维护................................................................................................... 39319.3.2  网站内容维护............................................................................................................ 39419.3.3  网站备份..................................................................................................................... 39419.4  网站安全维护........................................................................................................................... 39519.4.1  目录和应用程序访问权限的设置......................................................................... 39519.4.2  匿名和授权访问控制............................................................................................... 39619.4.3  隐藏ip地址............................................................................................................... 39719.4.4  操作系统账号管理................................................................................................... 39819.4.5  安装必要的安全软件............................................................................................... 399第20章  网站的宣传推广.............................................................................................. 40020.1  注册到搜索引擎....................................................................................................................... 40020.1.1  搜索引擎..................................................................................................................... 40020.1.2  搜索引擎的原理........................................................................................................ 40120.1.3  搜索引擎分类............................................................................................................ 40220.1.4  搜索引擎注册............................................................................................................ 40320.1.5  搜索引擎优化原则................................................................................................... 40320.2  导航网站登录........................................................................................................................... 40520.3  友情链接.................................................................................................................................... 40520.4  网络广告.................................................................................................................................... 40620.5  发布信息推广........................................................................................................................... 40720.6  利用群组消息即时推广.......................................................................................................... 40820.7  电子邮件.................................................................................................................................... 40920.7.1  电子邮件推广............................................................................................................ 40920.7.2  电子邮件推广的技巧............................................................................................... 40920.8  问答式免费推广....................................................................................................................... 41020.9  在博客中推广........................................................................................................................... 41120.10  传统网下推广......................................................................................................................... 413第21章  设计企业宣传展示型网站................................................................................ 41521.1  网站前期策划........................................................................................................................... 41521.2  企业网站的主要功能.............................................................................................................. 41621.3  设计网站首页........................................................................................................................... 41721.4  创建本地站点........................................................................................................................... 42721.5  二级模板页面的设计.............................................................................................................. 42821.5.1  创建库文件................................................................................................................ 42821.5.2  创建模板..................................................................................................................... 43021.5.3  利用模板创建二级页面 438