随着我国国民经济的迅速发展以及社会信息化的不断进步，电子商务正迅速地渗透到社会生活的方方面面。而电子商务网站作为宣传形象、展示商品、提供服务或进行电子商务交易的平台显得尤为重要。

    通过本课程的学习使得学生会熟练使用相关网页制作软件，能够利用DIV+CSS技术布局网页，独立制作或修改项目的操作技能，具备商务网页设计的自主设计能力。

    按照步骤流程学习之后可以掌握前端网页开发的HTML5和CSS3基础知识，有进行商务网页设计的自主设计能力，熟练使用相关网页制作软件的操作能力，能够利用DIV+CSS技术布局网页，掌握链接与导航设置、页面美化的技能，可以独立制作或修改项目。

    本课程的特色首先体现在使用了最前沿的行业技术与标准，如新增了CSS3的部分特性与实用技巧、响应式布局和bootstrap等技术，让同学从思想上可以站在目前最主流的技术和方法的高度进行设计网页；另外，资源配套完整：有教学视频、课件、教案、教学大纲、实训指导书、素材及源代码和课程微信公众号等教学资源；最后视频内容将任务细分，化整为零，本课程每个视频时长在6分钟左右，利用碎片化的知识点和短时长充分调动和激发学生学习动机，强化知识，精准教学。

• 第一章 网页基础
  • 1.1 网页基础
• 第二章 构建HTML5网页
  • 2.1 认识HTML
  • 2.1.1 html元素及其属性的书写格式
  • 2.1.2 <meta>元素
  • 2.2 认识HTML5
  • 2.3 HTML5常用标签
  • 2.4 HTML5新增标签
  • 2.5 HTML5新增通用属性
  • 2.6 实例：创建HTML5页面
• 第三章 网页布局
  • 3.1 认识CSS
  • 3.2 CSS选择器
  • 3.2.1 class和id选择器
  • 3.3 CSS属性
  • 3.4 层叠与继承
  • 3.5 CSS盒模型
  • 3.6 块级元素与行内级元素
  • 3.7 定位
  • 3.8 浮动
  • 3.9 布局
  • 3.10 弹性布局
  • 3.11 利用960 CSS框架布局
  • 3.12 实例：实现布局
• 第四章 对链接应用样式
  • 4.1 链接样式
  • 4.2 背景颜色
  • 4.3 背景图片和渐变
  • 4.4 创建按钮式链接
• 期中小测试
• 第五章 设置网页导航条和列表样式
  • 5.1 列表样式类型及位置属性
  • 5.2 列表样式图片属性及列表样式属性
  • 5.3 边框属性
  • 5.4 实例：制作新闻列表
  • 5.5 实例：创建垂直导航条
  • 5.6 实例：创建有二级菜单的水平导航条
• 第六章 和用户交互——表单
  • 6.1 表单及表单元素
  • 6.2 其他常见Input 属性及表单元素
  • 6.3 案例：联系方式表单
• 第七章 美化页面
  • 7.1 css3边框
  • 7.2 文本阴影与盒阴影
  • 7.3 web字体
  • 7.4 图标字体
  • 7.5 案例：创建圆角边框搜索按钮
  • 7.6 案例：美化导航菜单
• 第八章 添加动态效果
  • 8.1 javascript简介
  • 8.2 jquery简介
• 第九章 响应式布局
  • 9.1 响应式布局
  • 9-2 案例：响应式导航
• 第十章 Bootstrap
  • 10.1 Bootstrap
  • 10.2 案例：利用Bootstrap重构响应式导航菜单
• 《电子商务网页设计与制作》教学大纲
• 期末考试

本课程是电子商务专业核心课，旨在于培养学生商务网页制作自主设计能力，使学生达到前端电子商务网页设计的基本职业能力要求。

1、知识目标：了解网页设计基础知识和常用工具；理解html5结构、标签及响应式布局的含义

2、能力目标：会操作常用制作软件；会利用html编辑页面内容，会制作修饰链接、导航条及新闻列表、表单等元素；会利用css+div布局制作商务网页

3、素质目标：具有自主学习和实际动手能力、分析问题解决问题和开拓创新的能力；养成沉着应变、爱岗敬业的职业道德

4、思政素养：具备电商行业、计算机网络安全等行业的法律法规意识，能在web前端开发中遵守相关行为规范，坚守职业道德，弘扬社会主义核心价值观，传播正能量

本课程学习之前建议大家先学习《电子商务概论》和《Photoshop图像处理》课程。

需要了解一般电子商务活动的基本流程，电子商务网页的基本布局分类，理解客户体验与网站设计的关系；

会利用Photoshop图像处理软件进行图片修饰、修改大小、调整像素、输出正确的图像格式等基本操作。