计算机文化基础课件第8章网页制作
合集下载
计算机文化基础课第八章.ppt
2019/12/24
计算机基础教研室
6
第八章 计算机网络基础
图1: 总线型网络结构示意图
2019/12/24
计算机基础教研室
7
第八章 计算机网络基础
图2: 星型结构示意图
2019/12/24
计算机基础教研室
8
第八章 计算机网络基础
Token
图3: 环形结构示意图。
2019/12/24
计算机基础教研室
计算机基础教研室
5
第八章 计算机网络基础
二、物理组成（教材296页）
三、计算机网络的分类
1．按网络的拓扑结构划分计算机网络 网络拓扑：网络的连接的不同方法和形式。
(1)总线拓扑(2)星型拓扑(3)环形拓扑(4)网格拓扑 2．从通讯距离或地域覆盖范围分类：
(1)局域网(LAN):作用范围通常为几十到几千公里。 (2)广域网(WAN):作用范围通常为几十到几千公里。 (3)城域网(MAN):作用范围为5—50公里。
IE窗口
2019/12/24
计算机基础教研室
17
第八章 计算机网络基础
四、 邮件管理Outlook Express
Outlook Express是Windows 提供的基于POP（Post Office Protocol）——邮局协议的邮件用户代理程序， 它是一个运行在邮件服务器上的信件存储转发程序。
计算机基础教研室
20
第八章 计算机网络基础
三、 IP地址和域名
为了区分网上的计算机，INTERNET使用了地址和域名来进行标识
1、IP地址——接入Internet的计算机被分配的网络地址
由四字节（32位）组成，分为两个部分，第一部分是网络号， 第二部分是主机号。每字节用.分隔，常常用三位四组十进制来表 示，如：192.168.1.1。
《网页设计与制作》课件
《网页设计与制作》PPT 课件
# 网页设计与制作
本课程旨在传授网页设计与制作的基础知识和技能。通过课程学习，您将掌 握网页设计的流程、布局原则、交互设计以及网站的维护与发布。
第一章：课程介绍
1 学习目标
明确课程学习目标，了解学习内容和要求。
2 课程安排
详细介绍每个章节的内容安排和学习进度。
3 教学方法
2 标准布局
讲解网页布局设计的基本原则和注意事项。
介绍常用的标准网页布局模式和技巧。
3 自适应布局
பைடு நூலகம்
4 响应式布局
学习如何设计适应不同设备和屏幕尺寸的 网页布局。
解析响应式设计的概念和实现方法。
第四章：网页交互设计
1 交互设计概述
揭示交互设计的重要性和基本原则。
3 交互设计流程
探讨交互设计的典型流程和步骤。
2 常用交互元素
介绍常见的网页交互元素和设计技巧。
4 JavaScript基础
入门级JavaScript语法和常用函数的使用。
第五章：网站维护与发布
1 网站测试与调试
学习进行网站测试、调 试和优化的方法。
2 网站备份与恢复
讲解网站备份和恢复的 重要性和实施步骤。
3 网站发布与维护
指导网站发布和日常维 护的关键要点。
介绍教学方法，包括理论讲解、实践演练和案例分析等。
第二章：网页设计基础
1 网页设计概述
2 HTML基础
介绍网页设计的定义、重要性和发展趋势。
学习HTML标签的使用和基本语法规范。
3 CSS基础
学习CSS样式的定义和常用属性。
4 网页设计流程
简要介绍网页设计的典型流程和步骤。
第三章：网页布局设计
# 网页设计与制作
本课程旨在传授网页设计与制作的基础知识和技能。通过课程学习，您将掌 握网页设计的流程、布局原则、交互设计以及网站的维护与发布。
第一章：课程介绍
1 学习目标
明确课程学习目标，了解学习内容和要求。
2 课程安排
详细介绍每个章节的内容安排和学习进度。
3 教学方法
2 标准布局
讲解网页布局设计的基本原则和注意事项。
介绍常用的标准网页布局模式和技巧。
3 自适应布局
பைடு நூலகம்
4 响应式布局
学习如何设计适应不同设备和屏幕尺寸的 网页布局。
解析响应式设计的概念和实现方法。
第四章：网页交互设计
1 交互设计概述
揭示交互设计的重要性和基本原则。
3 交互设计流程
探讨交互设计的典型流程和步骤。
2 常用交互元素
介绍常见的网页交互元素和设计技巧。
4 JavaScript基础
入门级JavaScript语法和常用函数的使用。
第五章：网站维护与发布
1 网站测试与调试
学习进行网站测试、调 试和优化的方法。
2 网站备份与恢复
讲解网站备份和恢复的 重要性和实施步骤。
3 网站发布与维护
指导网站发布和日常维 护的关键要点。
介绍教学方法，包括理论讲解、实践演练和案例分析等。
第二章：网页设计基础
1 网页设计概述
2 HTML基础
介绍网页设计的定义、重要性和发展趋势。
学习HTML标签的使用和基本语法规范。
3 CSS基础
学习CSS样式的定义和常用属性。
4 网页设计流程
简要介绍网页设计的典型流程和步骤。
第三章：网页布局设计
计算机文化基础_第8章__网页制作
第八章网页制作教学目标：►掌握站点与网页的基本操作►掌握表格的使用以及使用表格布局页面，框架的创建和编辑方法►熟练应用网页编辑的技术，包括网页文本的编辑和格式化，设置段落格式，设置网页属性，插入和编辑图像等►全面掌握在FrontPage中网页超链接的创建、属性的设置以及表单的创建等。
►掌握动态网页的设计以及网页的发布。
8-1 HTML简介HTML是超文本标记语言（Hypertext Markup Language）的英文缩写，是WWW技术的基础。
它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。
用HTML语言编写的文件，称为HTML文件。
它通常存储在Web服务器上，客户端通过浏览器向Web服务器发出请求，服务器响应请求并将HTML文件发送给浏览器对文件中的标记做出相应解释，以页面的形式呈现在用户屏幕上。
因此，HTML文档又称为网页（Web Page）。
用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名。
HTML 文件可用任何文本处理软件（如记事本）编写。
8.1.1、HTML语言概述HTML语言是由世界性的标准化组织W3C制定的，通过htt://网站可以了解HTML标准的最新动态。
㈠、HTML文件的基本构成1、HTML文件的组成：每一个HTML文件都包括HTML标记和文本内容两部分。
2、HTML标记：HTML标记负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。
其一般格式为：<标记名>文本内容</标记名>多数HTML标记同时具有起始标记和结束标记，且成对出现；但也有些HTML标记没有结束标记。
HTML标记不区分大小写。
HTML标记还具有一些属性。
指定对象的特性，如背景颜色、文本字体大小、对齐方式等。
属性一般放在“开始标记”中，格式如下：<标记名属性1=值1 属性2=值2 …>文本内容</标记名>其中，标记名和属性、属性和属性之间用空格分隔。
网页设计与制作教程PPT课件
案例二：企业官网制作
总结词
专业形象塑造
详细描述
企业官网是企业形象的重要组成部分，设计时需注重专业 形象的塑造。采用符合企业品牌形象的颜色、字体和布局 ，以及专业的图片和内容，提升企业形象和可信度。
总结词
用户体验优化
详细描述
企业官网的用户体验至关重要，设计时应注重用户需求和 习惯。提供清晰的信息架构、便捷的导航和搜索功能，以 及响应式设计，确保用户在不同设备和浏览器上都能获得 良好的访问体验。
使用CSS和JavaScript创建一个模 态对话框，当用户与页面交互时弹 出，并覆盖背景内容。
表单验证
使用JavaScript对表单输入进行验 证，确保用户输入的数据符合要求， 提高数据质量。
特效制作
淡入淡出效果
使用CSS动画实现元素从透明到不透明或从一种颜 色渐变到另一种颜色的效果。
滑动效果
使用CSS或JavaScript实现元素在页面上的滑动效 果，如左右滑动、上下滑动等。
本课程将涵盖网页设计理念、HTML、CSS、JavaScript等前端技术，以及响应 式设计、网页性能优化等方面的知识，使学员能够独立完成一个精美、高效的网 页作品。
学习目标
01
掌握网页设计的基本理 念和原则，能够独立设 计出符合用户需求的网 页。
02
熟悉HTML、CSS、 JavaScript等前端技术， 能够熟练地编写网页代 码。
外部样式表
通过外部CSS文件引入样式，并 在HTML文档中使用`<link>`标
签引入该文件，如`<link rel="stylesheet" type="text/css"
href="styles.css">`
计算机文化基础课件第8章
目 录 上一页 下一页 结 束
2013-7-4
计算机文化基础
8
8.1.5 网页设计的相关计算机语言
1. HTML HTML是Hypertext Markup Language的缩写， 是 WWW 技 术 的 基 础 ， 它 使 用 一 些 约 定 的 标 记 （Tag）对文本进行标注，定义网页的数据格式， 描述Web页中的信息，控制文本的显示。
目 录 上一页 下一页 结 束
根据网页的生成方式，大致可以分为静态网 页和动态网页两种。
2013-7-4
计算具
1. 网页制作三剑客
Dreamweaver、Flash、Fireworks被称为网页制作“三剑客” 。
（1）Dreamweaver是美国著名的软件开发商Macromedia公司 推出的一个所见即所得的可视化网站开发工具，该软件同 时适用于初学者和专业网页设计师。
目 录 上一页 下一页 结 束
要浏览Web页面，必须在本地计算机上安装浏览器软件。 浏览器就是Web客户端，它是一个应用程序，用于与Web服务 器建立连接，并与之进行通信。 浏 览 器 和 服 务 器 之 间 通 过 超 文 本 传 送 协 议 （ HyperText Transfer Protocol，HTTP）进行通信。
目 录 上一页 下一页 结 束 返 回
2013-7-4
计算机文化基础
21
8.2.2 常用的HTML标记
1. 文本布局
1）段落标记<p> <p>…</p>标记指定文档中一个独立的段落。通过设置 align属性，控制段落的对齐方式，其值可以是left、 center、right、justify，分别表示左对齐、居中、右对 齐和两端对齐，默认值为左对齐。 使用格式如下： <p align=对齐方式> … </p> 2）换行标记<br> <br>标记可以强制文本换行。该标记只有起始标记。 3）水平线标记<hr> 水平线标记<hr>用于在网页中插入一条水平线。
初中八年级信息技术课件制作网页优秀公开课PPT
提高信息素养
培养创新思维
在学习过程中，鼓励学生发挥创意， 自主设计课件，培养其创新思维和解 决问题的能力。
通过学习课件制作，学生将更加熟悉 信息技术在日常学习中的应用，提高 自身的信息素养和信息处理能力。
课程内容
文字编辑与排版
学习文字编辑技巧、字体设置、 段落排版等，提升课件的文字表 现力。
图片与多媒体素材的使用
教授如何选择合适的图片和多媒 体素材，以及如何将其插入课件 中，丰富课件内容。
动画与交互设计
学习添加动画效果、设置超链接 、制作交互式元素等，提升课件 的趣味性和互动性。
课件制作基础知识
介绍课件制作的基本概念、常用 工具和制作流程，为学生后续学 习打下基础。
综ቤተ መጻሕፍቲ ባይዱ实践
组织学生进行小组合作，根据某 一主题自主设计并制作完整的课 件作品，培养其实践能力和团队 协作精神。
初中八年级信息技术课件制作网 页优秀公开课
汇报人：可编辑 2023-12-27
• 课程介绍 • 网页制作基础 • 网页制作进阶 • 优秀网页案例分析 • 学生作品展示与点评 • 课程总结与展望
01
课程介绍
课程目标
掌握课件制作的基本技能
学生将通过本课程学习，掌握使用常 见课件制作工具进行课件制作的基本 技能，包括文字编辑、图片插入、动 画设置等。
02
网页制作基础
HTML基础
HTML标签
包括标题、段落、列表、链接、 图片等常用标签。
HTML文档结构
包括文档类型声明、html标签、 head标签和body标签等。
CSS基础
CSS选择器
包括元素选择器、类选择器和ID选择 器等。
CSS属性
网页制作教程-PPT课件
菜单栏 插入栏
2. 网页的类型
• 动态网页 是在发送到浏览器之 前由应用程序服务器 自定义的网页。动态 网页要在经过服务器 的修改后才被发送到 请求它的浏览器。网 页发生更改的特性便 是称其为动态的原因。
“文档”工具栏
面板组
“文档”窗口 状态栏 “属性”面板
动态网页的工作流程 11
11
子任务1
3. 组成页面的元素
可以通过“文件”->“在浏览器中预览”->iexplore运 行。 直接单击“F12”运行。 点击“文档”工具栏中的快捷按钮运行。
27
27
小结与作业
bvtc
静态网页与动态网页 Html基本概念 网页设计与制作的基本流程 Dreamweaver CS3工作界面 如何创建本地站点并进行管理 对页面属性进行设置 代码文件头“title”标记的设置 如何运行网页文件 上机实验1
bvtc
网页的基本操作与站点管理
不要将所有文件都放在根目录下，这样做会使文件管理混乱，上 传速度慢。 按栏目内容建立子目录。 次要栏目视情况而定。对于需要经常更新的栏目可以建立独立的 子目录。而一些相关性强，不需要经常更新的栏目，可以合并放 在一个统一的目录下。 所有程序一般都放在特定目录中，所有需要下载的内容也最好放 在一个子目录下。 在每个主目录下都建立独立的images目录，。为每一个栏目建 立一个独立的images目录是最方便管理的。而根目录下的 images目录只是用来放首页和一些次要栏目的图片。 注意：目录的层次不要太深，不要使用中文目录，不要使用过长 的目录名，目录要做到“见名之义”等。
二、网站的制作期:使用Dreamweaver制作首页及分页。 三、网站的后期维护:测试网站,申请域名,上传网站内容及管理。
2. 网页的类型
• 动态网页 是在发送到浏览器之 前由应用程序服务器 自定义的网页。动态 网页要在经过服务器 的修改后才被发送到 请求它的浏览器。网 页发生更改的特性便 是称其为动态的原因。
“文档”工具栏
面板组
“文档”窗口 状态栏 “属性”面板
动态网页的工作流程 11
11
子任务1
3. 组成页面的元素
可以通过“文件”->“在浏览器中预览”->iexplore运 行。 直接单击“F12”运行。 点击“文档”工具栏中的快捷按钮运行。
27
27
小结与作业
bvtc
静态网页与动态网页 Html基本概念 网页设计与制作的基本流程 Dreamweaver CS3工作界面 如何创建本地站点并进行管理 对页面属性进行设置 代码文件头“title”标记的设置 如何运行网页文件 上机实验1
bvtc
网页的基本操作与站点管理
不要将所有文件都放在根目录下，这样做会使文件管理混乱，上 传速度慢。 按栏目内容建立子目录。 次要栏目视情况而定。对于需要经常更新的栏目可以建立独立的 子目录。而一些相关性强，不需要经常更新的栏目，可以合并放 在一个统一的目录下。 所有程序一般都放在特定目录中，所有需要下载的内容也最好放 在一个子目录下。 在每个主目录下都建立独立的images目录，。为每一个栏目建 立一个独立的images目录是最方便管理的。而根目录下的 images目录只是用来放首页和一些次要栏目的图片。 注意：目录的层次不要太深，不要使用中文目录，不要使用过长 的目录名，目录要做到“见名之义”等。
二、网站的制作期:使用Dreamweaver制作首页及分页。 三、网站的后期维护:测试网站,申请域名,上传网站内容及管理。
网页制作计算机基础技术课件
详细描述
动态网页的制作需要掌握服务器端脚本语言（如PHP、Python等）和数据库技术（如MySQL、 MongoDB等）等相关知识。同时需要关注网络安全和数据保护等方面的问题，采取相应的安全措施和 技术手段来保护用户数据的安全性和隐私性。
THANKS FOR WATCHING
感谢您的观看
JavaScript语法基础
变量
使用var、let或const声明变量， 并使用赋值运算符（=）为变量
赋值。
数据类型
JavaScript有基本数据类型（如 Number、String、Boolean、 Null、Undefined）和复杂数据
类型（如Object）。
控制结构
使用if语句、switch语句和循环 （如for、while）来控制程序流
详细描述
响应式网页设计需要考虑不同设备的屏幕尺寸、分辨率和 方向等因素，通过使用CSS3的媒体查询功能，以及采用 流式布局和弹性图片等手段，使网页能够自适应不同屏幕 尺寸，提供良好的用户体验。
总结词
响应式网页设计需要综合考虑页面布局、导航结构和媒体 内容等方面，以确保在不同设备上都能提供一致的用户体 验。
网页制作目的
网页制作的主要目的是为了向用户展示信息，提供服务，推广品牌，并为用户 提供良好的在线体验。
网页制作的基本流程
需求分析
明确网页制作的目的是什么，需要展 示哪些内容，目标受众是谁等信息。
02
设计阶段
根据需求分析结果，进行网页的布局 和样式设计，包括颜色、字体、图片 等元素的选择和搭配。
01
详细描述
在制作响应式网页时，需要考虑页面元素的布局和排列方 式，以及导航菜单的结构和交互效果，同时要确保图片、 视频等媒体内容在不同设备上都能正确显示和播放。
动态网页的制作需要掌握服务器端脚本语言（如PHP、Python等）和数据库技术（如MySQL、 MongoDB等）等相关知识。同时需要关注网络安全和数据保护等方面的问题，采取相应的安全措施和 技术手段来保护用户数据的安全性和隐私性。
THANKS FOR WATCHING
感谢您的观看
JavaScript语法基础
变量
使用var、let或const声明变量， 并使用赋值运算符（=）为变量
赋值。
数据类型
JavaScript有基本数据类型（如 Number、String、Boolean、 Null、Undefined）和复杂数据
类型（如Object）。
控制结构
使用if语句、switch语句和循环 （如for、while）来控制程序流
详细描述
响应式网页设计需要考虑不同设备的屏幕尺寸、分辨率和 方向等因素，通过使用CSS3的媒体查询功能，以及采用 流式布局和弹性图片等手段，使网页能够自适应不同屏幕 尺寸，提供良好的用户体验。
总结词
响应式网页设计需要综合考虑页面布局、导航结构和媒体 内容等方面，以确保在不同设备上都能提供一致的用户体 验。
网页制作目的
网页制作的主要目的是为了向用户展示信息，提供服务，推广品牌，并为用户 提供良好的在线体验。
网页制作的基本流程
需求分析
明确网页制作的目的是什么，需要展 示哪些内容，目标受众是谁等信息。
02
设计阶段
根据需求分析结果，进行网页的布局 和样式设计，包括颜色、字体、图片 等元素的选择和搭配。
01
详细描述
在制作响应式网页时，需要考虑页面元素的布局和排列方 式，以及导航菜单的结构和交互效果，同时要确保图片、 视频等媒体内容在不同设备上都能正确显示和播放。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2020/12/9
计算机文化基础
16
8.2.1 HTML语言概述
某些HTML标记还具有一些属性，这些属性指定 对象的特性，如背景颜色、文本字体及大小、对齐方 式等。属性一般放在“起始标记”中，格式如下：
<标记名 属性1=值1 属性2=值2 …> 文本内容 </标记 名>
目录
其中标记名和属性之间用空格分隔。如果标记有
2020/12/9
计算机文化基础
3
8.1.2 服务器与浏览器
目录 上一页 下一页 结束
网站通常位于Web服务器上，Web服务器又称WWW服务 器、网站服务器或站点服务器。从本质上讲，Web服务器就是 一个软件系统，它通过网络接收HTTP请求，然后提供HTTP响 应给请求者。HTTP响应一般包含一个HTML文件，但也可以包 含文本文件、图像或其他类型的文件。要使一台计算机成为一 台Web服务器，就需要安装专门的服务程序 。
上一页 多种属性，属性之间也要用空格分隔。
下一页
结束
2020/12/9
计算机文化基础
17
8.2.1 HTML语言概述
2. HTML网页的结构
现 在 我 们 先 看 一 个 简 单 的 HTML 文 件 ， 从 中 体 会 用 HTML语言编写网页时的层次结构。
【例8-1】用HTML语言编写一个简单的网页。
计算机文化基础
21
8.2.2 常用的HTML标记
目录 上一页 下一页 结束
1. 文本布局
1）段落标记<p> <p>…</p> 标 记 指 定 文 档 中 一 个 独 立 的 段 落 。 通 过 设 置
align 属 性 ， 控 制 段 落 的 对 齐 方 式 ， 其 值 可 以 是 left 、 center、right、justify，分别表示左对齐、居中、右对 齐和两端对齐，默认值为左对齐。 使用格式如下：
1）头部（Head）
HTML 文 件 的 头 部 由 <head> 和 </head> 标 记 定
义。通常情况下，文件的标题、语言字符集信息
目录
等都放在头部信息中。最常用到的标记是
上一页 <title>…</title>，它用于定义网页文件的标题，
下一页
当该网页文件被打开后，网页文件的标题将出现
在浏览器的标题栏中。
服务器端脚本是运行在服务器端的程序。这里所说
目 录 的客户端指的是浏览器，服务器端指的是Web服务
上一页
器。
下一页
结束
目 前 较 为 流 行 的 脚 本 语 言 有 JavaScript 和
VBScript。
2020/12/9
计算机文化基础
13
8.2 HTML简介
HTML文件是一种纯文本文件，我们可以使用 任何文本处理软件（如记事本）来创建或处理 HTML文件。
如果网页使用背景图像，格式如下：
目录
<body background="路径/图片文件名">…</body>
上一页
HTML对格式的要求并不严格，当HTML文件被
下一页 浏览器扫描时，所有包含在文件中的空格、回车等均
被忽略。因此你可以将一行写成两行或多回
2020/12/9
计算机文化基础
4
8.1.3 网页
网页一般又称为HTML文件，是一种可 以在WWW上传输，能被浏览器认识和翻 译成页面并显示出来的文件。通常用户看
到的网页大多是以.htm和.html为扩展名的
目录
上一页
文件。
下一页
结束
2020/12/9
计算机文化基础
5
8.1.3 网页
1. 网页内容
一般来说，网页主要由文字、图片、动画、 超链接和特殊组件等元素构成。
8.2.1 HTML语言概述
目录
8.2.2 常用的HTML标记
上一页 下一页 结束
2020/12/9
计算机文化基础
14
8.2.1 HTML语言概述
HTML 语 言 是 由 世 界 性 的 标 准 化 组 织 W3C
（World Wide Web Consortium）制定的，通过
浏览可以了解到HTML标准的
目录
我们把用HTML语言编写的文件称为HTML
上一页 文件，把HTML文档称为网页（Web Page）。用
下一页 HTML语言编写的网页实际上是一种文本文件，
结 束 它以.htm或.html为扩展名。
2020/12/9
计算机文化基础
9
8.1.5 网页设计的相关计算机语言
2. XML
XML是Extensible Markup Language的缩写， 中文名为可扩展标记语言。其主要用途是在 Internet上传递或处理数据。XML与HTML不是 目 录 并列的概念，它可以说是HTML的补丁，以弥补 上一页 HTML的不足。比如，在HTML中不允许用户自 下一页 定义控制标识符，而在XML中允许用户这样做。 结 束 XML文件的扩展名为.xml。
要浏览Web页面，必须在本地计算机上安装浏览器软件。 浏览器就是Web客户端，它是一个应用程序，用于与Web服务 器建立连接，并与之进行通信。
浏 览 器 和 服 务 器 之 间 通 过 超 文 本 传 送 协 议 （ HyperText Transfer Protocol，HTTP）进行通信。
2020/12/9
最新动态。
目录
上一页
下面介绍HTML文件的基本构成和层次结构。
下一页
结束
2020/12/9
计算机文化基础
15
8.2.1 HTML语言概述
1. HTML文件标记 Internet中的每一个HTML文件都包括文本内容 和HTML标记两部分。其中，HTML标记负责控 制文本显示的外观和版式，并为浏览器指定各种 链接的图像、声音和其他对象的位置。多数 HTML标记的书写格式如下： <标记名>文本内容</标记名> 目 录 标记名写在“< >”内。多数HTML标记同时具有 上一页 起 始 和 结 束 标 记 ， 并 且 成 对 出 现 ， 但 也 有 些 下一页 HTML标记没有结束标记。另外，HTML标记不 结 束 区分大小写。
第八章 网页制作
第八章 网页制作
8.1 概述
8.2 HTML简介
8.3 网页制作
目录
8.4 网页布局
上一页
8.5 创建表单页面
下一页
8.6 网页的发布
结束
2020/12/9
计算机文化基础
1
8.1 概 述
8.1.1 网站
8.1.2 服务器与浏览器
8.1.3 网页
8.1.4 网页制作工具
目录
8.1.5 网页设计的相关计算机语言
2. 静态网页和动态网页
目录
根据网页的生成方式，大致可以分为静态网
上一页 下一页
页和动态网页两种。
结束
2020/12/9
计算机文化基础
6
8.1.4 网页制作工具
目录 上一页 下一页 结束
1. 网页制作三剑客 Dreamweaver、Flash、Fireworks被称为网页制作“三剑客” 。 （1）Dreamweaver是美国著名的软件开发商Macromedia公司
2020/12/9
计算机文化基础
10
8.1.5 网页设计的相关计算机语言
3. CSS
CSS是Cascading Style Sheets的缩写，中文名 为层叠样式表，主要用来对网页数据进行编排、
格式化、显示、特效等。传统的HTML不能对网 目 录 页数据进行随心所欲的格式化，而CSS语言却满 上一页 足了这种要求，它对网页的特殊显示、特殊效果
下一页
结束
2020/12/9
计算机文化基础
8
8.1.5 网页设计的相关计算机语言
1. HTML
HTML是Hypertext Markup Language的缩写， 是 WWW 技 术 的 基 础 ， 它 使 用 一 些 约 定 的 标 记 （Tag）对文本进行标注，定义网页的数据格式， 描述Web页中的信息，控制文本的显示。
上一页 然后用程序处理这些对象相关的属性、方法，让
下一页 事件去完成一定的处理程序，以达到网页的动态
结束
效果。
2020/12/9
计算机文化基础
12
8.1.5 网页设计的相关计算机语言
5. 脚本语言
脚本（Script）语言是嵌入到HTML代码中的 程序，根据运行的位置不同把它分为客户端脚本和
服务器端脚本。客户端脚本是运行在客户端的程序，
推出的一个所见即所得的可视化网站开发工具，该软件同 时适用于初学者和专业网页设计师。
（2）Fireworks也是由Macromedia公司开发的一种工具，它 以处理网页图片为特长，并可以轻松创造GIF动画。
（3）Flash是当今Internet最流行的动画作品的制作工具，并 成为事实上的交互式矢量动画标准。
计算机文化基础
18
8.2.1 HTML语言概述
将上述代码用文本编辑器编辑并保存为一个 扩展名为.htm的文件，双击该文件图标，在浏览 器中看到如下图所示的结果。
目录 上一页 下一页 结束
图9-1
2020/12/9
计算机文化基础
19
8.2.1 HTML语言概述
从 上 例 可 以 看 出 ， 一 般 HTML 文 件 都 是 以 <html>开头，以</html>结束。其文件结构由以下 两部分组成：