网页设计重点
自考网页设计与制作重点
自考网页设计与制作重点通过本章学习，应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。
第一节关于互联网一、什么是协议网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。
硬件协议：定义了硬件设备如何运作以及如何协同工作。
软件协议：程序之间的通信是通过软件协议完成的。
二、互联网协议1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。
这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。
（1）IP网际协议IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。
OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。
OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。
（2）TCP传输控制协议TCP工作在OSI模型中的传输层上，用于建立和校验数据连接。
整个数据传送过程是由计算机、网关、路由器和协议共同保证的。
2、PPP协议PPP指点对点协议，是在串行线路上传输IP数据报的TCP/IP协议。
一般被用来建立与互联网的拨号连接，该协议同时提供了物理层和数据链路层的功能，PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。
3、其他协议HTTP：超文本传输协议，用于WWW服务。
FTP：文件传输协议，用于实现计算机之间的文件传输。
SMTP：简单邮件传输协议，用于电子邮件发送。
POP3：邮件协议3，一般用于电子邮件接收。
TELNET：远程登录协议，一般用于远程终端登录主机。
网页设计与制作知识点
网页设计与制作知识点第一部分HTML1. 在常用表格模式下进行网页布局（经济学专业编号）2. 在布局表格下进行布局1．制作双线边框的表格（南岳学院电商编号）2．制作单线边框的表格1．制作占位表格（电商编号）2．各种文字超链接的制作（一般链接，锚链接，email链接及打开方式）3．制作图像链接和热区链接4．在表格中插入图片和透明flash5．制作用户登录表单无序列表的使用（无序列表的嵌套）（此条不做）6．层与行为（显示隐藏层，交换图像）第二部分CSS7．修改文字大小和行距8．制作动态超链接(a:hover)9．用CSS创建交互（a元素的交互和非a元素的交互）10．制作首字下沉和图文混排和分栏（float定位）11．相对定位和绝对定位的实验12．（此学号为空）13．美化表单样式(盒子的边框背景属性)14．用CSS盒子模型制作导航条15．用无序列表制作tab样式导航条16．利用盒子的定位属性制作缺角菜单17．用滑动门技术制作圆角菜单18．用4图象法制作可变宽圆角栏目框19．CSS＋DIV固定宽度的三栏布局20．可变宽度布局的制作第三部分Fireworks21．规则和不规则图形的绘制（组合路径）22．图片融合技术（填充、渐变和蒙版）23．文字效果（阴影、倒影、描边）24．用fireworks做按钮和下拉菜单25．切片和图像的导出第四部分JavaScript26．制作层的Zindex改变的导航条27．用CSS和JavaScript制作下拉菜单28．制作Tab面板第五部分ASP29．创建虚拟目录和动态站点30．将静态网页转换为动态网页（切割头尾网页，导出CSS文件）31．数据库的连接32．创建记录集33．绑定动态数据到页面34．创建重复区域服务器行为35．转到详细页面服务器行为36．记录新闻点击次数37．创建记录集分页38．新闻搜索页面的设计39．插入动态图片40．用IIF函数将过长新闻标题用省略号取代后部41．创建用户登录验证界面（包括验证表单数据不为空）42．限制非注册用户对页的访问43．创建添加新闻页面44．创建编辑新闻页面练习第一章HTML1．分析一个URL的结构//web/1/200807/10172331484.html信息被放在一台被称为www的服务器上，是一个已被注册的域名，域名对应一台DNS服务器，cn表示中国，主机名，域名合称为主机头。
网页设计与制作教案重点和难点
网页设计与制作教案重点和难点教案标题：网页设计与制作教案重点和难点教案目标：1. 了解网页设计与制作的基本概念和原理。
2. 掌握网页设计与制作的基本技能和工具。
3. 能够设计和制作简单的网页。
教案重点：1. 网页设计与制作的基本概念和原理：- 了解网页的结构和组成部分，包括HTML、CSS和JavaScript。
- 理解网页设计的原则，如布局、色彩搭配、字体选择等。
- 熟悉网页制作的工作流程，包括需求分析、界面设计、编码和测试等。
2. 网页设计与制作的基本技能和工具：- 掌握HTML的基本语法和标签，能够创建网页结构。
- 熟悉CSS的基本属性和选择器，能够实现网页的样式设计。
- 了解JavaScript的基本语法和常用功能，能够实现网页的交互效果。
- 掌握网页设计与制作的常用工具，如文本编辑器、图形编辑器和浏览器调试工具等。
教案难点：1. 网页设计与制作的复杂性：- 网页设计与制作涉及多个技术领域，需要学生综合运用HTML、CSS和JavaScript等知识。
- 网页制作过程中可能遇到兼容性、布局调整和浏览器兼容性等问题，需要学生具备解决问题的能力。
2. 网页设计与制作的创意与实践结合：- 网页设计与制作需要学生具备一定的创意和审美能力，能够设计出符合用户需求和美观的网页界面。
- 学生需要通过实践来巩固所学知识，将理论应用到实际项目中，提升实际操作能力。
教学策略：1. 理论与实践相结合：- 在讲解基本概念和原理的同时，引导学生进行实际的网页设计与制作实践，加深理解和掌握。
- 提供一些实际案例和练习题，让学生通过实际操作来解决问题和巩固知识。
2. 分步教学：- 将网页设计与制作的过程分为多个步骤，逐步引导学生完成每个步骤的任务，帮助学生建立起完整的制作流程和思维模式。
3. 引导学生思考和解决问题：- 在遇到问题时，引导学生主动思考和解决问题的方法，培养学生的问题解决能力和自主学习能力。
评估方法：1. 课堂练习：- 设计一些小型练习题，考察学生对网页设计与制作基本概念和技能的掌握情况。
网页设计的关键要素
网页设计的关键要素网页设计是现代社会中重要的技能之一。
随着互联网的普及，越来越多的人开始关注并参与到网页设计的工作中。
一个好的网页设计不仅可以吸引用户的注意，还能提升用户的体验，并将其转化为潜在客户。
在进行网页设计时，我们需要考虑以下几个关键要素。
一、色彩搭配色彩是网页设计中最直观的元素之一，它可以直接影响用户对网站的感觉和印象。
在选择色彩时，我们应该考虑到网站的主题和目标受众。
比如，如果网站的主题是儿童教育，我们可以选择明亮、多彩的颜色来吸引孩子的注意力；如果网站的主题是财经类信息，则可以选择稳重、正式的颜色来传达专业性和可靠性。
二、页面布局页面布局是网页设计中的重要组成部分，好的页面布局可以使用户更容易找到所需信息并提高浏览体验。
在进行页面布局时，我们应该注重页面的整体平衡和信息的合理组织。
通常，一个好的布局应该包括清晰的导航栏、主要内容区域和底部信息栏。
此外，我们还可以采用单栏、双栏或多栏布局，根据不同的需求和设计风格来选择合适的布局。
三、字体选择字体在网页设计中起着至关重要的作用，它不仅仅是文字的表达工具，还可以反映网站的风格和特点。
在选择字体时，首先要确保字体的可读性和兼容性，避免使用过于花哨的字体；其次要考虑字体与网站主题的契合度，选择适合的字体来传达网站的氛围和信息。
通常来说，标题可以选择粗体大号字体以突出重点，正文则可以选择通用的等线、雅黑等字体来保证可读性。
四、图片和图标运用图片和图标是网页设计中重要的视觉元素，它们可以直接吸引用户的目光并传达信息。
在使用图片和图标时，我们需要确保它们的清晰度和质量，并与网页的整体风格相一致。
此外，要注意控制图片和图标的大小和位置，避免过多的使用导致页面混乱。
同时还可以利用图片和图标来提升用户的交互体验，比如添加按钮、滑块等元素，增加网页的可操作性。
五、响应式设计随着移动互联网的发展，越来越多的用户通过手机和平板电脑访问网页。
因此，响应式设计成为网页设计中不可忽视的要素之一。
淘宝网页设计知识点大全
淘宝网页设计知识点大全淘宝网页设计作为电子商务平台中的重要一环，它不仅要求用户界面设计美观大方，还要具有良好的用户体验和功能性。
本文将为您详细介绍淘宝网页设计的知识点，以帮助您更好地理解和运用这些技巧。
一、页面整体布局淘宝网页的布局分为顶部导航栏、主导航栏、侧边栏和底部信息，合理的页面布局可以增强用户对网页的整体把控感，使用户浏览更加顺畅。
顶部导航栏通常包括标志性的LOGO、搜索框、用户登录入口等。
主导航栏处于页面中上方，用于分类展示产品或服务，其中的链接应清晰明确，便于用户快速定位。
侧边栏可以设计为浮动式或固定式，它可以展示相关推荐信息，提升用户体验。
底部信息则包含版权声明、联系方式等，提供后续服务支持。
二、色彩搭配与字体选择淘宝网页设计使用的主色调通常是深色系，如红色、橙色和蓝色等，以增加页面的辨识度和视觉冲击力。
同时，搭配适合主色调的辅助色彩，使页面更加丰富多样。
在字体选择上，可以根据页面的功能和内容来选用不同的字体。
标题通常使用粗体字以突出重点，正文使用常规字体以增加可读性，而特殊信息则可以使用斜体字进行突出。
三、页面元素设计淘宝网页的元素设计要简洁明了，避免过多的干扰和不必要的信息，以提高用户体验。
按钮设计要突出，醒目而且易于点击。
商品或服务的展示需要使用高质量的图片，以吸引用户眼球。
页面的导航和链接要清晰易懂，方便用户进行浏览和跳转。
同时，采用合适的图标和符号，可以更好地表达信息，使网页更加直观。
四、响应式设计随着移动设备的普及，淘宝网页设计要考虑不同屏幕尺寸的适配问题。
采用响应式设计可以使网页在不同设备上有良好的显示效果，提高用户体验。
这包括自适应布局、字体大小的调整以及按钮的合理放置等。
五、页面加载速度优化页面的加载速度对用户体验至关重要。
过长的加载时间会让用户流失，因此需要优化网页的加载速度。
一种常见的方式是使用缓存技术，将常用的静态资源存储在用户本地，以减少服务器的压力和提高访问速度。
网页设计首页使用的知识点
网页设计首页使用的知识点在网页设计中，首页是网站的门面，起到吸引用户、传达信息的重要作用。
为了设计出高效且用户友好的首页，以下是一些常用的知识点和技巧：一、色彩搭配1. 色彩心理学：挑选合适的颜色，考虑色彩对用户情绪和行为的影响。
2. 调色板设计：使用有限的颜色，保持页面整洁，同时提供足够的对比度。
3. 背景颜色：选择与品牌形象相符合的背景色，避免影响阅读和对其他元素的视觉干扰。
二、布局设计1. 栅格系统：使用栅格系统来实现一致的布局，使页面看起来整洁、易读且易于导航。
2. 白空间：合理运用白空间，不仅使页面更加美观，还有助于突出重点内容，提高可读性。
3. 响应式设计：考虑不同屏幕尺寸的设备，保证页面在各种屏幕上都能完美显示。
三、导航设计1. 导航位置：通常在页面的顶部或侧边，易于用户找到和使用。
2. 导航风格：选择适合网站风格和用户习惯的导航类型，如水平导航、下拉菜单等。
3. 面包屑导航：提供页面路径，方便用户追溯和导航。
四、内容呈现1. 视觉层次：通过字号、颜色和排版等手段，将页面内容分为主次，引导用户阅读。
2. 图片选择：使用高质量图片，帮助传达信息和提升页面美感，避免过度装饰。
3. 页面结构：将相关的内容分组，使用标题、段落和列表等，帮助用户快速浏览。
五、交互设计1. 用户友好的表单：设计简洁明了的表单，清晰标注和提示用户需要填写的信息。
2. 指示性文本：使用引导性文本或图标，提供用户应该如何操作的明确指示。
3. 页面动效：使用合适的动效和过渡效果，增加页面的交互性和吸引力。
六、页面加载速度优化1. 图片压缩：优化图片大小，减少页面加载时间。
2. 脚本压缩与合并：将多个脚本文件合并，并进行压缩以减少HTTP请求。
3. 缓存优化：合理设置页面缓存策略，减少不必要的请求。
总结：在网页设计首页中，色彩搭配、布局设计、导航设计、内容呈现、交互设计和页面加载速度优化等知识点是至关重要的。
合理运用这些知识点，能够帮助设计出美观、易用且功能强大的首页，为用户提供良好的浏览体验并吸引他们继续访问网站。
《网页设计与制作》笔记_学习笔记
《网页设计与制作》笔记第一章：网页设计基础1.1网页设计的定义与重要性1.2网页设计的历史与发展1.3设计原则与最佳实践1.4用户体验的基本概念第二章：网页设计工具与技术2.1设计软件介绍（如Photoshop、Sketch）2.2前端开发工具（如HTML、CSS、JavaScript）2.3响应式设计与框架（如Bootstrap、Foundation）2.4版本控制与协作工具（如Git、GitHub）第三章：网页布局与结构3.1网页布局的基本概念3.2网格系统与布局设计3.3导航设计与信息架构3.4模块化设计与组件化开发第四章：色彩与字体选择4.1色彩理论与配色技巧4.2字体的选择与排版4.3色彩与品牌形象4.4可访问性与色彩使用第五章：网页内容与互动5.1内容策略与信息呈现5.2图像与多媒体的使用5.3互动设计与用户反馈5.4SEO基础与内容优化第六章：网页测试与上线6.1测试类型与测试工具6.2性能优化与加载速度6.3上线流程与维护建议6.4数据分析与用户行为追踪第1章：网页设计基础网页设计的定义与重要性网页设计是指为网站创建和布局视觉内容的过程。
这包括网页的整体外观、结构和交互功能。
网页设计不仅涉及视觉元素的排版和配色，还包括用户如何与网页互动。
一个好的网页设计能够提升用户的体验，增加网站的访问量和转化率。
重要性：1.吸引用户：优秀的网页设计能够第一时间吸引用户的注意，提高用户的留存率。
2.增加可用性：良好的设计帮助用户更容易找到他们所需的信息，减少用户的挫败感。
3.提升品牌形象：专业的网页设计能够增强品牌的可信度和专业形象。
4.搜索引擎优化：设计良好的网页更容易被搜索引擎抓取，从而提升网站在搜索结果中的排名。
考试要点：网页设计的定义及其组成部分网页设计对用户体验和品牌形象的影响网页设计在市场营销中的作用网页设计的历史与发展网页设计的起源可以追溯到20世纪90年代初。
当时网页主要是以文本为主，简单的超链接连接不同的信息。
第1章网页设计基础
1.2 Web设计基础
3. 网页设计一致性 一致性的网页设计原则使得访问者容易理解站点的结构，否则可能导致访问者陷入困惑。对优秀的 Web站点分析可以发现，优秀的网页虽然各有特色，但都遵守最基本的原则，即保持站点内部页 面之间的一致性。 要保持一致性，可以从页面的结构排版入手：
通过定义一致的页面模板，各个页面使用相同的页边距。 文本和图形之间保持相同的间距。 主要图形、标题或符号旁边留下相同的空白。 如果在第一页的顶部放置了公司标志，那么在其他各页面都放上这一标志，如果使用图标导航，
1.3 网页布局
1.3.2 布局设计类型 网页布局大致可分为“国”字型、“匡”字形型、标题正文型、框架型、封面型、Flash型、变化型等。
思考：1. 网易网站的布局设计属于哪种类型？ 2. 网络传播学院的网站首页布局设计属于哪种类型？
1.3 网页布局
1.3.3 布局设计元素 在网页文件中，会涉及很多的页面元素。如何将这些页面元素有机地组合起来，达到满意的视觉效
随着浏览器版本的标准化和制作工具的完善，该布局技术原来的缺点已经逐渐被克服，建议使用。
1.3 网页布局
3. 框架布局 框架由于不能进行精确的元素定位，因此不能独立完成页面的布局，它常常和表格配合使用。先用
框架将页面划分为几个区域，然后再用表格实现各区域的精确局部。常用在网站系统的后台页面设计 中。由于在HTML 5标准中已经不被推荐，所以该布局不建议使用。
1.3 网页布局
1.3.1 布局设计原则 通常可以从以下几个大的方面考虑布局的基本设计原则。 （1）网页布局的内容应来源于需求，栏目的重要程度决定了网页布局的形式。网页中要展示的内容必 须是依据站点的主要栏目进行规划的。同时可以将所要表达的相近的栏目集中在一个区域显现，构成 一种群体效应。 （2）网页布局应区分栏目模块的重要程度。分开栏目的主次性，重要栏目以顶部、左侧排列，次要的 栏目以底部、右侧排列。即重要信息、重要功能模块“靠上靠左”原则。 （3）网页布局必须尊重用户习惯。不仅要考虑不同类型用户的使用习惯差异，还要考虑中、英文等不 同语种用户的浏览习惯。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计第二章重点2.1.1 网站的种类1．根据网站提供的服务分类：信息类网站、交易类网站、互动游戏类网站、有偿信息类网站、功能型网站、综合类网站2．根据网站的性质分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、非盈利机构网站、其他类型的网站3．根据在大型搜索引擎上的设置分类娱乐与休闲类网站、商业与经济类网站、艺术与人文类网站、健康与医药类网站、新闻与媒体类网站、政府与政治类网站、计算机与网络类网站、社会与文化类网站、科学与教育类网站、参考资料类网站2.1.2网站建设的步骤（出简答！p22-p28，书上的详细内容也看一遍！）1.网站目标和主题的确定网站目标的确定（为什么要建立网站）；网站主题的确定（网站主题、网站风格、网站创意、网站名称）2. 网站的规划网站的规划包括：网站总体结构的设置、目录的设置和链接结构的设置。
3. 网站素材的准备网站素材的准备包括：素材的搜集、整理加工、制作和存储等环节。
4. 网站制作工具的选择和确定5. 网站的建立（设计制作网页）6. 注册域名和申请网站空间定个合适的域名：由域名构成的网址会像商标一样，好的域名有助于将来塑造网上的形象。
定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。
租用虚拟服务器空间一般虚拟主机提供商都能向用户提供大容量，高速度的服务器。
用户可视网站的内容设置及其发展前景来选择。
一页网页所占的磁盘空间大约20～50KB，10MB大约可以放置200～500页，但如果网站中的图片、动画较多，需要文件下载或有数据库等，就需要多一些空间。
一般用户有50MB虚拟主机空间就够了。
7. 网站的测试和发布网站在发布前后都应进行相关测试。
8. 网站的宣传和推广首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，如名片、办公用品、宣传材料、媒体广告等。
9. 网站的更新和维护网站建成之后，在运营的过程中需要定期不断更新网站的信息，及时总结经验和不足，逐步完善网站的功能2.1.3 网站建设的原则1.牢记内容第一的原则2.网页文件命名原则3.图片命名的原则4.重视网页标题的设计5.网站导航设计要清晰6.网页长度应限定在三个整屏以内7.善用图像元素8.网站中所有路径都采用相对路径9.确保链接的有效性，链接层次不要太深10.善用表格来布局，但表格的嵌套层次要控制在三层左右11.遵循3次点击规则12.兼顾下载速度与美观13.及时更新网页14.避免滥用技术15.要保护好个人信息2.2.1网页的版面布局（加粗字体要背过，不加粗的理解或能自己叙述出来即可）1网页板式的基本类型：（脑海中要清楚以下8种型的图像效果，书上有图）国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、flash型其中，对称对比型：左右或上下对称，一半深色一半浅色，视觉冲击力强标题正文型：最上面是标题，下面是正文。
一般是文章页面或注册页面框架型：分左右框架型、上下框架型、综合框架型（左右框架型：是指一种左右为分别两页的框架结构，一般左边是导航链接或标题标记，右边是正文。
大型论坛常用此种。
上下框架型类似，上下分别为两页的框架结构。
综合框架型是左右框架型与上下框架型的结合，较复杂）封面型：大部分为一些精美的平面设计并结合一些小动画，放上几个简单的链接或者仅是一个进入的链接，甚至直接在页面的图片上做上栏目链接。
2.布局安排点的布局，线的布局，面的布局，线条和形状点的排列所引起的视觉流动，引入了时间的因素，利用点的大小、形状与排列距离的变化，可以使页面富于节奏韵律。
线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。
作为视觉元素的线，不仅有长度和方向上的变化，还有粗与细、虚与实、粗糙和光滑等变化面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。
分为黄金分割，等间距分割，判断分割，数学级数分割线条和形状：直线条的艺术效果是挺拔、规矩、整齐，有轮有廓。
曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。
一般应用于青春、活泼的主页题材。
2.2.2网页色彩设计1.色彩的基本原理●色彩的三属性：色相明度纯度●色彩的心理感觉：（1）色彩有冷暖感。
（2）色彩有兴奋感与沉静感。
（3）色彩有膨胀感与收缩感。
（4）色彩有前进感与后退感。
（5）色彩有轻重感。
●十二色相环2.网页色彩设计原理（1）色彩的面积与位置（2）色彩的对比：在背景图象上添加文本，一种较好的方法是使用相近色作为背景，补色作为文本色。
（3）网页配色分析3网页色彩搭配原理：（1）色彩的鲜明性（2）独特性（3）合适性、（4）联想性、（5）合理性、（6）时尚性、（1）色彩的鲜明性、色彩鲜艳，引人注目（2）独特性、与众不同的色彩搭配，衬托出网站的个性（3）合适性、按照内容决定形式的原则，色彩应服务于网站的内容，和网站的气氛相适应（4）联想性、不同色彩产生不同联想（5）合理性、照顾到人眼睛的生理特点，不用大面积高纯度色相，不过分强烈颜色对比，避免视觉疲劳（6）时尚性、关注流行色的发展4、网页各组成部分色彩的设计方法（1）网页内容：要求背景亮，文字暗，反之亦然，对比度要大（2）网页标头：logo放置的地方用深色，具有较高对比度。
标题使用与页面内容非常不同的字体或颜色，也可以采用页面内容的反色（3）导航菜单所在区域：菜单背景设置暗一些，依靠较高颜色对比度，比较强烈的图形元素或独特字体将网页内容和菜单的不同准确区分开来（4）侧栏：注意将网页内容和菜单的不同准确区分开来，同时也要易于阅读（5）页脚:不应该喧宾夺主2.2.3-2.2.41、网页设计原则：对比原则（大小对比、明暗对比、粗细对比、曲线与直线的对比、水平线与垂直线的对比、质感的对比、位置的对比、多重对比），协调原则(主与从、动与静、入与出、统一与协调)，平衡原则、趣味原则2、文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。
3、图像的形式：方形图、退底图、出血图以及这三种形式的结合。
4、网页中图像的格式：gif、jpeg、bmp、png5、点布局：通过点的大小、主次引起浏览者的视觉流动。
6、线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。
7、面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。
黄金分割、等间距分割、判断分割、数学级数分割2.2.5—2.2.6文字格式：常用的中文字体有宋体、黑体、楷体、仿宋、行书、隶书、魏碑等。
常用的英文字体有Arial、Times New Roman、Impact等。
艺术字能为网页添色不少，但也不能随便地套用各种艺术字体。
最适合于网页正文显示的字体大小为12磅左右许多新闻性网站，通常采用9磅的字号。
文字的编排：常见的文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。
图形格式：GIF格式GIF格式是非失真压缩。
JPEG格式JPEG格式的图像采用失真的压缩算法，压缩比例越大，图像质量越差。
PNG格式PNG格式是一种非失真压缩格式，具有JPEG和GIF格式的全部优点。
SWF格式SWF是Macromedia Flash软件生成的流式多媒体文件，其特点是具有小巧精致的矢量画面以及非常强大的交互性能，可以在下载时同步播放。
图像编排：网页排版通常有四种形式：方形图、退底图、出血图以及这三种形式的结合网页设计第三章重点HTML:是一种建立网页文件的语言，它通过标记式指令，将影像，声音，图片和文字等连接起来。
学习html的意义：（1）浏览器解释效率高。
（2）格式漂亮。
（3）无任何垃圾代码产生，加快了网页的传输速度。
单标记：<标记名称> 双标记：<标记>内容</标记>标记的属性的格式为：<标记属性1="属性值1" 属性2="属性值2" …> 受影响的内容</标记>HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：<html><head><title> 网页的标题</title></head><body>网页的内容</body></html><body>标记是文档的主体部分，其格式为：<BODY background=”images-URL” bgcolor=”color”text=”color”link=”color”alink=”color”vlink=”color”leftmargin=”value”topmargin=”value”>…</BODY>各属性值的含义如下：Background：设置网页背景图像。
images-URL：图像文件的路径bgcolor：设置网页背景颜色，默认为白色。
text：设置网页正文文字的色彩，默认为黑色。
Link:设置网页中可链接文字的色彩。
Alink：设置网页中被鼠标点中时可链接的文字的色彩Vling：设置网页中已经被单击过的可链接文字的色彩。
Leftmargin：设置页面左边距topmargin：设置页面上边距Value：表示空白量。
Color：表示颜色值。
HTML遵循的语法规则：（1）html以纯文本形式存放，扩展名为htm或html.(2)html标记不区分大小写。
（3）多数html标记可以嵌套，但不可以交叉。
（4）html标记一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。
(5)html源文件中的换行，回车符和空格在显示效果是无效的。
HTML的文本格式标记1.标题格式标记的格式为：（P64 例3-2）<hn align="left|center|right"> 标题文字 </hn>n用来指定标题文字的大小，n取1～6的整数值，取1时文字最大，6时文字最小。
属性align设置标题在页面中的对齐方式：left、center或right。
缺省时默认为left。
2.文字格式标记：<font>标记设置文字的格式为：（P65 例3-3）<font size=“数字”face=“字体名”color=“颜色"> 被设置的文字</font>size用来设置文字的大小。
数字的取值范围从1～7，size取1时最小，取7时最大。
face用来设置字体。
如黑体、宋体、楷体_GB2312、隶书、Times New Roman 等。
color用来设置文字颜色。
3.字型设置标记：(P65 例3-4)<B>…</B>:文字以粗体显示<I>…</I>:文字显示为斜体<U>…</U>:显示下划线<STRIKE>…</STRIKE >:删除线<BIG>…</BIG>:使文字大小相对于前面的文字增大一级<SMALL>…</SMALL>:使文字大小相对于前面的文字减小一级<SUP>…</SUP>:使文字成为前一个字符的上标<SUB>…</SUB>:使文字成为前一个字符的下标<BLINK>…</BLINK>:使文字显示为闪烁效果<TT>…</TT>:以等宽体显示西文字符<CITE>…</CITE>:输出引用方式的字体，通常是斜体<EM>…</EM>:强调文字，通常用斜体加黑体<STRONG>…</STRONG>:特别强调的文字，通常也是斜体加粗体4.段落标记的格式为：<p align="left|center|right"> 文字 </p>其中属性align用来设置段落文字在网页上的对齐方式：left（左对齐）、center（居中）和right（右对齐）。