《主题学习网站创建.pptVIP

第7章 主题学习网站创建 学习目标 领会主题学习网站创建的指导思想 了解主题学习网站创建的一般步骤 熟悉Dreamweaver的基本操作 掌握用表格及布局视图的方式对网页排版的方法 掌握设置超级链接的方法 掌握框架网页、表单网页、模板和样式表的制作及应用 掌握网站发布的方法 7.1 网页制作基础 7.1.1 Internet与WWW Internet是世界上规模最大、用户最多、影响最大的 计算机互联网络，是全球范围内成千上万台计算机相互 连接到一起形成的一个集合体。 Internet能提供的服务包括：电子邮件、远程登录、 文件传输、WWW等。WWW（World Wide Web，万维 网），是1989年3月由欧洲量子物理实验室CERN发展出 来的主从结构分布式超媒体系统，现已发展成为最受人 们欢迎的网络信息服务提供方式。 7.1.2 浏览器 浏览器是观看WWW资源的必备工具。WWW采用的是客 户/服务器结构，如下图所示。 7.1.3 网站及主页 一系列逻辑上可以视为一个整体的页面叫做网站， 或者说，网站就是许多页面的集合，它们具有共同的属 性。 主页是网站中的一个特殊页面，它是一个网站的起 始页面，其中包含指向其他页面的超链接。通常主页的 名称是固定的，例如index.htm或index.html等（.htm 或.html后缀表示HTML文档）。 7.1.4 HTML语言 1. 创建HTML文件 （1）打开Win98下“程序”→“附件”→“记事本” （2）在空白文件内输入代码和页面显示内容 html headtitle新建一网页文件/title/head body 新建一个HTML网页文件，可以使用任一种文字编辑工具，比如，Win98 中附件下的记事本，在空白文件中输入网页的内容，然后保存时，将文件名 的后缀写为htm或html。 /body /html （3）保存文件 （4）浏览网页 2．查看源文件 最方便的更改网页源文件（源代码）的方式是，若在浏览器下浏览一网页，鼠标在页面内单击右键，在出现的快捷菜单中选择“查看源文件”命令，此时将在“记事本”中打开HTML文件。 3．分析源文件 一个Web页实际上对应于一个HTML文件。HTML文件使用标记符修饰和限定页面显示的内容，任何HTML文档包含的基本标记符为：HTML标记HTML和/HTML、首部标记HEAD和/HEAD以及正文标记BODY和/BODY。 7.1.5 网页制作工具 制作网页可以使用源代码编写工具，例如HTML语言 来编写，也可使用“可视化”的网页制作工具，“可视化” 的意思是网页制作成什么样，在浏览器中就能看到什么 样，也就是常说的“所见即所得”，这类网页制作工具有 Frontpage、Dreamweaver等，Dreamweaver是由 Macromedia公司推出的，与Flash、Firework 合称为网 页制作的三剑客，由于是同一公司的产品，因而在功能 上有一个非常紧密的结合。 7.2 Dreamweaver的基本操作 7.2.1 Dreamweaver的工作界面 对于DreamweaverMX版本，第一次启动后，如下图。 DreamweaverMX的操作界面主要由以下几个部分组 成：标题栏、菜单栏、常用工具栏、文档窗口、状态栏、 属性设置面板及多个浮动面板。如下图。 1. 界面基本对象介绍 （1）标题栏 （2）菜单栏 （3）工具栏 （4）文档窗口 文档窗口可分为三种视图方式： ● 源代码视图窗口 ● 源代码可视化视图 ● 可视化视图 2. 常用面板 (1)插入面板 选择“窗口”→“插入”命令，出现插入面板，在插入面板上包含了多种不同类型的按钮。 (2) 属性设置面板 选择“窗口”→“属性”命令，出现属性设置面板，属性设置面板主要用于显示在文档窗口中所选中元素的属性，并允许用户在属性设置面板中对元素属性直接进行修改。 (3) 文件浮动面板 在文档窗口的右侧是面板组，包括设计面板、代码面板、应用程序面板和文件面板。 7.2.2　创建站点及文件 1．创建本地站点 使用Dreamwea