网页设计七期

第7期

开课时间： 2021-07-10 至 2022-01-10

教学进度：

预报名
进行中
已结束

学时安排：56学时

学分：3分

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

9030817

累计页面浏览量
5106

累计选课人数
11961

累计互动次数

: 梁莉菁

萍乡学院 2021-09-05 19:37

谈谈你对Html5+CSS3新特性的理解

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

查看详情>

2021-10-23 10:09 邓李萍

理解： 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签（header,nav,footer,aside,article,section） 3. 音频、视频API(audio,video) 4. 画布(Canvas) API 5. 地理(Geolocation) API 6. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； 7. sessionStorage 的数据在浏览器关闭后自动删除 8. 表单控件，calendar、date、time、email、url、search 9. 新的技术webworker, websocket, Geolocation
我要回复

查看全部(2条)

: 梁莉菁

萍乡学院 2021-09-05 19:32

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

查看详情>

2021-10-23 10:08 邓李萍

1.布局，轮播的几张图片的大小必须是一样大的，而且父容器大小为一张照片大小，其余看不见的部分hidden,通过JS改变图片的left值来实现图片的轮播。 2.左右点击按钮，还有图下方的按钮，均为他们添加点击事件，改变图片的left值。 3.自动播放功能，就是设置了定时器，当鼠标移开的时候，触发定时器。鼠标回到container时，清除定时器。
我要回复

查看全部(2条)

: 梁莉菁

萍乡学院 2021-09-05 19:33

谈谈网页设计中的JavaScript的功能与意义

查阅相关资源，请简要概括一下，你觉得JavaScript在网页设计中扮演什么角色，即承担了何种重要功能，有何种意义。

查看详情>

2021-10-23 10:08 邓李萍

JavaScript，也称ECMAScript，是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言。 javascript的基本特点: 是一种解释性脚本语言（代码不进行预编译）。主要用来向 HTML 页面添加交互行为。可以直接嵌入 HTML 页面，但写成单独的js文件有利于结构和行为的分离。
我要回复

查看全部(2条)

: 梁莉菁

萍乡学院 2021-09-05 19:34

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

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

查看详情>

2021-10-17 12:13 邓李萍

理解：任何为时代所摒弃的东西，都必有其与时代发展不相契合的缺点，表格布局亦然。使用表格进行页面布局会带来很多问题问题： 1 、容易把格式数据混入我们的内容中。Table使得文件的大小无谓地变大，而用户访问每个页面时都必须下载一次这样的格式信息。同时客户的时间和带宽也是有限的。 2 、Table使得重新设计现有的站点和内容极为消耗劳力，且极为昂贵； 3、Table使我们保持整个站点的视觉的一致性极难，花费也极高。 4、Table的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。
我要回复

查看全部(2条)

: 梁莉菁

萍乡学院 2021-09-05 19:35

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

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

查看详情>

2021-10-17 12:12 邓李萍

理解：网页布局是指网页内容在页面上所处位置的设计。网页布局技术之框架技术理解及分析：框架把浏览器窗口划分为若干个区域，每个区城可以显示不同的网页。框架主要包括两个部分，一个是框架集，另一个就是框架。框架集是在一个文档内定义一组框架结构的网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载人到框架的网页等。框架集文档本身不在浏览器中显示，它只是向浏览器提供如何显示框架以及在框架中显示哪些文档的信息，是一个用于存储框架的容器。框架则指在网页上定义的一个显示区域，每个框架都有自己独立的滚动条，方便访问者独立浏览这些框架。优点: 使用框架可以非常方便的完成导航工作，各个框架之间不存在干扰。框架还有个很大的优点就是网站的风格能保持统一，它把相同的部分单独制作成一个页面，作为框架结构一个子框架的内容给整个站点公用。缺点: 框架是有边框的，占用空间。采用过多的框架会增加下载网页所需的时间，影响网页的浏览速度，对于内容多、布局复杂的网站不宜采用框架布局，且框架结构的页面兼容性不好。
我要回复

查看全部(2条)

: 梁莉菁

萍乡学院 2021-09-05 19:35

简要地概括并阐述个人对超链接制作技术的理解。

超链接是网页技术的灵魂，请查阅并找寻网络中制作得特别精巧又富有特色的导航栏案例，将案例网址贴出来与大家分享，并请用自己的语言概括一下本章所讲述的各种超链接与导航栏的制作技术要点，简要地概括并阐述个人对超链接制作技术的理解。

查看详情>

2021-10-17 12:11 邓李萍

超链接即某超文本文档中的元素，与另一个超文本、文件或脚本的不同元素之间的连接。用户可以通过点击被链接的元素来激活这些链接，通常在被链接的元素下有下划线或者以不同的颜色显示来进行区分。在超文本文档中，超链接用标记语言的标签指出。按照连接路径的不同，网页中超链接一般分为以下三种类型：内部链接、锚点链接和外部链接。在实际网页制作中，如何设计网页超链接，采用什么样的链接结构会直接网页布局和网站云行效率。例如，导航条的结构、导航条的布局、网页链接层次、链接的效果和形式等。定义超链接的多种多样，方法也比较灵活，但需要注意以下的问题： 1、链接层次不能太深，最多不要超过3层，在完善网页结构时，除了特殊情况，如转链接、分项链接或链接内容的细化，一般较合理的设计是3层，即导航链接→列表链接→链接内容。 2、避免出现单向链接，每设计一个链接，都要考虑如何让客户快速返回，避免出现迷路的现象。对于详细内容页面不希望返回时，应设计在新窗口中打开，保证用户关闭浏览器窗口后，还可以找到原来的网页位置，并能快速返回首页或频道页。 3、避免出现孤文件。在设计网页，要思路清晰、考虑完善，避免出现孤文件，这些文件用户一般很难找到的。同时对于网站维护也构成潜在影响。 4、网页链接不要太多，过多的链接可能会影响页面的正常浏览使文件过大而影响下载速度。对于过多的链接可以使用下拉单或动态菜单等方式间接实现。 5、页面不要太长。一般网页页面长度不要超过3个屏幕，如果页面较长可以通过定义瞄点，让用户能方便、快速地找到页面内具体信息。
我要回复

查看全部(2条)

常见问题

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

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

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

（3）您一旦报名选择了课程，我们的课程主讲老师或课程团队会通过通知的形式给您发送课程有关的消息，同时会抄送您的邮箱，请您及时查收。
2.我在学习过程中遇到问题了，怎么办？

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

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

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

（3）联系我们的客服，或者随时给我们发邮件，邮箱地址：xueyinkf@chaoxing.com。
3.我是新手，能否给我一些学习建议？

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

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

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

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

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