网页设计(Web前端开发) 15期

主讲教师： 梁莉菁 教授 / 萍乡学院

第15期
开课时间： 2025-07-16 至 2026-01-16
教学进度：
  • 预报名
  • 进行中
  • 已结束

学时安排：56学时

学分：3分

适合对网页设计制作感兴趣的零基础同学！课程从Web发展史讲起，结合源于淘宝、京东、腾讯、新浪等大型成熟网站页面中的经典案例，详细介绍了Html5标签、CSS3样式设置方法，以及常用的JS脚本和响应式网页布局技术。由易到难、由简到繁，循序渐进地介绍网页前端设计与制作的基础知识与基本技能。

  • 9074442

    累计页面浏览量

  • 5105

    累计选课人数

  • 11961

    累计互动次数

点击标题可预览章节内容

网页设计概述

  • 1.1网页设计概述

  • 1.2网页开发工具

  • 1.3浏览器开发者工具

  • 1.4章节测试

HTML结构基础篇

  • 2.1Html标记与属性

  • 2.2搭建章节作业站点

  • 2.3章节测试

CSS样式基础篇

  • 3.1引入CSS样式表的四种方式

  • 3.2CSS基础选择器

  • 3.3CSS复合选择器

  • 3.4章节测试

CSS样式进阶篇

  • 4.1制作“专题学习”模块效果1

  • 4.2制作“专题学习”模块效果2

  • 4.3精灵图技术_淘宝网首页局部效果

  • 4.4章节测试

网页布局技术

  • 5.1模拟新浪微博发言版块布局1

  • 5.2模拟新浪微博发言版块布局2

  • 5.3模拟腾讯QQ网页视差效果

  • 5.4章节测试

超链接与导航栏

  • 6.1超链接类型与基本语法

  • 6.2锚点链接与图像热区链接

  • 6.3制作纵向导航栏

  • 6.4制作横向导航栏

  • 6.5制作带下拉菜单的导航栏

  • 6.6滑动门技术01_微信官网首页导航栏效果

  • 6.7滑动门技术02_微信官网首页导航栏效果

  • 6.8章节测试

表格及样式设置

  • 7.1创建表格

  • 7.2表格的样式设置

  • 7.3章节测试

表单及样式设置

  • 8.1表单基础

  • 8.2Html5表单新属性

  • 8.3Html5表单新元素

  • 8.4章节测试

JavaScript基础

  • 9.1JavaScript基础

  • 9.2焦点轮播图制作01

  • 9.3焦点轮播图制作02

  • 9.4焦点轮播图制作03

  • 9.5跑马灯效果实现01

  • 9.6跑马灯效果实现02

  • 9.7章节测试

感受Html5+CSS3魅力

  • 10.1响应式设计与媒体查询

  • 10.2CSS3动画_旋转的太极图01

  • 10.3CSS3动画_旋转的太极图02

  • 10.4HTML 5 Canvas 基础01

  • 10.5HTML 5 Canvas 基础02

  • 10.6实战红色安源工运纪念馆首页01

  • 10.7实战红色安源工运纪念馆首页02

  • 10.8章节测试与期末考试

常见问题

  • 1.我该如何学习这门课程？

    （1）首先您要注册一个学银在线的账号。

    （2）您需要有一定的上网条件，能够流畅的观看教学视频。在观看的过程中，您可以选择在PC端登陆我们的网页， 也可以选择下载我们的app学习通，通过手机客户端来学习。

    （3）您一旦报名选择了课程，我们的课程主讲老师或课程团队会通过通知的形式给您发送课程有关的消息，同时会抄送您的邮箱，请您及时查收。

  • 2.我在学习过程中遇到问题了，怎么办？

    您可以通过以下几种方式获取帮助：

    （1）在课程群聊中发布求助信息，说不定和你一起学习这门课的小伙伴就能够解决你的问题呢；

    （2）在课程讨论区留言，课程团队看到后将会及时回复。

    （3）联系我们的客服，或者随时给我们发邮件，邮箱地址：xueyinkf@chaoxing.com。

  • 3.我是新手，能否给我一些学习建议？

    （1）我们的课程采用MOOC的方式授课，因此您可以自由安排您的学习时间、学习地点。但我们仍旧希望您每周能都有固定的时间持续进行本课程的学习，根据人的记忆曲线显示这种规律的学习方式能够最大限度的提升您的学习质量。

    （2）学习的过程比较容易，为了检验您的学习成果，我们的课程团队会在课程章节结束后布置测验或作业，希望您尽可能的按时独立完成。如果有没有掌握的知识点，您可以继续回看复习课程。

    （3）希望您能够积极参与课程的讨论，与各位学习者一起煮酒论英雄。在讨论的过程中，不光可以对课程所学内容温习内化，还能互相碰撞出思想的火花，相信您一定会有额外的收获。

  • 4.课程会不会很难、很枯燥？

    （1）我们的课程都是老师经过精心设计拍摄制作而成，并且由于是MOOC的方式，所以课程拆分成了不同的知识点，学习起来一点也不费劲。

    （2）我们的课程多采取理论结合实际的授课方式，课程中也有许多案例的呈现，相信会给学习者带来诸多方面的启发。我们也将力求做到深入浅出，支持学习者将研究发现转化为实践，改进自身教学。