网页制作案例教程 第3版 作者 高林 胡强 第1章已完成.pptVIP

2.插入FLASH动画 使用EMBED标记可以在网页中插入FLASH等 对象。同添加背景音乐的方法一样，EMBED 标记可以放在HTML与/HTML内的任何位 置。引导FLASH文件的标记是SRC。 1.3.4 不同文件间的链接 1.使用文字的链接 HTML文件的链接是通过链接标记 “A…/A”来实现的。 2.使用图像或动画的链接 建立图像或动画的链接的方法是在链接标记 A……/A的中间加入一个 IMG SRC标记。 1.3.5 网页框架 1.设置框架 设置框架需要使用标记 FRAMESET……/FRAMESET来取代 BODY……/BODY标记。 2.修饰框架 修饰框架窗口需要使用FRAME标记，它在 FRAMESET……/FRAMESET之间。 3.窗口间的链接 实现窗口间的链接需要使用TARGET属性。 小 结 本章首先介绍了网页和网站的基本概念以及 它们之间的相互关系，然后简单介绍了网页 制作的常用软件，如Adobe Dreamweaver CS5和Microsoft FrontPage，最后介绍了什 么是HTML及HTML中常用的标记。HTML是 深入学习网页编程的基础内容，读者需仔细 阅读这部分内容。 第1章 网页制作基础知识 本章要点 了解网页与网站的关系。 了解制作网页的常用软件。 熟悉HTML语言。 能够用HTML语言制作简单网页。 网页制作的基本步骤。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 1.1 网页简介 1.1.1 网页与网站 如果我们把网站看作一本书，那么网页是“该书”中的一“页”。通俗的说，网站就是由网页组成的。人们通过浏览器访问各种网站，首先可以在浏览器输入网址，然后经过一段复杂而又快速的程序，这个网站的某一个网页文件会被传送到用户的计算机上，然后再通过浏览器解释网页的内容，展示给浏览者。 1.1.2 精彩网页欣赏 一个好的网站必然要有好的网页来组成，怎样的网页才算是好网页呢？这不仅是一个技术问题，而且更是一门艺术。好的网页或让人赏心悦目，或让人耳目一新，或主题分明条理清楚，或个性十足不拘一格。图1-4~图1-9所示为几种不同风格的网页。 图1-4 简洁风格：http://www.vantare.es/ 图1-5 Flash风格：/ 图1-6政府门户网风格：/ 图1-7 极具个性风格：http://suiepaparude.ro/ 图1-8 中国水墨风格：/ 图1-9 绿色调风格：/ 1.1.3 网页制作软件介绍 1.Microsoft公司的FrontPage 2.Adobe公司的Dreamweaver 3.网页制作工具的综合运用 1.1.4 网页制作流程 首先要弄清制作的目的和要求，称为需求分析；然后是设计规划，把设计任务进行分类、分工；接着是网页制作了，当设计任务完成以后，还要对制作的网页进行测试；最后，网页就可以作为成品进行发布展示啦！ 1.2 HTML入门 1.2.1 什么是HTML HTML的英文全名为Hyper Text Makeup Language，直译为超文本标记语言。它不是一种程序语言，而是一种描述文档结构的标记语言。它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档，显示网页内容。 1.2.2 创建一个简单的HTML程序 编写HTML语言程序可以在Windows记事本 内书写，在存盘输入文件名时，一定要输入 HTML语言文件的扩展名为htm或html。下面 给出一个用记事本编写的简单的HTML网页 文档（名字为1_1.html），如图1-10所示。 在浏览器IE中观察HTML网页文档，可以看到 如图1-11所示的网页。 图1-10 记事本编写的1_1.html网页文档 图1-11 打开IE看到的1_1.html网页 1.2.3 浏览和修改网页 1.浏览网页 通过双击某一HTML文档图标，可以调出浏览器窗 口，同时打开该网页。另外，还可以通过如下方法 打开网页。 （1）双击浏览器图标，调出浏览器窗口。然后， 单击浏览器窗口内的【文件】/【打开】，如图1-12 所示，调出【打开】对话框，如图1-13（“打开” 下拉列表框内还没有内容）所示。 图1-12 “文件”菜单选项 图1-13 “打开”对话框 （2）单击【浏览】，调出【Windows Internet Explorer】对话框，如图1-14所示，选择HTML文件后单击【打开】，回到【打开】对话框，在其【打开】下拉列表框内已有选中的文件目录与名字，如图1-13所示。 图1-14 “Windows Internet Explorer