HTML网页基础知识介绍
前端html学习计划
前端html学习计划第一部分：HTML基础知识1. 学习HTML基本概念和语法- 了解HTML的发展历史和基本概念- 学习HTML的基本标签和语法规则- 理解HTML文档结构和标签嵌套关系2. 学习HTML文档结构与标签- 学习HTML文档的基本结构- 学习HTML中常用的标签，如标题、段落、列表、链接、图片等- 掌握HTML表单相关的标签，如input、form、button等3. 学习HTML元数据与语义化标签- 了解HTML元数据标签，如meta、title、link等- 学习HTML5新增的语义化标签，如header、footer、section、article等 - 掌握如何使用语义化标签构建更加有意义和结构清晰的网页4. 学习HTML多媒体与嵌入内容- 学习在HTML中嵌入多媒体内容，如音频、视频和嵌入代码- 掌握如何使用HTML5新增的video和audio标签来播放视频和音频- 学习如何在网页中嵌入其他网页和外部应用第二部分：HTML进阶知识1. 学习HTML语义化与SEO优化- 深入了解HTML语义化的概念和重要性- 学习如何使用语义化标签优化网页结构和内容- 掌握如何通过HTML优化网页以提高SEO效果2. 学习HTML表单与表格- 深入学习HTML表单标签和属性- 掌握如何使用表单元素构建各种不同类型的表单- 学习HTML表格相关标签和属性，如table、tr、td等3. 学习HTML5新增特性- 了解HTML5的新特性和变化- 学习HTML5新增的标签和属性，如canvas、svg、video、audio等 - 掌握如何使用HTML5的新特性为网页增加更多交互和多媒体效果4. 学习HTML响应式设计- 了解响应式设计的概念和原理- 学习如何使用HTML和CSS实现响应式布局- 掌握如何在不同设备上实现网页的良好显示效果第三部分：实战项目与综合应用1. 实战项目学习- 参与实际的HTML项目开发，在项目中应用HTML基础知识- 学习如何组织和管理HTML文档结构- 掌握如何使用HTML创建网页布局和样式2. 综合应用与项目实践- 综合运用HTML、CSS和JavaScript，完成更加复杂的项目- 学习如何与后端和数据库进行数据交互- 掌握如何使用各种工具和框架来优化HTML开发流程第四部分：HTML进阶应用1. 学习HTML与CSS的整合- 学习如何将HTML和CSS整合应用- 掌握如何通过CSS来美化和布局HTML网页- 学习如何通过CSS动画来为网页增添更多交互效果2. 学习HTML与JavaScript的整合- 学习如何在HTML中嵌入JavaScript代码- 掌握如何通过JavaScript来实现网页的动态交互和效果- 学习如何使用JavaScript操控和修改HTML文档结构3. 学习HTML与前端框架的整合- 学习如何将HTML与前端框架整合应用- 掌握常用的前端框架，如Bootstrap、React等- 学习如何使用前端框架来简化HTML开发过程第五部分：项目实战与深度应用1. 进行独立项目实践- 参与独立的HTML项目开发，在项目中应用HTML的各种知识和技巧 - 学习如何与团队合作，进行项目需求分析和文档编写- 掌握如何将HTML应用于真实的项目和业务场景2. 深度应用与创新实践- 学习HTML在创新应用和前沿技术中的应用- 探索HTML在VR、AR、物联网等领域的应用- 掌握如何利用HTML开发更具创新性和前瞻性的项目第六部分：总结与提高1. 深入总结与反思- 总结并复习HTML的基础知识和技能- 分析自身在学习HTML过程中的不足和不足之处- 总结并归纳HTML的各种技巧和最佳实践2. 继续提高与学习- 继续学习HTML在前端开发中的应用和实践- 持续关注HTML技术的最新发展和变化- 学习并掌握其他前端相关技能和知识，如CSS、JavaScript等以上是一个完整的HTML学习计划，希望对你有所帮助。
网页设计制作知识点
网页设计制作知识点1. 基础知识1.1 HTML（Hypertext Markup Language）HTML是用于构建网页的标记语言，通过使用各种标签和属性，可以定义网页的结构和内容。
常见的HTML标签包括<head>、<body>、<div>、<p>等。
1.2 CSS（Cascading Style Sheets）CSS用于控制网页的样式和布局，通过将样式属性应用于HTML元素，可以改变它们的颜色、字体、大小等外观特性。
常见的CSS属性包括color、font-family、margin、padding等。
1.3 JavaScriptJavaScript是一种用于增加网页交互性的脚本语言，可以通过在网页中嵌入JavaScript代码来实现动态效果、表单验证等功能。
2. 响应式设计响应式设计是指根据设备的屏幕尺寸和分辨率，自动调整网页的布局和内容，以确保在不同设备上都能正常显示和使用。
常见的响应式设计技术包括媒体查询（Media Queries）、流体布局（Fluid Layout）和弹性图片（Flexible Images）等。
3. 网页导航3.1 导航栏导航栏用于展示网站的主要导航链接，通常位于页面的顶部或侧边。
可以使用HTML和CSS创建导航栏，并为每个链接添加交互效果。
3.2 面包屑导航面包屑导航用于显示当前页面在网站结构中的位置，让用户可以方便地进行导航和返回。
可以使用HTML和CSS创建面包屑导航，并为每个链接添加合适的指向。
4. 网页布局4.1 盒子模型盒子模型是用于布局和定位网页元素的基础概念，每个HTML 元素都可以看作是一个矩形的盒子。
通过设置盒子的宽度、高度、内边距（padding）和外边距（margin），可以精确控制元素在网页中的位置和间距。
4.2 栅格系统栅格系统是一种用于创建响应式网页布局的技术，将页面划分为多个均等的列。
网页设计实训报告知识点
一、引言随着互联网技术的飞速发展，网页设计已成为当今社会最热门的行业之一。
为了提高自身技能，我参加了为期一个月的网页设计实训课程。
在此期间，我学习了大量的网页设计知识，现将实训过程中的知识点总结如下。
一、HTML基础知识1. HTML文档结构：了解HTML文档的基本结构，包括文档声明、头部、主体等部分。
2. 基本标签：掌握常用标签的语法和用法，如标题、段落、列表、链接、图片等。
3. 表单元素：了解表单元素的使用方法，如输入框、下拉菜单、单选框、复选框等。
4. HTML5新特性：学习HTML5新标签和特性，如canvas、video、audio等。
二、CSS样式设计1. CSS基础语法：掌握CSS的语法规则，包括选择器、属性、值等。
2. 布局技术：学习常用的布局技术，如浮动、定位、网格布局等。
3. 响应式设计：了解响应式设计的原理和实现方法，以适应不同设备。
4. 常用CSS框架：学习常用的CSS框架，如Bootstrap、Foundation等。
三、JavaScript编程1. 基本语法：掌握JavaScript的基本语法，包括变量、数据类型、运算符、函数等。
2. DOM操作：学习如何操作网页文档对象模型（DOM），如获取元素、修改属性、添加事件等。
3. 事件处理：了解事件处理机制，掌握常用事件，如鼠标事件、键盘事件等。
4. 常用库和框架：学习常用的JavaScript库和框架，如jQuery、Angular、React等。
四、网页设计工具1. Dreamweaver：掌握Dreamweaver的基本操作，如创建网站、编辑HTML、CSS、JavaScript等。
2. Photoshop：学习Photoshop的基本操作，如图像处理、切图、设计等。
3. Sublime Text：了解Sublime Text的编辑功能和快捷键。
4. Git：学习使用Git进行版本控制，提高代码管理能力。
五、网页设计规范1. 界面布局：了解网页界面布局的规范，如页面宽度、高度、间距等。
HTML基础知识
2.4 HTM L标记
2.图像标记<IMG>
在HTML中，使用IMG标记在网页中加入图像。它具有 两个基本属性src和alt，分别用于设置图像文件的位置和替 换文本。
上一页 下一页 返回
2.4 HTM L标记
2.4.6超链接标记
1.相对地址与绝对地址 URL 统一资源定位符，也被称为网页地址，是表示互联
上一页 下一页 返回
2.4 HTM L标记
2.4.3文本标记
1.<FONT> <FONT>标记用于控制网页上文字的字体，大小和颜色。
控制方式是利用属性设置得以实现的。 2.特殊符号
某些字符在HTML中具有特殊意义，如小于号(<)即定 义HTML标记的开始。这个小于号是不显示在最终看到的网 页单的。那如果希望在网页中显示一个小于号，该怎么办呢? 要在浏览器中显示这些特殊字符，就必须在HTML文档中使 用字符实体。
在<TD>和<TH>标记内使用colspan的取值表示水平 方向上合并的列数。
上一页 下一页 返回
2.4 HTM L标记
2.4.8表单标记
1.表单元素 <FORM>标记：用于在网页中创建表单区域，属于一
个容器标记，表示其他表单标记需要在它的包围中才有效。 其属性介绍如下。 action用来设置接收和处理浏览器递交的表单内容的服务器程 序的URL。 method：此属性告诉浏览器如何将数据发送给服务器，它指 定向服务器发送数据的方法(用POST方法还是用GET方法)。
上一页 下一页 返回
2.4 HTM L标记
2.4.10脚本标记
有时，网页中的一些特殊效果击要加入脚本语言才能够 实现，脚本语言是一种简化的编程语言，它可以生成许多的 网页特效，如滚动的文字、雪花效果、波浪效果等。‘常用 的脚本语言有3种，分别是JavaScript， VBScript和 Jscript。其中JavaS cript是IE不II Navigator都完全 支持的脚本语言，所以使用得最广泛。
HTML初级知识点总结,最详细的总结
HTML超文本标记语言，一种规范预定义,已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点）标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式,额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体，网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示，带有自动换行属性:align控制标题的对齐方式，取值left（左对齐，默认值）|center(居中）｜right （右对齐）2、段落标记<p〉效果:把内容分段展示，自动换行属性:align，控制段落内容的对齐方式,取值left（左对齐，默认值）|center（居中）｜right(右对齐）3、换行符〈br /〉，单标记，不需要结束标记，换行但不分段空格符号: 表示一个空格强制换行符：<br /〉4、水平线标记<HR />，单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素（px）width 控制水平线的长度,取值可以是像素单位,也可以是百分数（相对于浏览器窗口百分比)noshade设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐）｜center(居中，默认值）|right(右对齐）5、分节标记<div〉效果：把内容设置为一节，前后带有自动换行属性：align控制div中内容的对齐方式,取值left（左对齐，默认值）｜center（居中）|right（右对齐）6、居中标记符<center>效果：把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时,参考的是默认字体（3号），取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割,取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：<b>斜体：〈i>下划线:〈u〉删除线：<s〉上标:<sup〉下标：〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语，通常显示为黑体或斜体〈EM> 强调某些字词，通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词，通常显示为粗体<VAR> 表示变量，通常显示为斜体2、列表标记1、有序列表,〈ol〉，需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a｜i|I，默认是1start 控制列表的起始值，取值为任意的整数li的属性:type控制选项自身的符号样式，取值1|A｜a|i|Ivalue控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表，<ul>，配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式，取值disc(实心圆，默认值）｜circle（空心圆）｜square（方块）li的属性：type控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，<dl〉，完成对定义列表的声明<dt>，术语标记，可以理解为类似于列表选项的标题使用〈dd>,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：〈img>,单标记，不需要结束标记属性: src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.。
HTML基础知识总结
HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性：多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类：块状元素、⾏级元素块状元素：⼀般都是新起⼀⾏，可以容纳⾏内元素和其他块级元素；⾏级元素：⼀般都是语义级别的基本元素，⼀般只能容纳⽂本或者其他⾏内元素。
块状元素和⾏内元素的区别：1 、块级元素会独占⼀⾏，其宽度⾃动填满其⽗元素宽度；⾏内元素会排列到同⼀⾏⾥，其宽度随元素的内容变化⽽变化。
2 、块级元素可以设置宽⾼；⾏内元素设置宽⾼⽆效。
3 、块级元素可以设置 margin ， padding 属性；⾏内元素的⽔平⽅向的 padding会有边距效果，但是竖直⽅向的 padding没有效果。
（此处的属性稍后介绍）属于块状元素的：标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li，⽆序列表标签 ul--li，定义描述标签 dl-dt-dd，容器标签 div：属于⾏级元素的：范围标签： span图像标签： img基本结构：常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签：⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签：图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签：<div>中间放其他标签的容器<div/>超链接和锚链接：<a><a/>属性 name：锚点 herf：⽬标（⽹页#锚点）规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格：属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签：标题和逻辑分区标签表格标题：<caption>标题⽂字<caption/>表格逻辑分区：thead tbody tfoot表单id:· 元素的唯⼀表⽰，不重复name: 表单项元素的名称，服务器获取数据通过该名称value: 表单项元素的值，服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读，⽤户只能看不能改disabled：表⽰禁⽤，该元素不能改⽽且背景是灰⾊⽂本框：密码框：单选按钮：复选框：⽂件域：⽇期-h5中的新特性：隐藏域：下拉列表框：⽂本域：按钮：提交按钮、图⽚按钮、重置按钮、普通按钮最终效果：地址栏内容：dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集：HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li ：常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。
HTML 基础知识
HTML 基础知识培训一、HTML入门HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用：<img src="路径/文件名">文字格式：<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转：<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
我们还会看到一些页面省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档,但是这种做法是错误的，后面会提到一些错误的做法。
超文本标记语言(html)的基础知识
超文本标记语言(html)的基础知识超文本标记语言，即HTML（HyperText Markup Language），是一种用于创建网页和其他可在web浏览器中查看的信息的标准标记语言。
在这里，我们将初步介绍HTML的基础知识，包括HTML的定义、语法和一些常用的标签。
一、HTML的定义HTML是一种标记语言，它使用标记来创建网页的各个部分。
在HTML文档中，标记用于指示文本的结构和格式。
HTML文档包含视觉元素，例如标题、段落、列表、链接、图像和表格。
二、HTML的语法HTML文档由标签和内容组成。
标签告诉浏览器如何呈现文本。
标签通常成对出现，包围文本。
打开标记以开始效果，关闭标记以结束效果。
标签通常按照以下格式编写：<标记>内容</标记>三、HTML的常用标签1. 标题标签：用于定义HTML文档中的标题。
HTML中有六个级别的标题：<h1>到<h6>，其中<h1>是最大的标题。
2. 段落标签：用于定义HTML文档中的段落。
<p>标签用于标记段落的开始和结束。
3. 链接标签：用于在HTML文档中创建链接。
<a>标签可以将文本链接到其他网页、文件、电子邮件地址等。
4. 图像标签：用于将图像插入HTML文档。
<img>标签按以下格式编写：<img src="image.jpg" alt="图像" width="500" height="500">5. 列表标签：用于创建有序和无序列表。
<ul>标签用于创建无序列表，<ol>标签用于创建有序列表。
6. 表格标签：用于在HTML文档中创建表格。
<table>标签用于定义表格，<tr>标签定义表格行，<td>标签定义表格单元格。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
不仅在记事本中可以编写HTML代码，任 何文本编辑器都可以编写HTML。比如写 字板、word等，但保存的时候必须保存 为.html或.htm格式。
有一些文本编辑器专门提供网页制作及程 序设计等许多有用的功能，支持HTML、 CSS、PHP、ASP、Perl、C/C++、Java、 JavaScript、VBScript等多种语法的着色 显示。
表单一般用来收集联系信息、接受用户要 求、获得反馈意见、设置来宾签名簿、让 浏览者注册为会员并以会员的身份登录站 点等。
包括悬停按钮、Java特效、ActiveX等各种 特效。它们不仅能点缀网页，使网页更活 泼有趣，而且在网上娱乐、电子商务等方 面也有着不可忽视的作用。
4.网页设计软件
熟练使用各种网页设计以及图像、动画处理 制作软件，是一个网页设计师必须掌握同。但网页 的基本构成要素大体相同，网页设计就是要将构
成要素有机整合，表达出美与和谐。
网页中的信息以文本为主。与图片相比， 文字虽然不如图片那样能够很快引起浏览 者的注意，但却能准确地表达信息的内容 和含义。
用户在网页中使用的图片格式主要包括GIF、 JPEG和PNG等，其中使用最广泛的是GIF 和JPEG两种格式。
• 并非所有的网站都将主页设置为首页，有的网站 喜欢在首页放置一段进入动画，并将主页的链接
静态网页：客户端与服务器端不发生交互
访问者只能被动地浏览网站建设者提 供的网页内容。其特点：
网页内容不会发生变化，除非网页设计 者修改了网页的内容。不能实现和浏览网 页的用户之间的交互。信息流向是单向的 。
• 首页(Home page)，它是一个单独的网页，和 一般网页一样，可以存放各种信息，同时又是一 个特殊的网页，作为整个网站的起始点和汇总点。 例如，当浏览者输入搜狐网站地址 “”后出现在第一个页面，即sohu 网站的首页。
• 问题：首页和主页有区别吗？
• 通常网站为方便浏览者查找和分类浏览网站的信 息，会将信息分类，并建立一个网页以放置网站 信息的目录，即网站的主页。
超链接在本质上属于一个网页的一部分， 是一种允许用户同其他网页或站点之间进 行连接的元素。
超链接是指从一个网页指向一个目标的连 接关系，这个目标可以是另一个网页，也 可以是相同网页上的不同位置，还可以是 一个图片、一个电子邮件地址、一个文件， 甚至是一个应用程序。
在网页中为了更有效地吸引浏览者的注意， 许多网站的广告都做成了动画形式。
动态网页：客户端与服务器端要发生交互
动态网页是指浏览器可以和服务器数据 库进行实时数据交流的交互网页，而不是
2.网页的版块结构
Internet中的网页由于涉及和制作的 差别而千变万化，但通常由几大版块
组成。
通常网站为体现其特色与内涵，涉及并制 作一个LOGO图像放置在网站的左上角或 其他醒目的位置。
网页（Web Page）实际上是一个文件， 网页里可以有文字、图像、声音及视频信 息等。网页可以看成是一个单一体，是网 站的一个元素。
平常我们所听说的“新浪”、“搜狐”、 “网易”等，即是俗称的“网站”。而当 我们访问这些网站的时候，最直接访问的 就是“网页”了。这许许多多的网页则组 成了整个站点，也就是网站。
例如：EmEditor、EditPlus、UltraEdit
这是现在使用最广泛的网页编辑工具之一。
Dreamweaver是Macromedia公司推出的 网页编辑工具。
设计人员可以通过该页面的栏目要求来设 计不同版块，每个版块可以有一个标题内 容，并且每个内容版块主要来显示不同文 本信息。
版尾，即页面最低端的版块。
这部分位置通常放置网页的版权信息，以 及网页所有者、设计者的联系方式等。
有的网站也将网站的友情链接以及一些附 属的导航条放置在这里。
3.网页的基本构成要素
有些使用特殊技术（例如Flash、 JavaScript、CSS）制作的导航条还可以具 有下拉菜单的功能。
Banner的中文意思是横幅。Banner的内 容通常为网页中的广告。
在网页布局中，大部分网页将Banner放置 在与导航条相邻处，或者其他醒目的位置 以吸引浏览者浏览。
网页的内容版块是整个页面的组成部分。
在网页中表格用来控制网页中信息的布局 方式。
包括两个方面：一是使用行和列的形式来 布局文本和图像以及其他的列表化数据； 二是可以使用表格来精确控制各种网页元 素在网页中出现的位置。
网页中的表单通常用来接受用户在浏览器 端的输入，然后将这些信息发送到网页设 计者设置的目标端。这个目标可以是文本 文件、Web页、电子邮件，也可以是服务 器端的应用程序。
网页中的动画主要有两种：GIF动画和 Flash动画。其中GIF动画只能有256种颜 色，主要用于简单动画和图标。
声音是多媒体网页的一个重要组成部分。 用于网络的声音文件的格式非常多，常用 的有MIDI、WAV、MP3和AIF等。
很多浏览器不要插件也可以支持MIDI、 WAV和AIF格式的文件，而MP3和RM格 式的声音文件则需要专门的浏览器播放。
1.网页设计基本概念
什么是网页、网站？网页的板块 结构？网页包含哪些基本构成要
素？
• 网站(Web Site)是一个存放网络服务器上的完 整信息的集合体。它包含一个或多个网页，这些 网页以一定的方式链接在一起，成为一个整体， 用来描述一组完整的信息或达到某种期望的宣传 效果。有的网站内容众多，如新浪、搜狐等门户 网站；有的网站只有几个页面，如个人网站。
企业网站常常使用企业的标志或者注册商 标。
一个设计优秀的LOGO可以给浏览者留下 深刻的印象，为网站和企业形象宣传起到 十分重要的作用。
导航条是网页的重要组成元素。设计的目 的是将站点内的信息分类处理，然后放在 网页中以帮助浏览者快速查找站内信息。
导航条的形式多种多样，包括文本导航条、 图像导航条以及动画导航条等。