网页设计与制作实用教程

《网页设计与制作实用教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作实用教程主编：赵春利制作：李晓新2010年2月网页设计与制作实用教程第1章网页设计概述第2章HTML语言第4章添加网页元素第5章网页布局第6章制作动感网页第7章提高网页制作效率第8章站点的维护与上传第9章使用Fireworks8处理网页图像第10章使用Flash8制作网页动画第11章网站设计制作综合实例第1章网页设计概述1.1网页设计基础知识1.2网页制作工具1.3网页配色1.4网页布局类型1.5网站设计和制作流程1.6优秀网站赏析1.1网页设计基础知识1.1.1网页与网站1、网页与网站的关系网页就是通过浏览器在Internet上看到的页面，英文名称为WebPage；网

2、站也称为站点，英文名称为WebSite，是多个网页的集合，但不是简单的集合，而是取决于该网站的内容（如网页的数量及网站的定位）。1.1网页设计基础知识2、网站的类型网站按内容进行分类，可分为门户网站、垂直网站、地方网站；而其中的垂直网站又可分为新闻网站、娱乐网站、体育网站、科技网站、汽车网站、财经网站、房产网站、游戏网站、生活服务网站和教育职业网站等。1.1网页设计基础知识根据网站是否具有交互性和远程维护功能，可以将网站分为静态网站和动态网站两大类。1.1网页设计基础知识1.1.2常用Web术语1、Web常用术语1、URL2、网页3、主页1.2网页制作工具1.2.1网页编辑工具1、F

3、rontPage2、Dreamweaver1.2网页制作工具1.2.2网页图像与动画制作工具1、Flash2、Fireworks3、PhotoShop4、PhotoImpact5、COOL3D6、UleadGIFAnimator1.3网页配色1.3.1色彩的基础知识1、色彩的产生——光与色可视光谱1.3网页配色所示白光经三棱镜分解后的光谱1.3网页配色2、色彩的分类——彩色与无彩色彩色与无彩色1.3网页配色3、色彩的三个特性——色相、明度和纯度⑴色相⑵明度⑶纯度1.3网页配色4、色彩的混合⑴三原色⑵正混合⑶负混合⑷中性混合1.3网页配色5、色相环12色相环1.3网页配色6、色彩的心理

4、感觉：不同的颜色会给浏览者不同的心理感受。7、近似色近似色1.3网页配色8、互补色互补色1.3网页配色9、分离补色1.3网页配色10、组色1.3网页配色11、暖色1.3网页配色12、冷色1.3网页配色13、RGB模式——显示器的色彩模式1.3网页配色14、CMYK模式——印刷的混色原理1.3网页配色1.3.2网页配色方案1、基本色、辅助色和强调色1.3网页配色2、常用概念⑴色彩的对比色彩对比是指各种色彩在界面内形成的面积、形状、位置以及色相、明度、纯度之间的差异，使网页出现不同的变化和心理感受。1.3网页配色⑵色彩的调和两种或两种以上色彩和谐搭配在一起，会产生调和、统一的效果，是人们

5、追求视觉得到统一、舒适、达到心理平衡的手段。1.3网页配色1.3.3色彩在网页设计中的基本应用1、前提：以网站的内容为基础2、寻找搭配方案的技巧和经验3、颜色与文本1.3网页配色具体搭配实例分析1、儿童类网站1.3网页配色2、男性特征的网站1.3网页配色3、体现华丽高贵特色的网站1.3网页配色4、青年人网站1.3网页配色5、服装服饰类1.3网页配色经验与技巧1、忌“花”：色彩不要过多2、冷暖搭配要谨慎3、网站各界面色彩统一4、不要用“花”背景1.4网页布局类型1、“国”字型2、拐角型3、标题正文型4、左右框架型1.4网页布局类型5、上下框架型6、综合框架型7、封面型8、Flash型9

6、、变化型1.5网站设计和制作流程1.5.1进行需求调查和分析1、确定参与人员2、编写完整的需求调查记录文档3、用户调查内容4、市场调研内容5、编写《网站需求说明书》1.5网站设计和制作流程1.5.2确定网站的主题内容1、确定网站主题2、搜集材料1.5网站设计和制作流程1.5.3提出网站设计方案1、主题栏目的设置2、目录结构设计3、颜色搭配4、网站标志Logo5、版面布局6、图像的运用1.5网站设计和制作流程1.5.4制作和上传网站1、制作网站2、上传与测试3、后期维护1.6优秀网站赏析1.6.1时尚娱乐类网站赏析1.6优秀网站赏析1.6优秀网站赏析1.6优秀网站赏析1.6优秀网站赏析

7、1.6优秀网站赏析1.6.2信息类网站赏析1.6优秀网站赏析1.6优秀网站赏析1.6优秀网站赏析1.6.3商务类网站赏析1.6优秀网站赏析1.6优秀网站赏析1.6优秀网站赏析第2章HTML语言2.1HTML语言基础2.2字符格式的设置2.3多媒体文件的调用2.4超链接的设置2.5表格的设置2.6表单的设置2.7框架的设置2.1HTML语言基础2.1.1HTML标签1、标签的组成⑴HTML语言中，所有的标签都必须用尖括号括起来，比如：、