网页设计与制作 高职多媒体 杨桂 刘亚妮 课件Part1N4 网站首页内容制作.ppt

《网页设计与制作 高职多媒体 杨桂 刘亚妮 课件Part1N4 网站首页内容制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习情境四网站首页内容制作模块任务及内容体系任务二制作网页左侧和右侧“文章列表”任务三制作留言板栏目版块能力拓展项目经验小结任务一制作网页栏目条教学目标编辑段落文字绘制按钮设计制作栏目条能力目标：文本框的使用形状工具的使用图层样式的设置知识目标：网站首页内容制作创造能力结构布局能力色彩配搭能力素质目标：制作网页栏目条任务一制作网页栏目条返回主菜单新建图层组导入素材图片绘制水平线制作网页栏目条输入栏目名称任务一返回主菜单新建图层组制作网页栏目条知识点图层组的建立导入素材图片绘制水平线合并图层快捷键

2、：Ctrl+E输入栏目名称返回主菜单新建图层组制作网页栏目条知识点导入素材图片绘制水平线移动工具输入栏目名称返回主菜单新建图层组制作网页栏目条知识点直线工具的使用导入素材图片绘制水平线输入栏目名称返回主菜单新建图层组制作网页栏目条知识点文字属性栏设置导入素材图片输入栏目名称绘制水平线返回主菜单制作网页左侧和右侧“文章列表”版块任务二制作网页左侧和右侧“文章列表”版块返回主菜单制作“个人档案”板块内容制作“个人档案”板块内容制作“最近访客”、“背景音乐”板块和“其它”板块制作网页左侧和右侧“文章列

3、表”版块制作“文章列表”板块任务二返回主菜单制作“个人档案”板块内容制作“文章列表”板块制作网页左侧和“文章列表”版块知识点制作“我的资料”板块内容制作“最近访客”、“背景音乐”板块和“其它”板块制作网页左侧和右侧“文章列表”版块建立图层组使用素材添加文字使用圆角矩形工具添加图层样式返回主菜单制作“个人档案”板块内容制作“文章列表”板块知识点制作“我的资料”板块内容制作“最近访客”、“背景音乐”板块和“其它”板块制作网页左侧和右侧“文章列表”版块制作网页左侧和“文章列表”版块建立文本框输入段落文

4、字“段落”面板设置返回主菜单制作“个人档案”板块内容制作“文章列表”板块知识点制作“我的资料”板块内容制作“最近访客”、“背景音乐”板块和“其它”板块制作网页左侧和右侧“文章列表”版块制作网页左侧和“文章列表”版块使用素材返回主菜单制作“个人档案”板块内容制作“文章列表”板块知识点制作“我的资料”板块内容制作“最近访客”、“背景音乐”板块和“其它”板块制作网页左侧和右侧“文章列表”版块制作网页左侧和“文章列表”版块形状图层中形状的修改输入段落文字添加、使用素材返回主菜单制作留言板栏目版块制作“留

5、言板”栏目条输入文本内容任务三返回主菜单制作“留言板”栏目条制作留言板栏目版块知识点输入文本内容复制、修改相似内容返回主菜单制作“留言板”栏目条制作留言板栏目版块知识点输入文本内容复习文本框的使用与设置返回主菜单关键步骤：1、使用矩形工具绘制栏目背景2、使用圆角矩形工具绘制装饰图形3、输入并编辑栏目名称文字4、为各形状图层添加渐变叠加样式关键步骤：1、选择适当的形状工具绘制装饰图形、下划线2、输入并编辑栏目名称文字能力拓展—拓展练习制作常用网页栏目条制作带渐变背景的栏目条关键步骤：1、使用矩形工

6、具绘制栏目背景2、使用形状工具绘制组合图形路径3、将路径作为选区载入，并填充颜色3、输入并编辑栏目名称文字4、为各图层添加图层样式制作有水晶质感的栏目条能力拓展—独立拓展任务独立设计制作完成《鱼之乐》博客网页中首页内容部分独立拓展任务：返回主菜单项目经验小结通过此学习情景的学习，主要熟悉了形状工具的使用以及文本框的使用。栏目条的合理设计安排能更好的突出一个网页的视觉效果，它的设计也千变万化，将栏目条中的各个可变元素进行创造和拓展，可形成各种各样具有设计特色的栏目条，增强网页的整体设计感。返回主菜

7、单网页界面设计学习情境四结束！