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