《网页美工设计》教案——第2节 综合案例——餐饮类网页设计制作案例2 教案.docVIP

PAGE

《网页美工设计》

教案

授课专业广告艺术设计专业

授课教师 周国宝

铜陵职业技术学院制

PAGE1

第三部分综合实训篇

第一章综合案例——餐饮类网页设计制作

标题

第二节综合案例——餐饮类网页设计制作案例2

课时

2课时

教学目标

教学内容与过程

对于一个餐饮网站来说，从精致的美食摄影到美观的布局，在提高企业形象的同时，也成为一种有效的营销手段。餐饮类网站如果按照餐饮文化来分类：可分为中餐网站和西餐网站。在设计中餐类网站时，应突出中国文化的风格。

本次案例分为五大块完成：顶部区、中间区、食物区、新闻区、底部区。

首先是顶部区

新建文档，制作背景

一、背景

1、对背景图层进行填充，RGB数值为250、243、210。

2、导入顶部背景素材，移动到合适的位置。载入图层2选区，新建图层，选择渐变工具，添加七彩色谱渐变。

将该图层的混合模式改为柔光。

二、登陆条

1、新建矩形选框，将前景色设置成深红色，RGB为102、6、11填充颜色

2、再复制矩形选框，填充红色，RGB为170、10、18

3、制作文字及登陆框

三、导航条

1、打开标尺，横向纵向建立十字参考线

2、选择圆角矩形工具，半径设置为10PX，鼠标放在中心点的位置，按住ALT键，从中心分别绘制两个圆角矩形

3、选择椭圆工具，在