网页设计与制作 高职多媒体 杨桂 刘亚妮 课件 Part1N6 网站频道页面的制作.pptVIP

尚辅网 尚辅网 网页设计与制作·第一部分 * 网页设计与制作 第一部分 网页界面设计 * 尚辅网 网页界面设计 学习情境六 网站频道页面的制作 尚辅网 网页界面设计 任务一 网站“我的日志”频道页面制作 任务二 网站“我的相册”频道页面制作 任务三 网站“我的资料”频道页面制作 模块任务及内容体系 任务四 网站“留言本”频道页面制作 能力拓展 项目经验小结 学习情境六 网站频道页面的制作 尚辅网 教学目标 网站“我的日志”频道页面制作 网站“我的照片”频道页面制作 网站“我的资料”频道页面制作 能力目标： 文本框、画笔面板 图层的对齐与分布 文字对齐方式 知识目标： 统筹协调能力 灵活变通能力 素质目标： 学习情境六 网站频道页面的制作 尚辅网 网站“我的日志”频道页面制作 任务一 网站“我的日志”频道页面制作 返回主菜单 尚辅网 导入通用部分，如：头部、导航、版权等 制作导航栏 利用文本框输入大段的文字内容 用“横排文字工具”输入“翻页”效果 返回主菜单 增加“虚线”进行分隔提示 任务一 网站“我的日志”频道页面制作 尚辅网 网站“我的日志”频道页面制作 知识点 制作网页左侧和右侧“文章列表”版块 使用素材 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 利用文本框输入大段的文字 内容 增加“虚线”进行分隔提示 用“横排文字工具”输入 “翻页”效果 尚辅网 网站“我的日志”频道页面制作 知识点 制作网页左侧和右侧“文章列表”版块 导入素材 矩形工具 编辑文字 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 利用文本框输入大段的文字 内容 增加“虚线”进行分隔提示 用“横排文字工具”输入 “翻页”效果 尚辅网 网站“我的日志”频道页面制作 知识点 制作网页左侧和右侧“文章列表”版块 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 利用文本框输入大段的文字 内容 增加“虚线”进行分隔提示 用“横排文字工具”输入 “翻页”效果 文本框范围调整 编辑文字 尚辅网 网站“我的日志”频道页面制作 知识点 制作网页左侧和右侧“文章列表”版块 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 利用文本框输入大段的文字 内容 增加“虚线”进行分隔提示 用“横排文字工具”输入 “翻页”效果 画笔工具 尚辅网 网站“我的日志”频道页面制作 知识点 制作网页左侧和右侧“文章列表”版块 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 利用文本框输入大段的文字 内容 增加“虚线”进行分隔提示 用“横排文字工具”输入 “翻页”效果 尚辅网 网站“我的相册”频道页面制作 任务二 返回主菜单 网站“我的相册”频道页面制作 尚辅网 导入通用部分，如：头部、导航、版权等 制作导航栏 网站“我的相册”频道页面制作 制作相册内容区中的图片边框效果 布局相片区域 插入多张照片示例 输入文字，设置下划线效果 任务二 返回主菜单 尚辅网 网站“我的相册”频道页面制作 知识点 网站“我的相册”频道页面制作 使用素材 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 制作相册内容区中的图片 边框效果 布局相片区域 插入多张照片示例 输入文字，设置下划线效果 尚辅网 网站“我的相册”频道页面制作 知识点 网站“我的相册”频道页面制作 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 制作相册内容区中的图片 边框效果 布局相片区域 插入多张照片示例 输入文字，设置下划线效果 导入素材 矩形工具 编辑文字 尚辅网 网站“我的相册”频道页面制作 知识点 网站“我的相册”频道页面制作 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 制作相册内容区中的图片 边框效果 布局相片区域 插入多张照片示例 输入文字，设置下划线效果 圆角矩形工具 “描边”图层样式 复制图层 轻移图层 尚辅网 网站“我的相册”频道页面制作 知识点 网站“我的相册”频道页面制作 返回主菜单 导入通用部分，如：头部、 导航、版权等 制作导航栏 制作相册内容区中的图片 边框效果 布局相片区域 插入多张照片