商务网页设计与制作（第2版）（微课版）

内容提要 本书较为全面地介绍商务网站项目策划、商务网站项目建设与管理、商务网页设计、商务网页制作，以及网页图像制作等知识。本书共 6 章，包括商务网站项目管理、商务网页设计、HTML网页制作技术、CSS网页样式制作技术、网页图像制作、商务网页制作实战等内容。书中提供了 11 个综合范例、1 个实战项目，通过练习和操作实践，读者能够巩固所学的内容。 本书可以作为高等院校、高职高专院校电子商务专业商务网页设计与制作课程的教材，也可以作为商务网页设计与制作培训班教材，并适合商务网站项目策划人员、商务网站设计与制作的专业人员和广大网页设计与制作爱好者自学使用。

谢元芒，教授，辽宁省交通高等专科学校，讲授课程：商务网页设计与制作，主要研究项目及领域：计算机应用、物流

目录 第　1章 商务网站项目管理　1 1.1　理解传统商务与电子商务　1 1.1.1　传统商务　1 1.1.2　电子商务　3 1.1.3　传统商务与电子商务的关系　5 1.1.4　电子商务的优势和不足　5 1.1.5　电子商务与互联网　6 1.2　商务网站项目管理概述　8 1.2.1　网站概述　8 1.2.2　商务网站及类型　12 1.2.3　商务网站功能组成　16 1.2.4　商务网站项目建设与管理　18 1.2.5　商务网站项目策划　20 1.2.6　商务网站项目设计与开发　26 1.2.7　商务网站SEO营销　30 1.2.8　商务网站维护　34 1.2.9　商务网站项目管理岗位职业素养　34 小结　35 习题　35 第２章　商务网页设计　38 2.1　商务网页视觉设计　38 2.1.1　商务网页赏析　38 2.1.2　网页视觉设计概述　41 2.1.3　网页视觉设计的原则　41 2.1.4　网页视觉设计对象　43 2.1.5　网页视觉设计要点　47 2.2　商务网页创意设计　52 2.2.1　商务网页创意设计概述　52 2.2.2　商务网页创意设计的思路　52 2.2.3　商务网页创意设计的内容　54 2.3　商务网页原型设计　55 2.3.1　绘制网页草图　55 2.3.2　绘制网页效果图　57 2.3.3　制作网页原型方案　57 2.3.4　网页原型方案评审　58 小结　59 习题　59 第３章　HTML网页制作技术　61 3.1　网页基础知识　61 3.1.1　网页源文件　61 3.1.2　网页解释代码　62 3.1.3　网页制作语言介绍　63 3.1.4　HTML基础知识　65 3.1.5　HTML标签的种类　70 3.1.6　HTML5新特点　73 3.2　头文档设置方法　76 3.2.1　头文档作用　76 3.2.2　设置网页标题　76 3.3　文本设置方法　78 3.3.1　设置文字属性　78 3.3.2　设置文本排版　81 3.3.3　设置文档标题　82 3.3.4　设置文本列表　85 3.3.5　制作文本网页综合范例　87 3.4　图像设置方法　89 3.4.1　图像文件的存储管理　90 3.4.2　图像引用　91 3.4.3　设置图像显示尺寸　94 3.4.4　设置图像替代文本　95 3.4.5　设置网页背景图像与背景颜色　96 3.4.6　制作图文网页综合范例　99 3.5　超链接设置方法　100 3.5.1　超链接的概念及类型　100 3.5.2　指向网站内部的超链接　101 3.5.3　指向网站外部的超链接　106 3.5.4　给文本设置超链接　107 3.5.5　给图像设置超链接　108 3.5.6　设置超链接的打开窗口　108 3.5.7　制作图文超链接网页综合范例　111 3.6　表格制作方法　114 3.6.1　表格的代码结构　115 3.6.2　创建表格的方法　115 3.6.3　制作单元格和表头内容　116 3.6.4　制作一个表格网页　117 3.6.5　单元格合并的方法　119 3.6.6　设置表格外观　122 3.6.7　运用表格技术布局网页综合范例　137 3.7　多媒体引用方法　143 3.7.1　设置视频　143 3.7.2　设置音频　145 3.8　表单制作方法　147 3.8.1　定义表单　147 3.8.2　定义输入项　149 3.8.3　制作下拉菜单和数据列表　153 3.8.4　制作元素分组和输入项标注标签　154 3.8.5　制作文件项与进度条　155 3.8.6　数据验证与数据输出　156 3.8.7　制作学生信息编辑表单综合范例　158 3.9　元数据设置　160 3.9.1　设置字符编码　161 3.9.2　设置name和content属性　161 3.9.3　设置http-equiv和content属性　161 3.9.4　制作SEO关键词　162 3.9.5　设置元数据示例　162 小结　163 习题　164 第４章　CSS网页样式制作技术 /　169 4.1　CSS基础知识　169 4.1.1　CSS的作用　169 4.1.2　CSS代码的构成规则　170 4.1.3　CSS选择符类型及使用方法　171 4.1.4　CSS样式类别　174 4.1.5　CSS中的度量单位　179 4.1.6　CSS注释　180 4.1.7　CSS常用属性　180 4.2　用CSS设置文本样式　183 4.2.1　设置文字属性　183 4.2.2　设置段落属性　187 4.2.3　用CSS设置文本综合范例　192 4.3　用CSS设置图像样式　193 4.3.1　设置图像　193 4.3.2　图文混排　195 4.3.3　设置背景图像　196 4.4　用CSS设置表格样式　199 4.4.1　设置边框样式　199 4.4.2　设置表格内容的显示样式　201 4.4.3　设置、、标签　203 4.4.4　设置斑马纹表格综合范例　206 4.5　用CSS设置超链接伪类及伪元素　209 4.5.1　设置超链接伪类　209 4.5.2　设置伪元素　210 4.6　采用DIV与SPAN制作网页　211 4.6.1　块级元素与内联元素　211 4.6.2　定义DIV的显示样式　212 4.6.3　定义SPAN的显示样式　213 4.6.4　元素定位　213 4.6.5　元素叠加　215 4.6.6　元素浮动　217 4.6.7　元素的显示与隐藏　218 4.7　用CSS设置元素的边框与边距　218 4.7.1　元素的边框与边距　218 4.7.2　设置元素边框与边距　219 4.7.3　制作文字按钮范例　223 4.7.4　制作导航栏综合范例　224 4.8　响应式网页设计与制作　229 4.8.1　浏览器与屏幕尺寸适配　229 4.8.2　设置弹性页面　230 4.8.3　设置flex弹性容器　231 4.8.4　流式布局设计　237 4.8.5　制作响应式网页范例　239 4.8.6　响应式网页开发前端框架　242 小结　242 习题　243 第5章　网页图像制作　247 5.1　准备图像素材　247 5.1.1　商品图像拍摄　247 5.1.2　商品图像存档　248 5.2　制作网页图像　249 5.2.1　图像格式　249 5.2.2　图像编辑处理　250 第６章　商务网页制作实战　252 6.1　响应式网页制作重要技术　252 6.1.1　制作响应式导航栏　252 6.1.2　制作Banner　259 6.1.3　制作模块化流式布局　262 6.1.4　采用脚本导入页脚　263 6.2　响应式商务网页制作步骤　266 6.2.1　图像准备与制作　267 6.2.2　响应式网页布局设计　267 6.2.3　网页主要构件设计与制作　270 6.2.4　功能主页效果图制作　272 6.2.5　图像切片　273 6.2.6　采用HTML+CSS制作响应式网页　274 6.3　响应式商务网页制作实例　274 小结　275 习题　275 参考文献　276