网页引导页的设计.pptxVIP

第八讲网页引导页的设计

教学重、难点

难点

引导页的基本概念

在PhotoShop中设计制作网站引导页

使用Swish设计简单的网页动画

使用Dreamweaver进行页面排版处理

在PhotoShop中设计制作网站引导页

使用Swish设计简单的网页动画

使用Dreamweaver进行页面排版处理

引导页即是您刚刚打开网站进到首页之前所显示的页面，可以是文字、图片、FLASH等

实例展示

关系到整个网站的精神面貌和主题思想

网站引导页的重要性

一、认识网站引导页

01

02

03

按引导页表现的形式：

按引导页表现的内容：

按引导页的发挥的作用不同：

分类方法：

项目实例

项目实例制作

用PhotoShop和Swish做好的素材，又怎样将她们嵌入到网页中？

怎样将我们学过的PhotoShop和Swish综合运用到这个实际的项目？

客户的要求与网页整体色彩的搭配。

网页整体效果图的设计制作

项目实例分析

素材导入、处理

导航链接

颜色搭配、版式设计

输入口号

个性设置

A

E

D

B

C

公差与技术测量实训场景图片

数控实训中心图片

学院的图标

科技地球图片

模具制作实习车间图片

实例制作素材准备

实例制作演示！

“模具制造技术”课程引导页制作

1

本节我们学习了网站引导页的相关概念

2

通过一个具体的实例，我们学习了网站引导页的界面设计、制作过程。

本节总结

1

2

请根据本讲示例，设置制作我院《计算机文化基础》精品课程网站的引导页。

界面参考：

1

2

模仿与创新