-
-
网页设计 六期
主讲教师： 梁莉菁 副教授 / 萍乡学院
教学进度：- 预报名
- 进行中
- 已结束
课程适合对网页设计与制作感兴趣的零基础的同学们，使用 DW和 HBuilder 工具，从Web发展史讲起，对Html标签、CSS样式设置作了详细讲解，并涉及简单的JS脚本以及Html5+CSS3新功能的介绍，由易到难、由简到繁，循序渐进地介绍网页前端设计与制作的基础知识与基本技能。
-
9030817
累计页面浏览量
-
5106
累计选课人数
-
11961
累计互动次数
-
-
2021-02-18 21:16 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
讨论：何为“WWW”？
请大家发表一下对网页地址中常见的 “WWW”的理解。
-
2021-06-30 13:29 段敏敏
WWW网络既是WAP网络的组成部分，又是WAP网络模型的基础。Internet网络的体系结构展示了一种非常灵活且功能强大的编程模型，它用标准的数据格式来标识应用程序和内容，并通过Web浏览器进行浏览。Web浏览器是一个网络应用程序，它向网络服务器发出数据传输请求，网络服务器则采用标准格式编码的数据作为响应。
-
-
-
2021-03-02 11:24 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
谈谈网页中支持的各种图片格式的特点
请谈谈网页中支持哪些格式的图片？各种格式图片的特点是什么，一般网页中在什么情况下最好采用哪种格式的图片？
-
2021-06-29 10:53 赖晓林
jpg，最广泛的图片格式，中规中矩，兼容各种环境。并且通过设置可以直接在网页上可以实现多次加载，从模糊到清晰。
gif ，适合颜色少的图，颜色少的时候文件比jpg更小，另外一个重要作用就是有动画效果的图。缺点是颜色多的时候质量会很差，因为最多只能有256色。
png，可以保留“透明度”这个属性的图片（其他图片格式每个有效像素都是实色），所以png的图片普遍用于视觉要求比较高的地方。
-
-
-
2021-03-03 21:53 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
网页中的SVG矢量图形
SVG 是基于网络的可缩放矢量图形，大家在网上查阅相关资料，探讨一下在网页中如何使用SVG矢量图？
-
2021-06-29 10:53 赖晓林
首先我们先来看一下SVG的XML定义内容，SVG通过XML进行矢量图的绘制.我们在浏览器中直接打开SVG文件，你就会看到它描绘的图形已经显示出来了,接下来我们还可以在HTML中用img标签的形式打开SVG图像,或者我们可以新建一个HTML页面，直接把SVG的XML描述放进HTML里面，在HTML中直接使用SVG描述语言有个好处就是在浏览器中可以清楚的定位每一句语言对应图片的那一部分，最后我们还可以在CSS中通过background的方式将SVG图片引入网页，综上所述，在浏览器中使用SVG图像主要可以通过IMG，CSS，HTML三种方式进行应用.
-
-
-
2021-03-18 17:39 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
话题2：谈谈你对响应式网页布局技术的理解
请查阅相关资料，谈谈你对响应式网页布局技术的理解。请勿简单复制粘贴网络资源。
-
2021-06-29 10:53 赖晓林
响应式网站(简称RWD)，这个网站可以适应不同设备的访问(手机、平板电脑、桌面计算机)，方便用户的浏览，减少用户放大缩小的操作，给用户更好的体验，简单而言就是一个界面，能在不同的设备上访问并看到不同的效果，针对的是展示形式。
-
-
-
2021-03-19 00:19 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
你怎么理解Web标准中的结构与表现分离的意义
网页设计中通常提到要结构与表现相分离，你怎么理解网页设计中结构与表现分离的意义
-
2021-06-29 10:52 赖晓林
结构 是由文档中的主体部分，再加上语义化、结构化的标记。表现 是你赋予内容的一种样式
-
-
-
2021-03-19 01:12 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
请谈谈你对Html5语义化新特点的理解？
Html5新增了许多语义化标签，为什么要新增这些语义化标签，有什么重要作用与意义？请查阅Html5语义化新特点的相关资料，谈谈你对Html5语义化的理解。注意不要简单地复制粘贴网络资源，简要地概括说明你个人的观点即可。
-
2021-06-29 10:52 赖晓林
不靠css渲染，页面结构仍然清晰；
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
有利于SEO；
便于开发维护；
-
-
-
2021-03-19 09:47 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
谈谈你对网页布局技术的理解？
网页布局技术经历了表格布局，DIV+CSS布局，响应式布局等多次更新进化，请查询相关网络资源，谈谈你对网页布局技术的理解？可以仅从网页布局技术的某一方面入手，简要概括自己的观点。
-
2021-06-29 10:52 赖晓林
页面布局是对页面的文字、图像或表格进行格式化版式排列。
网页布局是网页制作的基础，通常使用的方式有三中：流式布局，即元素按照标准文档流进行排列；浮动布局和绝对定位布局。而在各大网站中，常见的布局结构分为：一列布局，两列布局，三列布局和混合布局，其中使用最多的是混合布局，即按照网站的实际需求使用多列进行布局。
-
-
-
2021-03-19 11:21 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
简要地概括并阐述个人对超链接制作技术的理解。
超链接是网页技术的灵魂，请查阅并找寻网络中制作得特别精巧又富有特色的导航栏案例，将案例网址贴出来与大家分享，并请用自己的语言概括一下本章所讲述的各种超链接与导航栏的制作技术要点，简要地概括并阐述个人对超链接制作技术的理解。
-
2021-06-29 10:52 赖晓林
超链接，他简单来讲就是把一段文字或者一张图片做成可以点击的形式，那么超链接或者说叫超级链接在本质上，他是属于一个网页的一部分，它是一种允许我们能够同其他网页或者说站点之间进行连接的元素，那超链接他是从一个网页指向一个目标的链接关系。这个目标呢，它可以是另外一个网页，也可以是相同网页上的不同的位置，甚至还可以是一个图片或者一个电子邮件的地址，一个文件甚至是一个应用的程序，就是a p p。
-
-
-
2021-03-19 11:57 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
请谈谈网页设计时为什么会弃用表格布局的方式？
曾几何时，表格布局是网页布局的主要方式，请查询相关资源，谈谈网页设计时为什么会弃用表格布局的方式？另外，如果发现网络资源中有设计得特别精美的表格案例页面，请贴出网址与大家分享，并分析一下其技术特点与制作方法。
-
2021-06-29 10:51 赖晓林
使用表格进行页面布局会带来很多问题问题：
1 把格式数据混入你的内容中。
o Table使得文件的大小无谓地变大，而用户访问每个 页面时都必须下载一次这样的格式信息。
o 客户的时间和带宽也是有限的。
2 Table使得重新设计现有的站点和内容极为消耗劳力，且昂贵
3 Table使我们保持整个站点的视觉的一致性极难，花费也极高。
4 Table的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力
-
-
-
2021-03-19 19:22 梁莉菁 萍乡学院 在网页设计 六期课程中提问：
话题1：请总结一下本章焦点轮播图效果与跑马灯效果两大案例的技术要点。
请用自己的语言总结一下本章中焦点轮播图效果与跑马灯效果两大案例制作时最重要的知识点与技术要点。
-
2021-06-29 10:51 赖晓林
焦点轮播图相对前面讲的逐帧轮播图实现多了两个功能，
1、图片轮播可以手动滚动（新增左右箭头），这里重点是实现向左滚动的无缝连接。
2、多了下方小圆点，指示图片播放位置，并可以点击小圆点跳转。
跑马灯效果实现效果：
自动滚动
1循环滚动
2不可手动干预（如果想干预也可以）
3任何View都可以
-
常见问题
-
1.我该如何学习这门课程？
（1）首先您要注册一个学银在线的账号。
（2）您需要有一定的上网条件，能够流畅的观看教学视频。在观看的过程中，您可以选择在PC端登陆我们的网页， 也可以选择下载我们的app学习通，通过手机客户端来学习。
（3）您一旦报名选择了课程，我们的课程主讲老师或课程团队会通过通知的形式给您发送课程有关的消息，同时会抄送您的邮箱，请您及时查收。
-
2.我在学习过程中遇到问题了，怎么办？
您可以通过以下几种方式获取帮助：
（1）在课程群聊中发布求助信息，说不定和你一起学习这门课的小伙伴就能够解决你的问题呢；
（2）在课程讨论区留言，课程团队看到后将会及时回复。
（3）联系我们的客服，或者随时给我们发邮件，邮箱地址：xueyinkf@chaoxing.com。
-
3.我是新手，能否给我一些学习建议？
（1）我们的课程采用MOOC的方式授课，因此您可以自由安排您的学习时间、学习地点。但我们仍旧希望您每周能都有固定的时间持续进行本课程的学习，根据人的记忆曲线显示这种规律的学习方式能够最大限度的提升您的学习质量。
（2）学习的过程比较容易，为了检验您的学习成果，我们的课程团队会在课程章节结束后布置测验或作业，希望您尽可能的按时独立完成。如果有没有掌握的知识点，您可以继续回看复习课程。
（3）希望您能够积极参与课程的讨论，与各位学习者一起煮酒论英雄。在讨论的过程中，不光可以对课程所学内容温习内化，还能互相碰撞出思想的火花，相信您一定会有额外的收获。
-
4.课程会不会很难、很枯燥？
（1）我们的课程都是老师经过精心设计拍摄制作而成，并且由于是MOOC的方式，所以课程拆分成了不同的知识点，学习起来一点也不费劲。
（2）我们的课程多采取理论结合实际的授课方式，课程中也有许多案例的呈现，相信会给学习者带来诸多方面的启发。我们也将力求做到深入浅出，支持学习者将研究发现转化为实践，改进自身教学。