《计算机应用基础》课程教学资源（PPT课件讲稿）第7-8章 网络基础 与 网页设计_第8章 网页设计

山求理工大彩 SHANDONG UNIVERSITY OF TECHNOLOGY 第四篇 信息浏览和发布 第8章网站及网页设计入门

第四篇 信息浏览和发布 第8章 网站及网页设计入门 1

0 目录 件草凤利学与拉未学腐 8.1 网站简介 8.2 网页简介 8.3 网页设计语言HTML入门

目录 8.3 8.2 网页简介 8.1 网站简介 网页设计语言HTML入门 2

8.1网站简介 计草机利学与校术学网 。网站功能 口网站是指在因特网上根据一定的规则，使用超文本标记语言HTML 等工具制作相关网页的集合。 口网站是一个应用框架，可帮助客户发布资源或获取共享服务。 ■网站分类（依据不同，类别不同） 口编程语言：ASP、PHP、JSP等 口功能：企业网站、网络商城等 口用途：门户网站、行业网站、娱乐网站等 ·网站格式：（根据组成网页格式不同，有以下分类） 口静态网页 网页中没有程序，只有HTML代码，以.htm或.html作为文件扩展名 口动态网页 网页中既有HTML代码，也有程序，文件扩展名与使用语言有关(.asp.pht .jsp等)

8.1 网站简介 3 ◼ 网站功能 ❑ 网站是指在因特网上根据一定的规则，使用超文本标记语言HTML 等工具制作相关网页的集合。 ❑ 网站是一个应用框架，可帮助客户发布资源或获取共享服务。 ◼ 网站分类（依据不同，类别不同） ❑ 编程语言：ASP、PHP、JSP等 ❑ 功能：企业网站、网络商城等 ❑ 用途：门户网站、行业网站、娱乐网站等 ◼ 网站格式：(根据组成网页格式不同，有以下分类) ❑ 静态网页 网页中没有程序，只有HTML代码，以.htm 或 .html作为文件扩展名 ❑ 动态网页 网页中既有HTML代码，也有程序，文件扩展名与使用语言有关(.asp .pht .jsp等)

8.1网站简介 什辣凤利学与技本学脑 网站建设建设一个网站一般需要如下几个步骤： 第一，明确网站建设目的及功能定位。 第二，确定网站技术解决方案。 第三，确定网站内容及实现方式。 第四，网站网页设计。 第五，网站测试。 第六，网站发布与推广。 第七，网站维护

网站建设 建设一个网站一般需要如下几个步骤： 第一，明确网站建设目的及功能定位。 第二，确定网站技术解决方案。 第三，确定网站内容及实现方式。 第四，网站网页设计。 第五，网站测试。 第六，网站发布与推广。 第七，网站维护。 4 8.1 网站简介

8.2网页简介 0 计草机利学与校术学网 网页设计目标 内容清晰、用户体验良好、页面设计精美 网页设计常用工具 图像处理PhotoShop(PS)、动画设计(Flash)、 视频制作、网页代码编辑器(DreamWeaver)等

8.2 网页简介 5 网页设计目标 内容清晰、用户体验良好、页面设计精美 网页设计常用工具 图像处理PhotoShop（PS）、动画设计（Flash）、 视频制作、网页代码编辑器（DreamWeaver）等

8.3网页设计语言HTML入门 0 什利学与技学 1.什么是HTML? 口HTML是超文本标记语言，不是编程语言 口HTML标记标签通常被称为HTML标签。 口HTML标签是由尖括号包围的关键词，比如。 口HTML标签通常是成对出现的，比如和分别 作为开始标签和结束标签

8.3 网页设计语言HTML入门 6 1.什么是HTML？ ❑ HTML 是超文本标记语言 ，不是编程语言 ❑ HTML 标记标签通常被称为 HTML 标签 。 ❑ HTML 标签是由尖括号包围的关键词，比如 。 ❑ HTML 标签通常是成对出现的，比如 和 分别 作为开始标签和结束标签

2.HTML文件的基本结构 0 计草机利学与校术学网 日 2 3 网页标题 代码 4 5 白 6 网页正文. 7 8 L X 运行结果 )⑤包D:\html例题i8-1.htmP,de网页标 网页正文

2. HTML文件的基本结构 7

3.建立方法 0 什草凤利学与拉未学魔 步骤一：启动记事本。 步骤二：用记事本来编辑HTML源代码 步骤三：保存HTML。 “另存为”，选择合适的文件夹，然后给文件起主文 件名，同时请一定注意务必将文件的扩展名修改为.htm或者 html扩展名（切记切记！）。 8

3.建立方法 步骤一：启动记事本。 步骤二：用记事本来编辑 HTML源代码 步骤三：保存 HTML。 “另存为”，选择合适的文件夹，然后给文件起主文 件名，同时请一定注意务必将文件的扩展名修改为.htm 或者 .html 扩展名（切记切记！）。 8

4.运行方法 计草机利学与校术学网 双击网页文件即可在浏览器中运行该文件（浏览器解 释网页文件中的HTML标签含义) 5.修改源代码 右击网页文件，选择用“记事本”打开该文件，然后 编辑。（或相应网页编辑软件) 6.网页源代码查看 单击浏览器的“查看”菜单，选择“查看源文件”， 或在网页上单击右键，然后选择“查看源文件”(E )或“查看网页源代码”(Firefox)

4. 运行方法 双击网页文件即可在浏览器中运行该文件（浏览器解 释网页文件中的HTML标签含义） 5. 修改源代码 右击网页文件，选择用“记事本”打开该文件，然后 编辑。（或相应网页编辑软件） 6. 网页源代码查看 单击浏览器的“查看”菜单，选择“查看源文件”， 或在网页上单击右键，然后选择“查看源文件”（IE ）或“查看网页源代码”（Firefox）， 9

HTML主要标记 0 什草凤利学与拉未学脑 1.文档开始与结束标记. 2.头部标记. 3.标题标记. 4.正文标记. 5.水平线标记 6.注释标记 7.字体设置. 8.标题样式.（n取值可以是1至6) 10

HTML主要标记 1.文档开始与结束标记 . 2.头部标记. 3.标题标记 . 4.正文标记. 5.水平线标记 6.注释标记 7.字体设置. 8.标题样式.（n取值可以是1至6） 10