首页 课程主页
课程分享  
电子商务网页设计与制作
主讲教师 徐琴/芜湖职业技术学院
学习人数 1173
开课周期 2023年02月21日 ~ 2023年07月15日
教学进度
预报名
进行中
已结课
课程期次 共 21 周
  • 课程详情
  • 教辅教材
  • 课程评价
  • 常见问题

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

      本门课程便是介绍静态电子商务网页设计与制作的基本方法与思路,以电商网站网页制作的顺序,围绕描述网页内容的HTML、描述网页样式的CSS以及描述网页行为的常见JavaScript动态效果三个知识点进行讲解。同时还涉及响应式布局、字体式图标和框架技术。以以上框架为基础,本教学视频共分为11个大模块,包括“网页设计基础知识”、“构建HTML5网页”、“网页布局”、“对链接应用样式”等。希望学习者从知识上能够理解html5结构和标签,理解和掌握多种css布局技术,掌握美化页面的方法,并且学会常见javascrip动态效果,理解响应式布局和bootstrap技术。从能力上会对页面进行整体结构分析,会利用html编辑页面内容,利用css布局,会修饰美化页面,并且会常见的javascrip动态效果的添加,用Bootstrap重构网页,掌握响应式布局技术。

    在校学生考核方式如下:

总评成绩100%=线上成绩50%+线下过程考核成绩15%+企业考核15%+思政考核10%+期末考核10%

其中线上成绩50%=视频观看时长10%+测试和作业10%+考试成绩20%+线上讨论10%

    社会学习者考核方式如下:

总评成绩完全来自线上成绩

总评成绩100%=视频观看时长20%+测试和作业20%+考试成绩40%+线上讨论20%



课程概述

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

    通过本课程的学习使得学生会熟练使用相关网页制作软件,能够利用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图像处理软件进行图片修饰、修改大小、调整像素、输出正确的图像格式等基本操作。

配套教材
  • HTML5网页设计与制作
    徐琴
    清华大学出版社
参考教材
  • Web标准网页制作实例教程
    王宾
    安徽科学技术出版社
  • 《网页设计与制作(第2版)》
    李京文
    安徽大学出版社
5.0

8 条评价

本次开课 查看全部
5.0

12 条评价

本次开课 查看全部
1 这门课程是免费学习的吗?
本课程是开设在安徽省网络课程学习中心(e会学)平台上的课程,是免费学习的。
2 我可以重复选择同一门课程吗?
可以的,许多课程会多次开课,可以加入同一门课程的不同期次。在新的开课期次中,你需要从零开始完成相关的学习任务。
3 是否需要完成课程所有的作业?
如果你想要获得课程证书,你需要按照课程老师制定的课程大纲和考核标准完成相关作业;如果仅是为了扩充知识并不需要申请证书,可以根据自己的时间与需求自由安排学习计划。
4 如何申请课程证书?
课程团队会在‘考核标准’中公布获得证书的条件。课程公布考核标准并更新完毕后,你的最终总成绩达到条件即可获得证书。
5 课程结束后,还能继续学习课程内容吗?
这将根据课程团队的设置的课程结课设置而定,有的课程将在课程结束后关闭,有的课程允许已选课的用户查看课程内容及历史记录,也有课程可能会对未选课用户开放课程内容。对于结课后仍然开放的课程,在“我的课程”列表里,可以查看课程内容及学习记录。
6 建议使用什么浏览器学习?
为了您顺利地进行课程学习,建议您将浏览器升级到最新版本。建议使用IE10及以上,火狐Firefox浏览器,及谷歌Chrome浏览器。
7 相关职业类证书有什么?
Web前端讲师证书(工信部计算机与微电子发展研究中心)
授课教师
芜湖职业技术学院
芜湖职业技术学院
徽商职业学院
芜湖职业技术学院
芜湖职业技术学院
芜湖职业技术学院
芜湖职业技术学院
芜湖职业技术学院
2024 e会学 皖ICP备05002528号-14 皖公网安备 34010402700145号 Copyright 安徽省网络课程学习中心版权所有