文档介绍：贺军向子明主编
21世纪高职高专规划教材
网页制作技术教程
第1章网页制作基础
本章教学目的
(1) 熟悉网页的基本概念及网页的制作工具
(2) 熟悉Dreamweaver 8 的工作界面
(3) 掌握HTML命令
(4) 掌握站点的创建和管理
目录
第一讲网页制作的基本概念及窗口
第二讲 HTML命令及站点的创建
e Web):万维网的英文缩写,它以“超文本”上的数据连接在一起,使用户能以简单的方式交换世界各地的信息。
net风行全球,其主要原因是:即使不懂计算机的人也能借助浏览器在网上获得信息;可以在家里上网购物、炒股、聊天、办理银行转账、收发信件等,它的服务主要是通过网页来实现的。
网页(Web) :在浏览器上看到的画面叫网页,进入网站后所看到的第一个页面称为主页(Home page)。()。网页是用HTML语言或其他语言编写的,它的出色之处在于能够把超链接嵌入其中,使多个网页通过超链接方式关联在一起。
网站(Site):就是一组相关网页的集合。设计者设计了几个网页,并且经过组织规划,让网页彼此相连,上的人都能看到,这样的完整结构称为网站,所以,当有人说要制作主页时,通常指的是要建立一个网站,并非单指一个页面。
网页制作的基本概念
URL(Uniform Resource Locator):统一资源定位符,简单地说,它就网络上一
个网站的完整地址。每个主页都对应一个唯一的URL,这样主页在网上才能被
访问到。URL是有统一规则的,它的语法格式如下。
协议名称://服务器主机名称[:通信端口/文件目录/文件名称]
其中协议名称就是这个 URL所连接的网络服务器名称。例如,Http就是指式。
HTML:是英文Hyper Text Markup Language的缩写,翻译成中文是“超文本标
识语言”,它通过各种各样的标识来编排超文本信息。HTML文件基本上就是一种文
本文件,可以用简单的文字编辑器(如记事本、写字板)来编写,文件的扩展名为
.html。,既文件的扩展名只
能为三个字符,。
浏览器(Browser) :是安装在计算机上的一种软件,
上提供的各种信息和服务资源, scape
Communicator,简称为IE和NC。
超文本(Hypertext)指具有超级链接功能的文件。它可以将文件中已经定义好的关
键字,通过鼠标的单击取得该关键字的相关解释。目前大多数的文件是以超文本的
方式提供给用户的。
超链接(Hyperlink):是标或某段文字,
就可以自动连接相对应的其他文件,从一个网页跳转到另一个网页。
常见的网页制作软件
1. 所见即所得的网页编辑工具
网页制作编辑工具的作用就是用直观的方式制作网页。现在的网页编辑工具绝大
多数都是所见即得的,即我们实际操作的结果就是最终生成的网页(HTML文档)的效
果,也就是说,网页编辑工具将HTML代码的生成自动化了。
最常见的网页编辑工具是Frontpage、Dreamweaver。另外一个工具就是代码编辑工具,
例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
2. 素材处理工具
(1) Photoshop
(2) Fireworks
(3)Flash
1、菜单栏
Dreamweaver8的菜单栏里包括有文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等10个菜单项。单击每个菜单项均会弹出一个下拉菜单,其中每个菜单项又包括若干命令,单击该菜单命令即可。如图所示。
2、对象面板
网页的内容虽然多种多样,但它们都可以称为网页元各素。简单的网页元素如文字、图像、表格等,复杂的如导航、程序等。“插入”工具栏的功能主要就是在网页中插入各种类型的网页元素,如图所示。
编辑窗口是编辑网页时的主要窗口,新建或打开一个网页后,即可显示(在图像文件夹中)所示的窗口。它主要由项目选择标签、文档工具栏、编辑区域、状态栏、标尺、垂直和水平扩展按钮等组成。
(1) 项目选择标签:当打开多个网页文件时,将为每个文件显示一个标签,单击其中任意一个标签则可以在编辑区域中显示该文件的内容,并进行编辑。而且选择标签的右侧有3个按钮,可实现最小化、还原及关闭当前窗口。
Dreamweaver 8 的工作界面
2)文档工具栏:主要用于切换编辑区域视图模式、设置网页标题、进行标签验证及浏览器中浏览网页等,如图