一. 学习要求

1. 收集10个你认为色彩搭配，结构合理的网站

2. 毕业前每人手里必须有10套作品 最少5套作品

3. 多参考线上优秀的网站作品

4. 多练手！！！

二. 职业规划

1. 网页美工 ---> ps作图 ，淘宝美工 ---> 设计

2. 网页设计师 --->制作效果图 ---> 书写静态页面 ---> xhtml+css 4500-5000

3. web前端开发工程师 ---> 书写静态页面 ---> JS,JQ特效 5000-6000

4. 综合型的网站设计师 ---> 项目经理， 创业


三. 网页设计基础

1. 什么是网页

文字，图片，链接

2. 什么是网站

所有网页的集合

3. 网站的构成

首页，列表页， 内容页

4. 网站开发的流程

定义站点：明确建站目的
建立网站的结构：绘制流程图 结构搭的好兼容性问题就少
首页的设计和制作 --->效果图
其他页面的设计制作
测试
发布和维护

四. DW的安装

1. 下载DW5.5

2. 把破解文件放到DW文件夹中

3. 窗口快捷键

插入 ctrl+F2

属性 ctrl+F3

文件 ctrl+F8

隐藏所有窗口 F4

文档窗口 ---> 查看 ---> 工具栏 ---> 文档

代码提示 ---> 首选参数 ctrl+U ---> 代码提示


五. 创建站点

1. 在任意盘符下建立文件夹

2. 回到DW里打开文件窗口 --->管理站点 ---> 点击新建站点 ---> 站点的名字要和新建的文件夹名一致 --- 选择文件夹的路径 ---> 确定完成


六. 站点文件夹里必须有的

1. images文件夹 ---> 只存放这个站点的图片文件

2. 首页文件命名必须为 ---> index

3. 建立一个CSS文件夹 ---> 存放该站点的样式文件


七. 图片的类型

1. jpg 不支持透明和动画，文件大，加载慢 ，色彩丰富1670万种颜色 照片

2. gif 支持透明和动画， 文件小，加载快， 色不丰富256种颜色 logo 小图标

3. png 支持透明，不支持动画 fireworks的源文件

png8 = gif

png24 IE6下会出现兼容性问题

png32

4. tiff 印刷 网页中不是tiff格式 文件过大


八. 链接

1. 文字链接

2. 图片链接

3. 空链接， 假链接 <a href="#"></a>

4. 热点链接 ---> 在一张图片上做多个链接

5. 锚点链接 ---> 在页面中指定一个锚点位置， 让选中的链接跳转到该锚点的位置


九. 网站制作流程

1. 建立站点

2. 分析页面结构 切图

3. 书写页面 测试兼容性

4. 上线维护


在网页中标准的字号为12px 标准的表字号为14px 字体：常用字体 微软雅黑 宋体 黑体

版心的确定 960px 980px 1003px 最宽不要超过1003px 背景图banner图片2000px


十. 创建模版的步骤

1. 打开资源面板

2. 选中模版图标（倒数第二个）

3. 在