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

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

教学进度:
  • 预报名
  • 进行中
  • 已结束

学时安排:56学时

学分:3分

课程适合对网页设计与制作感兴趣的零基础的同学们,使用 DW和 HBuilder 工具,从Web发展史讲起,对Html标签、CSS样式设置作了详细讲解,并涉及简单的JS脚本以及Html5+CSS3新功能的介绍,由易到难、由简到繁,循序渐进地介绍网页前端设计与制作的基础知识与基本技能。
  • 9030817

    累计页面浏览量

  • 5106

    累计选课人数

  • 11961

    累计互动次数

2022-02-27 13:53 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

谈谈你对网页布局技术的理解?

网页布局技术经历了表格布局,DIV+CSS布局,响应式布局等多次更新进化,请查询相关网络资源,谈谈你对网页布局技术的理解?可以仅从网页布局技术的某一方面入手,简要概括自己的观点。

  • 2022-06-22 01:33 何焰光

    CSS+DIV布局需要编写大量CSS样式代码来控制各布局DIV层,因此要掌握它相对表格布局会困难一些。但CSS+DIV布局较表格布局更加灵活实用,网站布局后很容易就能调整网站的布局结构;而且CSS+DIV布局的各布局DIV层可以依次下载显示,因此其访问速度较表格布局要快。
  • 查看全部(36条)

2022-02-27 16:05 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

请谈谈网页设计时为什么会弃用表格布局的方式?

曾几何时,表格布局是网页布局的主要方式,请查询相关资源,谈谈网页设计时为什么会弃用表格布局的方式?另外,如果发现网络资源中有设计得特别精美的表格案例页面,请贴出网址与大家分享,并分析一下其技术特点与制作方法。

  • 2022-06-22 01:33 何焰光

    1.延迟了页面的加载速度,让用户等待更久的时间,在IE中要将整个table加载完了才显示内容。 2.标签结构复杂,不利于修改,扩展性不好,table一旦设计完成就变成死的。 3.HTML4之后使用table布局页面不再被W3C标准支持。 4.不利于搜索引擎索引。
  • 查看全部(36条)

2022-02-27 17:21 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

谈谈你对Html5中新增的表单Input输入类型的理解

Html5中新增了多个表单Input输入类型,你挑选一个或几个你感受最深感觉实用性最强那种新增类型进行简要的概括与阐述。

  • 2022-06-22 01:32 何焰光

    在HTML5中,增加了多个新的表单input输入类型,通过使用这些新增元素,可以实现更好的输入控制和验证。
    search 用于搜索字符串的单行文字区域。输入文本中的换行会被自动去除。在支持的浏览器中可能有一个删除按钮,用于清除整个区域。拥有动态键盘的设备上的回车图标会变成搜索图标。
  • 查看全部(42条)

2022-02-27 17:35 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

话题1:请总结一下本章焦点轮播图效果与跑马灯效果两大案例的技术要点。

请用自己的语言总结一下本章中焦点轮播图效果与跑马灯效果两大案例制作时最重要的知识点与技术要点。

  • 2022-06-22 01:31 何焰光

    响应浏览器端的事件。比如,鼠标事件,二级菜单,显示隐藏部分内容。滚动图片,表单验证等等
  • 查看全部(37条)

2022-01-22 20:49 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

讨论:何为“WWW”?

