HTML5+CSS3网页的设计与制作单元8 网站整合与制作购物网站首页.pptx

工业和信息化人才培养规划教材单元8高职高专计算机系列网站整合与制作购物网站首页HTML5+CSS3网页设计与制作实用教程国家精品资源共享课程配套教材人 民 邮 电 出 版 社本章导读The chapter’s introduction 本单元以整合“购物网站”与制作购物网站首页为例全面介绍网站整合与首页制作的方法，主要包括熟悉网站开发规范、规划网站、设计与制作网站首页、测试网站、发布网站、推广与维护网站等方面。目录导航渐进训练任务 8-1 熟悉网站开发流程和规范任务 8-2 分析与规划购物网站任务 8-3 设计与制作电脑版网站首页0801.htm任务 8-4 测试网站任务 8-5 发布网站任务 8-6 推广与维护网站探索训练 任务 8-7 设计与制作触屏版网站首页0802.html析疑解惑单元小结任务 8-1 熟悉网站开发流程和规范 任务描述①熟悉网站开发的基本流程。②熟悉网站开发的常用规范。 任务实施1．熟悉网站开发的基本流程第一个阶段：规划网站和准备素材阶段。①需求分析，规划网站的主题、风格、规模、功能和内容版块。②收集资料、准备素材，并进行整理修改。③规划网站栏目结构、目录结构、链接结构和版式结构。任务 8-1 熟悉网站开发流程和规范第二个阶段：设计、制作网页阶段。①网站的总体设计。②设计、制作网站的主页、二级页面和内容页面等。③将各个网页通过超级链接进行整合。第三个阶段：测试、发布、推广与维护网站阶段。①测试、调试与完善网站。②发布与推广网站。③维护与更新网站。任务 8-1 熟悉网站开发流程和规范（2）CSS 样式文件的常用名称表8-2　CSS 样式文件的常用名称名称 说明 名称 说明help.css帮助CSS样式文件 product-detail.css商品详情CSS样式文件index.css 主页CSS样式文件 search.css搜索CSS样式文件layout.css 布局、版面CSS样式文件 service.css服务CSS样式文件login.css 登录CSS样式文件 themes.css主题CSS样式文件master.css 主要CSS样式文件 user.css用户CSS样式文件 2．熟悉网站开发的基本命名规范任务 8-1 熟悉网站开发流程和规范（3）CSS 样式表文件中类和ID 标识的常用名称表8-3　CSS 样式表文件中的常用名称名称 说明 名称 说明 名称 说明aboutus 关于我们 header页眉 note公告ad 广告区 help 帮助 partner 合作伙伴arrow 箭头 homepage 首页 register 注册Banner 广告条 hot热点 right右bottom 底部 hotSale 热买区 scroll滚动Brand 品牌区 hotSearch 热门搜索 search搜索btn 按钮 icon图标 service服务buide 指南 inside内部 shoppingCart 购物车Center 中 joinus加入 sidebar侧栏2．熟悉网站开发的基本命名规范任务 8-1 熟悉网站开发流程和规范（3）CSS 样式表文件中类和ID 标识的常用名称表8-3　CSS 样式表文件中的常用名称名称 说明 名称 说明 名称 说明Content 内容块 left左 source资源Copyright 版权区 link 链接 spec特别cor 转角 list 列表 status 状态corner 圆角 login登录 submit提交count 统计 loginbar 登录条 summary 摘要Crumb 导航 logo标志 tab 标签页current 当前 main 主体 text文本区Download 下载 menu 菜单 textbox 文本框drop 下拉 message 留言板 tips 小技巧2．熟悉网站开发的基本命名规范任务 8-1 熟悉网站开发流程和规范（3）CSS 样式表文件中类和ID 标识的常用名称表8-3　CSS 样式表文件中的常用名称名称 说明 名称 说明 名称 说明Droplist 下拉列表 middle中部 title标题favorites 收藏 module 模块 toolbar工具条Focus 焦点 more更多 top顶部Footer 页脚 msg提示信息 topmenu 顶部菜单Form 表单 nav 导航 vote 投票Friendlink 友情链接 news新闻 wrap 外层2．熟悉网站开发的基本命名规范任务 8-1 熟悉网站开发流程和规范（4）网页导航栏的常用名称表8-4　网页导航栏的常用名称名称 说明 名称 说明 名称 说明Nav 导航 t