内容正文:
6.2 爱上厨房美食网页设计
同步练习
基础巩固
利用“横排文字工具"输入“今日早餐1 314人记录",设置字体为幼圆、字号为70点、黑色。拖入图片“美食18.jpg"、“美食19.pg"至圆角矩形上,利用 “椭圆选框工具" 框选想要部分,反选将多余部分删除;双击 “美食18" 图层打开 “图层样式" 对话框,给图层添加3像素的白色描边,给“美食19"图层添加同样的描边。
能力进阶
爱上厨房美食网页设计的案例操作包括:熟练掌握 使用图层组管理网页元素 的方法;掌握在网页中插入 图片、文字 ;熟练运用 剪贴蒙版 。
素养提升
1.如何制作页顶导航栏?
新建“导航栏"图层组,选择“矩形工具",工具选项栏设置如图 6一47所示,颜色为# f39800,将生成的矩形置于文档顶端位置。利用“矩形工具" “椭圆工具" “圆角矩形工具"绘制搜索框,选项栏设置及效果如图6一48所示;利用“横排文字工具",输入黑体、字号为34点的文字“一键登录"、“菜谱、食材" “搜索",效果如图6一49所示。新建“标志"图层组,输入黑体、字号为46点的白色文字“爱上厨房爱上家";图层面板上右击文字层,在弹出的列表中选择“转换为形状",利用“直接选择工具"删除不要的路径,利用“自定形状工具"在删除位置绘制0,再用自由变换命令使形状向右斜切,标志效果如图6一50所示,将标志放置在橙色矩形左上角。再利用“横排文字工具",输入黑体、34点文字“首页健康专题社区活动",并在首页下层添加颜色为#aa6b02矩形。.
2. 如何制作"banner"版块?
切换到"banner"图层组,利用“矩形工具"在“美食1 "图层的左侧绘制宽16,開厘米、高23,65厘米的橙色矩形,并将“图层"面板中的不透明度设置为80%;选择“横排文字工具",设置字体为黑体,输入字号分别为34点、26点的文字;新建图层,选择“单行选框工具",在矩形框内绘制四条横线,将矩形框外多余横线删除,文字内容及横线效果如图6一52所示;在图像下方绘制三个直径为13.66像素的圆形。
3. 如何制作“精品菜谱"版块?
新建“精品菜谱"图层组,将“图层"面板中的“美食2 "、“美食3 "、“美食4"图层拖入图层组中。选择“横排文字工具",在“美食2 "图层左上方输入文字“精品菜谱",设置字体为黑体、字号为54点、黑色;将素材“图标l.png"拖入文档并放置在“精品菜谱"前,在对应的美食图片下方输入文字,字体为黑体、字号为36点、黑色。
4.如何制作“一日三餐"版块?
用上述方法制作“一日三餐"图层组,利用“横排文字工具"在相应图片的左下角分别输入“早餐"、“午餐"、“晚餐",设置字体为黑体、字号为58点、白色;新建图层,在文字“一日三餐"下方绘制同步骤@一样的横线,将多余横线删除
5.如何制作“今日早餐"版块?
新建“今日早餐"图层组,利用“圆角矩形工具"绘制圆角矩形,工具选项栏如图6一57所示。利用“横排文字工具"输入“今日早餐1 314人记录",设置字体为幼圆、字号为70点、黑色。拖入图片“美食18•jpg"、“美食19.pg"至圆角矩形上,利用“椭圆选框工具"框选想要部分,反选将多余部分删除;双击“美食18"图层打开“图层样式"对话框,给图层添加3像素的白色描边,给“美食19"图层添加同样的描边。
精品资源学科网独家享有版权,侵权必究!
学科网(北京)股份有限公司
$
6.2 爱上厨房美食网页设计
同步练习
基础巩固
利用“横排文字工具"输入“今日早餐1 314人记录",设置字体为幼圆、字号为70点、黑色。拖入图片“美食18.jpg"、“美食19.pg"至圆角矩形上,利用 框选想要部分,反选将多余部分删除;双击 图层打开 对话框,给图层添加3像素的白色描边,给“美食19"图层添加同样的描边。
能力进阶
爱上厨房美食网页设计的案例操作包括:熟练掌握 的方法;掌握在网页中插入 ;熟练运用 。
素养提升
1.如何制作页顶导航栏?
2. 如何制作"banner"版块?
3. 如何制作“精品菜谱"版块?
4.如何制作“一日三餐"版块?
5.如何制作“今日早餐"版块?
精品资源学科网独家享有版权,侵权