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

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