03-11 18:48 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 15:57 邓超凡

  表格布局现已被网页设计弃用，主要因其语义混乱，表格本用于展示数据而非布局页面。其代码嵌套繁杂、结构与样式混杂，难以维护，且无法适配手机等设备实现响应式效果。同时表格渲染速度慢、性能差，而div+CSS布局更简洁灵活、利于优化与迭代。

查看全部(21条)

03-11 16:08 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 15:42 刘昕

  结构用HTML、表现用CSS分离，能让代码更简洁易维护、便于改版、适配多设备且提升网页加载与搜索引擎优化效果。

查看全部(27条)

03-09 23:13 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 15:31 徐雪梅

  网页常用图片格式有JPG、PNG、GIF、WebP、SVG；JPG有损压缩、体积小色彩丰富，适合实景照片；PNG无损、支持透明，适合图标和需要透明的图像；GIF色彩少、支持简易动画，多用于表情包小动图；WebP压缩率更高、兼具有损无损且支持透明动画，综合最优适合大部分网页图；SVG为矢量图缩放不失真，适合logo、图标线条类图形。

查看全部(21条)

03-09 13:43 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

网页中的SVG矢量图形

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

• 05-15 11:16 徐雪梅

  SVG 是现代网页非常重要的图像格式，在网页中使用主要有img 引入、内联代码、CSS 背景、object 嵌入四种方式。它不仅解决了图片放大模糊的问题，还能实现图标定制、动画效果，是网页图标、界面图形的最佳选择之一。SVG 是可缩放矢量图形，它基于 XML 文本格式，放大不会模糊、文件体积小、支持修改与交互，非常适合网页图标、Logo、图形展示。
  1. 直接作为图片使用
  使用 ＜img＞ 标签引入外部 .svg 文件，和普通图片用法一样。
  html
  ＜img src="logo.svg" alt="矢量图标"＞
  优点：简单、快速；缺点：无法用 CSS 修改 SVG 内部颜色。
  2. 直接把 SVG 代码写入 HTML（内联方式）
  直接将 SVG 源码粘贴到页面中，浏览器直接渲染。
  html
  ＜svg width="100" height="100"＞
  ＜circle cx="50" cy="50" r="40" fill="red" /＞
  ＜/svg＞
  优点：可 CSS 修改颜色、大小、动画；支持交互；缺点：代码会增多。
  3. 作为 CSS 背景图使用
  在样式里把 SVG 当成背景图：
  css
  .icon{
  background-image: url（icon.svg）;
  }
  4. 使用 ＜object＞ 或 ＜iframe＞ 嵌入
  适合独立、复杂的 SVG 文件：
  html
  ＜object data="graph.svg" type="image/svg+xml"＞＜/object＞

查看全部(18条)

03-09 13:42 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

讨论：何为“WWW”？

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

• 05-15 11:10 徐雪梅

  全称是World Wide Web，中文译名万维网。定义是基于互联网，以HTTP/HTTPS为传输协议，通过超链接整合海量HTML网页资源，可供全球访问的分布式信息服务系统。本质是互联网的核心应用服务之一，并非互联网本身。网址中www是通用约定的网页子域名，用于标识网站Web服务入口，非必需项。

查看全部(30条)

03-09 13:44 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 10:18 张彩红

  HTML5语义化标签让网页结构更有含义，不再只用无意义div划分布局。能清晰区分头部、导航、主体、页脚等区域，方便浏览器和搜索引擎识别解析，利于SEO优化，代码可读性更高，便于开发维护，也更适配无障碍浏览。

查看全部(19条)

03-09 23:28 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

话题：谈谈你对响应式网页布局技术的理解

请查阅相关资料，谈谈你对响应式网页布局技术的理解。请勿简单复制粘贴网络资源。

• 05-15 10:17 张彩红

  响应式布局是网页随设备屏幕尺寸自动适配排版的技术。依托媒体查询、弹性布局等手段，自动调整元素大小、位置与排版。能同时适配电脑、手机、平板多终端，统一浏览体验，省去多套页面开发，是当下网页设计的主流布局方式。

查看全部(10条)

03-10 19:20 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 10:16 张彩红

  焦点轮播图核心：利用JS控制图片索引切换、定时器自动轮播，搭配左右按钮手动切换，结合CSS隐藏溢出实现画面切换。
  跑马灯依靠定时器不断改变文字偏移位置，通过动态修改样式实现文字滚动，二者都用到定时器、DOM操作与样式动态修改技术。

查看全部(15条)

03-10 19:20 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

话题2：谈谈网页设计中的JavaScript的功能与意义

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

• 05-15 10:16 张彩红

  JavaScript是网页的动态交互核心，能实现表单验证、轮播图、弹窗特效、页面动态更新等交互效果。它让静态网页变得生动可操作，增强用户浏览体验，还能处理浏览器事件、实现前后端数据交互，是打造交互式现代化网页不可或缺的脚本语言。

查看全部(13条)

03-11 18:47 梁莉菁 萍乡学院 在网页设计(Web前端开发) 16期课程中提问：

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

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

• 05-15 10:15 张彩红

  HTML5新增input输入类型实用性极强，比如date日期、email邮箱、number数字类型。无需手写JS校验，浏览器自带格式验证与专属输入控件，简化开发、提升用户输入体验，还能适配移动端，让表单录入更规范、高效，是表单开发的重要升级。

查看全部(22条)

查看更多