课次

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

模块

理论学习（4课时）

PC端网站界面设计 （28课时）

Dreamweaver网页制作（36课时）

移动端网站界面设计 （24课时）

综合辅导（8课时）

知识点

UI与GUI、UX

ai形状工具的使用于路径选择变形

ai路径查找器的分割与合并功能

ai路径连接，锚点修改与转换

ai对称图形与组合图形的绘制方法

ai形状变形与封套功能

ai剪切蒙版的使用

ps网站页面完稿，切片输出

初识html代码

站点搭建，根目录，素材归档

页面属性、title、超链接、常用标签

Div元素与布局

表格与列表

字号、字体、边框、背景色等样式

css3部分样式

视频插入

网页浏览器测试

web app与native app

web app设计要点

状态栏、导航栏、标签栏、web内容视窗、临时窗口、卡片的设计

页面横纵向拖动与弹回

版块位移

汉堡菜单交互设定

理论辅导

技能辅导

实训内容

根据产品原型图对企业网站进行pc端与移动端的界面设计，并使用axure示意交互效果，使用dreamweave实现网站布局与搭建，了解部分html代码知识。

根据产品原型图，使用AI软件绘制出线性图标、剪影图标、页面控件。使用ps完成banner、产品图片的设计渲染，同时制作出网站的静态页面，切图输出jpeg、png格式。使用axure示意网页交互效果，为网站在dw软件中的布局搭建做准备。

使用dw认识代码与可视化网页制作。根据素材与交互图，建立站点，整理素材及英文规范命名，从制作简易文本网站开始了解html知识，逐步学习标签、超链接、插入等属性命令，了解div+css布局，css样式表关联页面，图片及文字属性处理，表格设计，整体页面浏览测试与纠错，完成企业网站页面文件。

将PC端网站界面按照移动端设计的尺寸进行适配，符合移动端界面设计规范，同时考虑到手指点击、拖拽、划播、按压等常用交互动作，对界面进行再设计。使用axure制作交互效果。

理论知识学习

考题制作

课时数

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

4

时间

5月13日（9：00-12：00）

5月13日（13：00-16：00）

5月15日（18：00-21：00）

5月16日（18：00-21：00）