请大家发表一下对网页地址中常见的 “WWW”的理解。

  • 2022-06-22 00:51 吴嘉威

    WWW(World Wide Web网络既是WAP网络的组成部分,又是WAP网络模型的基础。Internet网络的体系结构展示了一种非常灵活且功能强大的编程模型,它用标准的数据格式来标识应用程序和内容,并通过Web浏览器进行浏览。Web浏览器是一个网络应用程序,它向网络服务器发出数据传输请求,网络服务器则采用标准格式编码的数据作为响应
  • 查看全部(49条)

2022-01-23 22:19 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

网页中的SVG矢量图形

SVG 是基于网络的可缩放矢量图形,大家在网上查阅相关资料,探讨一下在网页中如何使用SVG矢量图?

  • 2022-06-22 00:51 吴嘉威

    1.网页直接插入SVG图片
    2.通过img插入SVG图片
    3.通过css插入SVG图片
    4.通过JavaScript插入SVG图片
  • 查看全部(46条)

2022-01-23 22:27 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

谈谈网页中支持的各种图片格式的特点

请谈谈网页中支持哪些格式的图片?各种格式图片的特点是什么,一般网页中在什么情况下最好采用哪种格式的图片?

  • 2022-06-22 00:51 吴嘉威

    常用的图片格式有JPG、GIF、PNG。
    1、jpg:jpg全名是JPEG。JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式 JPEG 文件支持交错。
    2、gif:GIF分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的搞笑gif图,所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样,这是一种在网络上非常流行的图形文件格式。
    3、png:PNG,图像文件存储格式,其设计目的是试图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG的名称来源于“可移植网络图形格式Portable Network Graphic Format,PNG”,也有一个非官方解释“PNG's Not GIF”,是一种位图文件bitmap file存储格式,读作“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法,一般应用于JAVA程序、网页或S60程序中,原因是它压缩比高,生成文件体积小。
  • 查看全部(38条)

2022-02-23 13:07 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

你怎么理解Web标准中的结构与表现分离的意义

网页设计中通常提到要结构与表现相分离,你怎么理解网页设计中结构与表现分离的意义

  • 2022-06-22 00:51 吴嘉威

    1.数据的多样显示。通过不同的样式表适应不同的设备,做到内容与设备无关2.保持整个站点的视觉一致性变得非常简单,修改样式表就可以轻松改版;3.由于结构清晰,数据的集成、更新和处理更加方便灵活;4.更有意义的搜索。1.数据的多样显示。通过不同的样式表适应不同的设备,做到内容与设备无关2.保持整个站点的视觉一致性变得非常简单,修改样式表就可以轻松改版;3.由于结构清晰,数据的集成、更新和处理更加方便灵活;4.更有意义的搜索。
  • 查看全部(43条)

2022-02-23 20:01 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

请谈谈你对Html5语义化新特点的理解?

Html5新增了许多语义化标签,为什么要新增这些语义化标签,有什么重要作用与意义?请查阅Html5语义化新特点的相关资料,谈谈你对Html5语义化的理解。注意不要简单地复制粘贴网络资源,简要地概括说明你个人的观点即可。

  • 2022-06-22 00:50 吴嘉威

    利于网站的SEO;各大网站在抓取网页时,语义化标签更清楚的表达网站的逻辑与内容,搜索引擎更加友好,更利于解析上下文环境,抓取各个关键字的权重; 方便其他设备的解析,比如屏幕阅读器、盲人阅读器、移动设备,能有意义的渲染网页,清晰的表达网页的上下文内容以及强调部分等; 布局的语义化标签,会使得项目在没有css的情况下,页面也能呈现出更好的结构; 代码的可读性与可维护性更强。
  • 查看全部(38条)

2022-02-26 00:17 梁莉菁 萍乡学院 在网页设计(Web前端开发) 八期课程中提问:

话题1:谈谈你对Html5+CSS3新特性的理解

选择某一具体的点或面,谈谈你对Html5+CSS3新特性的理解。请勿简单复制粘贴网络资源。

  • 2022-06-22 00:50 吴嘉威

    HTML5新特性。增加了一些新的标签、新的表单以及新的表单属性等。这些新特性都有兼容性问题,基本上IE9+以上版本浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性
  • 查看全部(36条)

常见问题

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

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

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

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

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

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

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

    (2)在课程讨论区留言,课程团队看到后将会及时回复。

    (3)联系我们的客服,或者随时给我们发邮件,邮箱地址:xueyinkf@chaoxing.com。

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

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

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

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

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

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

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