高中信息技术选修3课件-4.2.2 网页的版面设计4-粤教版

第9课 网站导航栏的设计 学习内容 使用形状工具和文字工具结合图像素材设计网站导航栏。 目标效果图 导航栏是连接网站中各网页的链接区域，使用图像制作导航栏具备制作简单和美观的特点。 一、网站导航栏介绍 文章导航栏 栏目导航栏 二、制作思路 使用photoshop形状工具绘制导航栏形状，编辑导航栏文字并调整显示效果，添加图层样式显示效果。 形状工具 像素工具选项 1.使用形状工具绘制导航栏形状 二、制作思路 文本工具 2.使用文字工具录入导航文字并设置图层样式 添加图层样式 3.自定义图案，给导航形状叠加底纹 具体要求及微课视频详见Moodle平台http://192.168.208.108/moodle 三、课堂活动 本课活动拆分为4个小任务，按任务要求完成即可完成网页导航栏的设计。 任务一、利用圆角矩形工具绘制网页导航栏（50分） 任务二、利用文本工具添加导航栏文字并美化（50分） 任务三、利用自定义图案美化导航栏（50分） 任务四、添加小图标美化导航栏效果（50分） 素材地址：X:\信息技术\...\第9课 网页导航的设计\素材 四、提交要求： 将设计图保存至Y盘，提交栏目模板的PSD文件到答题器。 栏目模板评分标准： 1.导航栏造型与网站设计图风格一致，原创性强。（75分） 2.导航栏配色和底纹选取合理，色彩和谐，文本效果具有艺术性。（75分） 五、本课总结 网站导航栏设计需要遵循易用性和网站主题风格统一原则，优化设计时不能影响导航文字的显示效果。 知识迁移： 背景设计 自定义形状 本 课 结 束 $$