TN第八章网页设计技术
第八章 网页设计技术
7.1.4网页制作的流程目录11收集资料和素材收集客户资料，根据客户提出网站建设基本要求，收集相上一页关文本及图片资料和用户确定制作内容及要求（如公司介一页绍、项目描述、网站基本功能需求、基本设计要求），并搜集此网页需要的图片等素材。退出2.规划站点根据客户的需求，规划网站的布局和结构划分。3.制作网页测试站点4.5.发布站点6.更新和维护站点2025/4/62
目 录 上一页 下一页 退 出 2025/4/6 2 7.1.4 网页制作的流程 1. 收集资料和素材 – 收集客户资料，根据客户提出网站建设基本要求，收集相 关文本及图片资料和用户确定制作内容及要求（如公司介 绍、项目描述、网站基本功能需求、基本设计要求），并 搜集此网页需要的图片等素材。 2. 规划站点 – 根据客户的需求，规划网站的布局和结构划分。 3. 制作网页 4. 测试站点 5. 发布站点 6. 更新和维护站点
超文本标记语言HTML目录HTML简介项顶-HTML的结构概念网页文件的创建过程W退出HTML的标记2025/4/63
目 录 上一页 下一页 退 出 2025/4/6 3 超文本标记语言HTML ➢ HTML简介 ➢ HTML的结构概念 ➢ 网页文件的创建过程 ➢ HTML的标记
HTML简介目录人HTML页英文全称是HyperTextMarkupLanguage，直译一页为超文本标记语言。它是全球广域网上描述网退出页内容和外观的标准。HTML包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像等。2025/4/6
目 录 上一页 下一页 退 出 2025/4/6 4 HTML简介 ➢ HTML ➢ 英文全称是Hyper Text Markup Language，直译 为超文本标记语言。它是全球广域网上描述网 页内容和外观的标准。HTML包含了一对打开 和关闭的标记，在当中包含有属性和值。标记 描述了每个在网页上的组件，例如文本段落、 表格或图像等
HTML的结构概念目录一个完整的HTML文件包括标题、段落、列表、表上一页格以及各种嵌入对象，这些对象统称为HTML元素。多数有起始标记和结束标记。一页&一个HTML文件的基本结构如下：退出文件开始标记文件头开始的标记文件头的内容文件头结束的标记文件主体开始的标记文件主体的内容文件主体结束的标记文件结束标记2025/4/65
目 录 上一页 下一页 退 出 2025/4/6 5 HTML的结构概念 一个完整的HTML文件包括标题、段落、列表、表 格以及各种嵌入对象，这些对象统称为HTML元素。 多数有起始标记和结束标记。 一个HTML文件的基本结构如下： 文件开始标记 文件头开始的标记 . 文件头的内容 文件头结束的标记 文件主体开始的标记 . 文件主体的内容 文件主体结束的标记 文件结束标记
网页文件的创建过程目录对于网页的建立,我们可以用简单的“记事本”来编辑网页,步骤如下：上一页①打开记事本。一页②按照HTML语言规则编辑新文件，在“记事本”窗口中输入退出HTML语言。③保存网页“文件”→“保存”一→“另存为”，在“文件名”文本框输入以.html或.htm为后缀的文件名，如mypage1.html;如果希望这一页是网站的首页（主页），想让浏览者输入网址后，就显示这一页的内容，可以把这个文件设为默认文档，文件名为index.html或index.htm2025/4/66
目 录 上一页 下一页 退 出 2025/4/6 6 网页文件的创建过程 ➢ 对于网页的建立,我们可以用简单的“记事本”来编辑 网页,步骤如下: ① 打开记事本。 ② 按照HTML语言规则编辑新文件，在“记事本”窗口中输入 HTML语言。 ③ 保存网页 “文件” “保存” “另存为”，在“文件名”文本 框输入以.html或.htm为后缀的文件名，如mypage1.html； 如果希望这一页是网站的首页（主页），想让浏 览者输入网址后，就显示这一页的内容，可以把这个 文件设为默认文档，文件名为index.html或index.htm
HTML的标记例在网页中设置段落和页面格式。目录一页文本布局一页退出在这里我们首先向您介绍有关HTML语言的基本知识和基本语法。然后，讲授如何使用HTML语言编写您的Web页面。段落左对齐段落居中段落右对齐2025/4/6
目 录 上一页 下一页 退 出 2025/4/6 7 HTML的标记 例 在网页中设置段落和页面格式。 文本布局 在这里我们首先向您介绍有关HTML语言的基本知识和 基本语法。然后，讲授如何使用HTML语言编写您 的Web页面。 段落左对齐 段落居中 段落右对齐
HTML的标记目录1.页面布局页(1)网页背景色顶在标记中使用bgcolor属性设置网页背景颜色退出如：background属性定义网页的背景图片如：background="images/bg.gif"(2)网页前景色定义HTML文档的正文文字颜色，如text="#FF0000"设置网页文字为红色，颜色将应用于整篇文档。2025/4/68
目 录 上一页 下一页 退 出 2025/4/6 8 HTML的标记 1. 页面布局 (1) 网页背景色 在标记中使用bgcolor属性设置网页背景颜色 如： background属性定义网页的背景图片 如：background="images/bg.gif" (2) 网页前景色 定义HTML文档的正文文字颜色，如text="#FF0000"， 设置网页文字为红色，颜色将应用于整篇文档
HTML的标记目录1.页面布局页(3）网页页边距一页设置网页主体内容距离网页左端、右端、顶端和退出底端距离的属性leftmargin、rightmargin、topmargin和bottommargin。如：leftmargin="20”topmargin="30"，设置网页左边距20像素，上边距30像素2025/4/69
目 录 上一页 下一页 退 出 2025/4/6 9 HTML的标记 1. 页面布局 (3) 网页页边距 设置网页主体内容距离网页左端、右端、顶端和 底端距离的属性leftmargin、rightmargin、topmargin和 bottommargin。 如：leftmargin="20" topmargin="30"，设置网页左边距 20像素，上边距30像素
HTML的标记目录2.文本布局页(1)段落标记质(2)换行标记退出(3)水平线标记(4)居中标记2025/4/610
目 录 上一页 下一页 退 出 2025/4/6 10 HTML的标记 2. 文本布局 (1) 段落标记 (2) 换行标记 (3) 水平线标记 (4) 居中标记