网页制作基础知识-习题ppt课件.ppt

《网页制作基础知识-习题ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章网页制作基础知识网页是构成网站的基本元素，也是网站信息发布的一种最常见的表现形式。网页主要由文字、图片、动画、音频、视频等信息组成。HTML超文本标记语言是网页制作的基础，在美化网页的过程中，CSS级联样式表可以方便、快捷的控制网页总体风格。教学目标通过本章的学习，了解HTML在网页制作中的重要作用和意义，掌握一些主要标记的含义、用法及属性设置。能够灵活的配合CSS有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。教学重点与难点HTML文档的组成和基本标记的作用、属性设置。利用HTML标记创建网页中的基本元素。CSS规则和

2、内、外部CSS的用法。利用CSS文件对网页的总体风格进行控制。通过修改HTML文档中代码的方法编辑并变化网页。*网页主要由HTML语言中起着各种作用的标记和对网页风格起控制作用的CSS样式表编写而成，本章将介绍“网页制作学习园地”网站的制作。“网页制作学习园地”主页“index.htm”，网页效果如下所示。***index.htmFrameset.htmtopframe.htmleftframe.htmmainframe.htmhtml_tag.htmm*.*2．网页的主题定位确定为什么要创建这个网页及希望展示的内容。创建此页面的目的是让访问者

3、一打开网页就能发掘学习的内容，同时显示友好的标语欢迎访问者。3．图片、声音等媒体文件的使用要让网页更加美观，更具人性化，可在网页中适当添加图片、动画、音/视频等多媒体文件。为了保证网页的传输速度，选择网络上常见的媒体格式，并将它们放置在相应的文件夹中。4．制作工具的选择可使用FrontPage、DreamWeaver等网页制作软件。在本案例中，将使用DreamWeaverMX进行“网页制作学习园地”网站的创建。*1.2.1HTML语言在Web的发展历史中，HTML技术是优秀而核心的Web技术之一。目前计算机上包含互联网在内的大部分应用程序在交互

4、操作上的核心原理都来自于HTML的链接设计思想。1、HTML简述HTML（HyperTextMarkupLanguage）即超文本标记语言，是WWW描述语言及制作网页的基础，也是一种用于文档布局和超文本链接规范的语言。它定义了特殊的、嵌入式指令的语法和放置方法，浏览器中不会显示这些指令，但是可以告诉浏览器该如何显示文档的内容，如文本、图像以及其他支持的媒体等。HTML基于SGML，即标准通用标记语言（StandardGeneralizedMarkupLanguage）。由HTML标记（或标签、标记）组成的描述性文本，可说明文字、图形、动画、声音

5、、表格、链接等内容。*2．HTML标记的表示HTML标记的格式：<标记>文件内容HTML标记必须写在一对尖括号“<>”中，通常情况下成对出现。结束标记在标记前添加斜杠“/”。根据HTML标准，标记和属性名不区分大小写。如、、之间没有任何区别，它们的作用都是一样的。标记可包含自身的一个或多个属性，标记与属性之间以空格隔开。各属性的排列顺序不做要求，属性值可由用户设置，否则将采用默认的设置值，属性值要用双引号或单引号括起来。其格式如下：元素--标识标记属性--描述标记

6、value>值--分配给属性的具体内容*HTML结构包括头部（Head）、主体（Body）两大部分。头部放置文档标题，也可以指明浏览器在显示文档时可能会用到的其他参数；主体放置文档的实际内容，包括要显示的文本和文档的控制标记（标签），这些标记将告诉浏览器该如何显示文本。标签还可以引用特殊效果的文件，包括图像、图形、声音和动画，并指出将文档链接到其他文档的热点。3．HTML文档结构*1．HTML文档结构标记及作用如下表所示。标记说明...文档是用html超文本标记语言编写的，所有的网页文件都放置在此标记中。.

7、..包含并不显示在浏览器窗口中但指明有关文档信息的头部标记标题标记，放置在中，定义网页标题（在标题栏显示）。一般情况下标题长度不超过64个字符。描述HTML文档的属性，如作者、日期、网页描述、关键词、页面刷新等,位于和