网页制作大纲(简易版)
网页设计大纲
网页设计大纲
1. 介绍
- 简要介绍网页设计的定义和目的
- 强调网页设计的重要性和影响力
2. 网页设计的原则
- 清晰简洁：突出主要信息，避免混乱和复杂性
- 易于导航：方便用户浏览和使用网页
- 一致性：确保整个网站的设计风格和用户体验保持一致
- 可访问性：使所有用户能够轻松地访问和使用网页内容
- 响应式设计：确保网页在各种设备上都能良好显示和操作
3. 网页设计的关键组成部分
- 布局：合理安排网页内容的位置和比例，以实现最佳视觉效果和用户体验
- 色彩搭配：选择适合网页主题和目标受众的色彩方案
- 字体选择：选择易读且与网页主题相匹配的字体
- 图片和图形：使用高质量的图片和图形来增强网页的吸引力
- 多媒体内容：在必要时使用音频或视频等多媒体元素来传达
信息
4. 网页设计流程
- 需求分析：明确网页的目标、受众和内容
- 页面结构设计：确定网页的整体结构和布局
- 样式设计：选择合适的色彩搭配、字体和图形风格
- 内容创作和排版：编写网页内容并进行排版
- 测试和优化：测试网页在不同设备和浏览器上的兼容性和性能，并进行必要的优化和调整
5. 设计工具和技术
- 设计工具：列举一些常用的网页设计工具，如Adobe Photoshop、Sketch等
6. 网页设计的挑战和趋势
- 挑战：讨论网页设计中的一些常见挑战，如跨浏览器兼容性、响应式设计等
- 趋势：介绍当前流行的网页设计趋势，如平面设计、微交互
等
7. 结论
- 总结网页设计的重要性和基本原则
- 强调在设计过程中注重用户体验和可访问性的重要性
以上是网页设计大纲的主要内容，希望对你的工作有所帮助！。
网页制作课程教学大纲
网页制作课程教学大纲（执笔人：参与人：审定人：）课程名称：计算机应用基础（网页制作）课程编码:课程性质：通识必修课总学分：1总学时：18适用专业：除计算机及相关专业外的其他本科专业先修课程：计算机应用基础一、课程的目的与任务使学生掌握网页网站的基本概念，了解网站的建设和维护，初步具备设计与制作网页、发布信息的能力。
课程的主要学习任务，包括：网站与网页基础、HTML5基础、网页基本编辑、多媒体与超链接、表格与嵌入式框架、CSS基础、DIV+CSS网页布局、模板和库、行为等。
二、教学内容及基本要求第一章网站与网页概述学时：2（一）教学要求●了解Internet、Web、网站、网页的基本概念●了解网站、网页与主页之间的相互关系●掌握网站建立及管理方法●了解网站的开发设计应遵循的基本原则●了解网页设计的常用工具软件（二）教学内容1网站与网页基础知识1.1ꢀInternet与Web1.2ꢀWeb的工作原理1.3网站、网页与主页1.4静态网页与动态网页2网站建立及管理2.1注册、购买域名2.2申请网站空间2.3上传网站内容2.4网站维护管理方法3网站的开发设计3.1网站类型的确定3.2网站整体风格的定位3.3网站标识与色彩设计3.4网站导航与布局设计4网页制作的主要工具软件4.1网页设计软件——Dreamweaver4.2图像处理软件——Photoshop4.3动画设计软件——Flash（三）本章重难点重点：网站与网页基础知识、基本概念。
难点：网站建立及管理。
第二章HTML5入门学时：2（一）教学要求●认识HTML5语言的作用，了解HTML5代码的编写特点●掌握查看网页代码、修改网页代码的方法●掌握HTML5常用标记及其属性的用法●掌握运用HTML5编写网页表格、列表和实现超级链接的方法●掌握HTML5实现图片、音频、视频/动画等媒体文件在网页中的插入方法（二）教学内容1ꢀHTML5基本概念1.1ꢀHTML5简介1.2标记及其属性1.3浏览和修改网页2创建第一个HTML5文件3ꢀHTML5编码基础3.1ꢀHTML5文档的基本架构3.2ꢀHTML5基本结构标记4ꢀHTML5常用标记4.1特殊字符与文字修饰标记4.2段落格式4.3图像插入4.4表格处理4.5超级链接4.6音频及视频插入5ꢀHTML5新增的页面结构标记6ꢀHTML5要点补充（三）本章重难点重点：HTML5基本概念，HTML5常用标记。
网页设计制作教学大纲(可编辑优质文档)
网页设计制作教学大纲（可编辑优质文档）(可以直接使用，可编辑完整版资料，欢迎下载）《网页设计与制作》教学大纲适用专业（类）：计算机类、电子商务类专业总学时：80（理论教学50，独立实训：30）编制人：徐凯制订时间：2021年3月一．课程介绍随着计算机网络的迅速发展，网页设计已成为当今社会上一种非常热门的技术。
《网页设计与制作》课程是我院计算机网络和计算机应用专业的一门核心课程，它涵盖了HTML语言、DREAMWEA VER 及JavaScript脚本语言等三部分内容，全面介绍WEB站点设计的基本操作技术和使用技巧。
二．课程的性质和任务1.课程的性质（本课程在整个教学体系中的地位）本课程是计算机类专业的一门主要专业课，是本类专业的核心技能课程。
2.课程任务本课程的培养目标是使学生掌握网页设计与制作的基本知识，使学生具备利用常用网页设计工具进行多媒体网页设计的技能，培养学生进行网页设计的逻辑思维和抽象思维的能力，为今后从事网站的建设和管理工作打下良好的基础。
三．课程目标1.知识目标（1）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能（2）掌握网页制作的基本规范和站点的建立（3）熟练掌握网页中页面属性的设置方法（4）熟练掌握在网页中插入图像、flash动画、背景音乐、视频文件等多媒体元素的方法（5）掌握各种超级链接的使用方法（6）熟练掌握用表格和层布局网页的方法（7）掌握表单在网页中的使用方法（8）掌握框架、模板和库制作网页的方法（9）掌握网页特效的制作方法（10）掌握域名和空间的申请过程（11）掌握网站测试的方法（12）掌握网页的上传和网页的维护2.技能与素质目标（1）培养学生收集、处理信息，准备、加工素材的能力（2）培养学生设计网页、布局网页的能力（3）培养学生的策划能力、色彩感悟力、和想象力（4）培养学生勤奋学习，发现问题后解决问题的能力（5）培养学生自主学习能力和知识应用能力（6）具有高度责任心和良好的团队合作的能力三．教学内容及学时分配1．理论教学，共50学时2．独立实训，共30学时3.综合实训，共20学时。
网页制作 教学大纲
网页制作教学大纲网页制作教学大纲一、引言在当今数字化时代，网页设计与制作已经成为一项重要的技能。
无论是个人网站、企业宣传页面还是电子商务平台，都需要精心设计的网页来吸引用户，并提供良好的用户体验。
本文将探讨网页制作的教学大纲，以帮助学习者系统学习和掌握网页制作的技能。
二、基础知识1. 网页制作的概念和发展历程- 介绍网页制作的定义和背景- 回顾网页制作的发展历程，从简单的HTML页面到现代的响应式设计2. HTML与CSS基础- 介绍HTML和CSS的作用和基本语法- 学习如何使用HTML标签创建网页结构- 学习如何使用CSS样式表美化网页3. 响应式设计与移动优先- 解释响应式设计的概念和重要性- 学习如何使用媒体查询和流式布局创建适应不同设备的网页- 强调移动优先设计的原则和实践三、进阶技巧1. 图像和多媒体的应用- 学习如何插入图像和视频到网页中- 探讨图像和多媒体的优化和压缩方法，以提高网页加载速度2. 交互式元素与动画效果- 学习如何使用JavaScript和CSS动画创建交互式元素和动画效果 - 强调用户体验的重要性，提供用户友好的交互功能3. 网页导航与布局设计- 探讨网页导航的设计原则和最佳实践- 学习如何创建吸引人的网页布局，包括网格系统和平衡布局四、实践项目1. 个人网站设计与制作- 学习如何规划和设计个人网站的结构和内容- 实践使用HTML、CSS和JavaScript创建个人网站2. 企业宣传页面设计与制作- 学习如何根据企业品牌和目标受众设计企业宣传页面- 实践使用响应式设计和交互式元素创建企业宣传页面3. 电子商务平台设计与制作- 学习如何设计和制作电子商务平台的网页- 探讨电子商务平台的用户体验和安全性要求五、实践与评估1. 实践项目的完成与展示- 学习如何将网页上传到服务器并进行测试- 学习如何使用浏览器开发者工具进行调试和优化2. 项目评估与反馈- 学习如何评估网页设计的质量和用户体验- 探讨如何接受反馈并进行改进六、总结通过本教学大纲的学习，学生将掌握网页制作的基础知识和技能，并能够设计和制作个人网站、企业宣传页面和电子商务平台。
网页制作教程(简略单纯常识汇编)
网页浏览器
总结词
用于查看和测试网页的软件。
详细描述
常见的网页浏览器有Chrome、Firefox、Safari等，它们可以打开网页、查看网页效果、调试代码等 功能，是开发者必备的工具之一。
PART 05
网页制作实例
作简单的网页
总结词
详细描述
总结词
了解HTML、CSS和JavaScript的基本 语法，掌握网页布局和样式设计。
PART 01
网页制作简介
什么是网页制作
网页制作是指使用HTML、CSS、 JavaScript等技术，将文本、图像、 视频等元素组合在一起，制作出能够 在互联网上浏览的网页的过程。
网页制作是互联网开发的重要组成部 分，它涉及到网站的前端设计和用户 体验，以及网站的交互性和功能性。
网页制作的重要性
WENKU DESIGN
WENKU DESIGN
2023-2026
END
THANKS
感谢观看
KEEP VIEW
WENKU DESIGN
WENKU DESIGN
WENKU
REPORTING
https://
总结词
学习并掌握常见的Web开发框架（如Django、Spring等）。
详细描述
Web开发框架可以帮助开发者更高效地构建动态网页应用程序。常见的Web开发框架 有Django（Python）、Spring（Java）等。这些框架提供了丰富的功能和工具，如路
由、模板引擎、ORM等，可以大大简化动态网页的开发过程。
制作简单的网页
制作简单的网页
总结词
学习并掌握常见的网页布局和样式设计 技巧。
VS
详细描述
常见的网页布局和样式设计技巧包括响应 式设计、栅格系统、CSS框架等。响应式 设计可以使网页在不同设备上都能良好地 显示，栅格系统可以帮助设计网页布局， 而CSS框架则提供了丰富的样式和组件， 可以快速搭建出美观的网页。
《网页制作》课程教学大纲
《网页制作》课程大纲课程代码：00405235课程学分：3课程总学时：48适用专业：电子商务一、课程概述(一)课程的性质本课程全面介绍了网页制作的基本知识，对HTM1、CSS样式、文本样式与背景、常用Web元素、盒模型、界面设计、表单进行了系统讲解，并对JaVaSCript、网页多媒体实现、jQuery等进行了介绍。
学生学完本课程后，应全面掌握网页制作的基础知识，能够为企业网站建设和网页制作进行初步的方案策划与设计。
(二)课程设计理念与开发思路1.课程设计理念(1)注重实践导向。
本课程以电子商务专业学生的网页制作实践能力培养为导向，以电子商务行业企业典型工作任务为核心组织课程内容，以电子商务技术领域和岗位的任职要求为导向构建课程的知识体系，强化实践教学。
(2)注重情景创建。
通过知识体系设计和案例情景创建，使学生在课程学习中内化知识内容，并掌握网页制作基本操作技能，切身体会网页制作流程，全面提升学生的专业素养。
2.课程开发思路(1)知识体系模块化。
一方面，结合教材章节，将网页制作的知识点进行梳理，构建课程的完整知识体系。
同时，分模块进行课程讲授，便于同学们能由浅入深、由易到难地掌握课程相关知识。
(2)课堂讲授多样化。
一是多样化的素材展示，除了传统PPT展示外，还可提供相关的案例资料等。
二是多样化的课堂方式，如：教师讲授、同学发言、小组讨论等。
(3)课程考核多维化。
强化对过程学习的考核力度，提高过程学习的比重。
重视学生专业技能的考核，完善与强化学生的创新创业意识和能力。
(4)本课程课时安排为48节课讲授加课堂练习，共48个学时3个学分。
本课程为考查课，采用课程设计方式，平时成绩占40%,期末考试成绩占60%。
二、课程目标本课程主要使学生掌握HTM1、CSS样式、文本样式与背景、常用Web元素、盒模型、界面设计、表单等网页制作知识，能为企业构建网站提供技术支持。
通过该课程的学习，要求学生达到以下目标：（一）知识目标1.掌握网页制作的概念和框架结构；2.了解网页制作的常用要素，包括HTM1、CSS样式、文本样式与背景、常用TVeb元素、盒模型、界面设计、表单、网页多媒体实现；3.掌握网页制作的脚本编写方法，包括JaVaSCript、jQucry等；4.掌握网页制作的常用开发工具，如DreamWeaVerCS（二）能力目标1.能熟练使用HTM1的各种常用标记；2.能使用CSS样式表对网页进行样式的统一设计；3.能使用文本样式与背景以及常用Web元素对网页进行美化和修饰；4.能使用盒模型对网页界面进行有效设计，做到布局合理、结构清晰；5.能利用表单进行网页信息的填写和处理；6.能在网页使用多媒体，实现各种多媒体功能；7.掌握JaVaSCript、jQuer等代码技术，提高网页的互动性，增强网页的用户体验。
《网页设计与制作》课程实训大纲(精)
《网页设计与制作》课程实训大纲一、课程实训目的1、学习掌握INTERNET基础知识，掌握网页设计语言（HTML）基础。
2、熟练运用设计CSS控制网页风格，学习网页版面设计。
3、初步掌握动态网页设计基础，熟练掌握至少一种专业的可视化网页（站）设计软件（如DREAMWEA VER）。
4、了解后台网络数据库基础知识，具有设计制作网页和构架网站的基本技能。
二、实训内容、要求及时间安排1、小型网站设计（内容不限，可自选），也可做学院网站或系网站（资料在网站下载）2、要求：根据教师指定的网站开发内容，根据网站设计规范利用常用网页技术进行设计。
设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。
3、时间安排（1）资料收集、制定计划0.5天（2）开发设计、制作3天（3）检查、测试0.5天（4）有关文档资料撰写1天三、设计组织形式以小组为单位进行网站开发。
网站开发是以个人独立完成网站小组栏目中网页设计的多人协作项目。
每小组人数最多4名，先以自由组合方式成组，并自行选出负责的小组长。
每小组设组长一名，负责小组统筹规划，并进行组员的日常工作管理。
未能组合成组的同学由指导教师统一安排。
组员应服从组长的安排，并积极完成规定的开发任务。
组长有义务对组员进行工作的安排和调度，并单独进行考评，作为教师对组员最后评分的参考依据之一。
对不服从分配工作和管理的组员，组长可以向指导教师反映，由教师另行单独安排相应内容，独立完成其他指定的网页内容设计，并单独考核其成绩。
小组网站能否按期完成，组员间能否协同工作将作为组长的综合成绩考评依据之一。
四、设计纪律与注意事项在开发网站期间，一般上午由教师巡回辅导答疑，下午或晚上由学生自行独立设计。
组长应每天记录相应的开发情况，以供教师参考。
小组还应该不定期的进行讨论并纪录相应问题，并及时提出和解决。
在设计期间，除了必要的资料收集、讨论等活动，白天的其余时间必须在学校机房进行设计。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：72 学时课程类别：专业必修课适用专业：软件技术一、课程的性质及任务课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。
前导课程：计算机应用基础后续课程：Javascript、 Java Web组件编程等二、教学基本要求本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。
三、教学条件多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室四、教学内容及学时安排（一）优秀网页赏析教学时数：4教学目标：1.理解网站相关的概念。
2.了解网页的基本组成元素3.理解网站的主题定位，风格和网站布局。
4.制作第一个简单的静态网页教学重点难点：1. 理解网站的定位和风格2、学习模仿网页的色彩搭配2. 分析网站的布局3. 能模仿制作一个简单网页。
教学方法：案例演示、理论讲解教学案例：海尔集团网站（企业类）、携程旅游网（旅游类）、中国大众体育网（体育类）、新东方教育（教育类）、往届优秀毕业设计答辩系统、一个简单的静态网页理论教学内容：1. 不同行业网站赏析2. 网页及网站的概念和术语。
3. 网页组成元素。
4. 网站的策划及设计原则。
5. 网站的开发流程6. 应用HTML、CSS制作第一个简单静态网页实践教学内容：1.第一个静态网页实验目的：锻炼学生学会使用记事本编辑静态网页，使学生熟悉HTML标记语言和认识HTML语言的结构；提升学生学习兴趣和自信。
实验要求：要求学生会使用HTML搭建网页架构；在合适位置插入CSS代码并体会使用HTML制作网页的方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作期末复习资料选择10*2=20 判断10*2=20 简答3-4题+辨析1题=60第一章网页制作初识掌握：网站建设的基本步骤①整体规划②网页设计与制作③测试网页④网页上传发布⑤网站的更答：P9新与维护了解：网页制作工具、网页美化工具答：P网页制作的工具：①FrontPage ;② Dreamweaver7网页美化的工具：①制作静态图片：Photoshop;Fireworks;Paint P8wShop Pro(简称PSP)②制作动态图片：Fireworks；Paint Shop Pro③将音乐、声效、动画以及富有新意的界面融合在一起，以达到高品质的网页动态效果：Flash第二章创建站点第三章网页文本的处理了解：HTML的含义，HTML文档的基本结构，利用记事本编辑HTML文档的方法，网页背景色、背景图片的设置方法，加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签答：PHTML的含义：HTML是网络的通用语言，它允许设计者建立文本与图41像相结合的复杂页面，这些页面可以被网上任何人浏览，无论使用的是什么类型的电脑或浏览器。
PHTML文档的基本结构：<HTML>41<HEAD><TITLE>文本标题</TITLE></HEAD><BODY>文本内容</BODY></HTML>HTML文档必须以<HTML>标记符开始，并以</HTML>标记符结束，其他的标记符都必须在该标记符里面。
在这两个标记符间，HTML文件被分为首部（HEAD）和体部（BODY）两大部分，首部用来确定文本的标题（TITLE）和其他有关文本的信息，体部的文本被结构化为段落、列表等，并可创建于其他地址的联系等。
利用记事本编辑HTML文档的方法：网页背景色、背景图片的设置方法:在<BODY>标记符中使用bgcolor属性可以为网页设置背景颜色，有16种标准颜色可供选择;网页设计者也可选择特定图案作为页面的背景，使用BODY标记符的background属性即可。
HTML语句为:<BODY background="网页背景图案的地址">加粗、斜体、加下划线、文档中的标题标记符等常用文本处理标签:(1)加粗<B>或<strong> (2)斜体<I>或<em> (3)下划线<U> (4)删除线<STRIKE> (5)下标<SUB> (6)上标<SUP> ；在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是1到6的数字。
<H1>表示最大的标题，<H6>表示最小的标1题。
使用标题样式时，必须使用结束标记符。
标题文字标记符的格式：<Hn align="对齐方式"> 标题文字 </Hn>属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。
第四章网页表格的处理掌握：网页表格的基本HTML语法（包括单元格合并、对齐的语法）答：合并单元格：①在<TD>和<TH>标记内使用rowspan属性可以进行行合并，rowspan的取值表示垂直方向上合并的行数。
②在<TD>和<TH>标记内使用colspan属性可以进行列合并，colspan的取值表示水平方向上的合并的列数。
表格的对齐：①表格的页面对齐→表格在页面中的对齐与其他页面内容一样，可以直接在TABLE标记符中使用align属性。
另外，也可以用DIV标记符的align属性设置表格的对齐，方法是：将TABLE标记符包含在<DIV align=“”>和</DIV>之间。
②表格的内容对齐→表格单元格内容的对齐包括各数据项在水平方向和垂直方向上的对齐。
第五章网页框架的处理第六章网页图像的处理了解：图像标签的基本语法、网页中图像的常用格式答：图像标签的基本语法：①网页中的颜色→在网页中是以RGB方式来表示颜色的，RGB颜色包括几百万种之多，这么多的颜色却有一个共同点，都是由红、绿、蓝这三种基色调混和而成的，RGB其实就是Red、Green、Blue的缩写。
这三种基色中每一种颜色的饱和度和透明度都是可以变化的，用0（表示最弱）~255（表示最强）的数值来表示。
例如纯红色表示为：Red 100%、Green 0%、Blue 0%，简单的表示法为（255，0，0），用十六进制数来表示的话就变成了“FF0000”。
②插入图像→在HTML中，使用IMG标记符可以在网页中加入图像。
它具有两个基本属性：src和alt，分别用于设置图像文件的位置和替换文本。
src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像可以是GIF文件、JPEG 文件或PNG文件。
alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。
③指定图像的宽和高→在HTML中，使用IMG标记符的width和height属性可以指定图像的宽度和宽度，以告诉浏览器Web页应分配给图像多少空间（以像素为单位）。
当浏览器解释Web页时，在实际下载图像之前会给图像预留出空间，以避免在每个图像下载时重新绘制网页，从而加快网页的下载速度。
width和height属性的取值既可以是像素数，也可以是百分数。
④图像的边框→使用IMG标记符的border属性，可以给图像添加边框效果，边框的取值是像素数。
⑤设置图像周围的空白→可以在IMG标记符内使用属性hspace和vspace设置图像周围空白，其中hspace示水平方向的空白，vspace表示垂直方向的空白，它们的取值都是像素数。
通过指定图像周围的空白，可以使页面的版式更加合理。
⑥图像的对齐→设置图像在页面中的对齐与设置文本对齐类似，可以使用DIV或P标记符将IMG标记符括起来，然后使用align属性。
使用IMG标记符的align属性，可以控制图像与周围内容的垂直对齐。
此时，align属性的值可以是： top 、 middle、bottom 分别表示图像与周围内容的顶部、中央、底部对齐。
如果要在图像的左、右环绕文字，也应该使用IMG标记符的align属性，此时，align属性的值可以是： left 表示图像居左，文本在图像右侧； right 表示图像居右，文本在图像左侧。
网页中图像的常用格式：①GIF格式→GIF格式（Graphics InterchangeFormat 图像交换格式）采用无损压缩（所谓无损压缩是指在压缩过程中图像的质量不会丢失）算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。
GIF格式可以高度压缩图像; GIF格式支持图像游离在背景之上的视觉效果; GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。
②JPEG格式→JPEG格式（Joint Photo Expert Graphics，联合图形专家组图片格式）是另一种在Web上应用广泛的图像格式。
由于它支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。
与GIF格式采用无损压缩不同，JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。
③PNG格式→PNG格式（Portable Networks Graphics，可移植的网络图形格式）是近年来新出现的一种图像格式，它适于任何类型、任何颜色深度的图片。
该格式用无损压缩来减小图片文件的大小，同时保留图片中的透明区域。
此外，该格式是仅有的几种支持透明度概念的图片格式之一（透明GIF的透明度只能是50%，但PNG格式可以是0% ~50%）。
④矢量格式→GIF、JPEG、PNG这几种格式都是标准的位图格式，但现在Web上还可以使用新的矢量格式。
所谓位图格式就是指用图片上每一点的信息来描述图像，而矢量格式则是用线条和填充色等数学信息来描述图像。
相比而言，矢量格式的文件要比位图格式的文件小得多，但表现力丝毫不逊色。
除了表现一般的静态画面以外，动画是矢量格式具有巨大优势的另一个领域。
第七章在网页中使用超链接掌握：超级链接标签的HTML语法答：①页面链接→用HTML创建超链接需要使用A标记符（结束标记符</A>不能省略，它的最基本属性是href，用于指定超链接的目标。
通过为href指定不同的值，可以创建出不同类型的超链接。
另外，在<A>和</A>之间可以用任何可单击的对象作为超链接的源，例如文字或图像。
②锚点链接→如果要设置锚点超链接，首先应为页面中需要跳转到的位置命名。
命名时应使用A标记符的name属性，在标记符<A>与</A>之间可以包含内容，也可以不包含内容。
<A name="top">目录</A>③电子邮件链接→如果将href属性的取值指定为“mailto:电子邮件地址”，那么就可以获得电子邮件链接的效果。
例如，使用以下HTML代码可以设置电子邮件超链接：<A href="mailto：">作者邮箱</A>了解：锚点的概念答：锚点，也称为书签或锚记，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。
在网页中加入锚点包括两方面的工作，一是在网页中创建锚点，另一个就是为锚记建立链接。
第八章网页表单的处理掌握：表单标签的基本语法（form、单行文本框、密码框、多行文本框、单选按钮、下拉菜单、复选框、提交按钮、重置按钮）（示例CH8）答：表单标签的基本语法：<body><p>表单练习：</p><form id="form1" name="form1" method="post" action=""><label>姓名：<input type="text" name="textfield" />3<p><label>密码：<input type="password" name="textfield2" /></label></p><p><label>简介：<textarea name="textarea"></textarea></label></p><p><label>性别：<input type="radio" name="radiobutton" value="radiobutton" /> 男</label><label><input type="radio" name="radiobutton" value="radiobutton" /> 女</label></p><p><label>学历：<select name="select"><option>小学</option><option>初中</option><option>高中</option><option>专科</option><option selected="selected">本科</option><option>研究生</option></select></label><label></label></p><p><label>兴趣爱好：<input type="checkbox" name="checkbox" value="checkbox" /> 看书</label><label><input type="checkbox" name="checkbox2" value="checkbox" /> 看电影</label><label><input type="checkbox" name="checkbox3" value="checkbox" /> 旅游</label><input type="checkbox" name="checkbox4" value="checkbox" /> 唱歌</label><label><input type="checkbox" name="checkbox5" value="checkbox" /> 跳舞</label></p><p><label><input type="submit" name="Submit2" value="提交" /><input type="reset" name="Submit" value="重置" /></label></p></form><p> </p>了解：设置表单标签method属性与action属性的作用答：< FORM action= "URL" method= "GET"/"POST" </FORM> 其中Action 用于设定处理表单数据程序URL的地址。