实验一 基础网页制作.docVIP

实验 基础网页制作 实验目的： 通过上机操作，使学习者Dreamweaver工作界面、对工作环境进行设置；掌握如何使用Dreamweaver创建、保存或打开一个网页文档；了解使用Dreamweaver可以创建和打开哪些文档；使用历史面板撤消或重复操作。 实验内容：Dreamweaver工作界面并进行首选参数设置； 2.创建本地站点 3.创建网页文档； 设置头文件标签； 使用历史记录面板。实验要求： Dreamweaver工作界面并进行首选参数设置 认识Dreamweaver界面的组成、各个菜单项包含哪些命令，并根据个人的喜好和需要进行首选参数设置。 2.创建本地站点 完成站点的创建、修改、删除等操作。创建网页文档采用两种方式：直接向网页中添加文本；将word文档导入网页中设置头文件标签向头文件中添加说明信息，并在面板中查看说明信息。使用历史记录面板实验学时：学时 五、实验步骤： Dreamweaver工作界面并进行首选参数设置 1.启动Dreamweaver （1）选择【开始】|【程序】|Macromedia |Dreamweaver命令，打开Dreamweaver的初始工作界面（如图1），第一次启动Dreamweaver需要选择工作界面。其中【代码编辑者】是纯代码编辑界面，适合对网页编程有很高水平的设计者。选择【设计者】是本实验后面所介绍的使用界面。 选择【设计者】工作界面，单击【确定】按钮，将进入图1所示的工作界面。 图1 Dreamweaver欢迎界面 2．熟悉Dreamweaver的工作界面 启动Dreamweaver，一个包含空白文档的Dreamweaver的工作界面就呈现在你的面前了。Dreamweaver 图1 Dreamweaver的工作界面 要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。Dreamweaver提供了对本地站点和远程站点强大的管理功能。 规划站点结构 网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 创建站点 在Dreamweaver中可以有效的建立并管理多个站点。搭建站点可以有两种方法，一是利用向导完成，二是利用高级设定来完成。 在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。 选择菜单栏【站点】【管理站点】，出现“管理站点”对话框。点击“新建”按钮，选择弹出菜单中的“站点”项。 图1.4 管理站点 （2）在打开的窗口上方有基本和高级两个标签，可以在站点向导和高级设置之间切换。”高级”标签，如下图所示： 填写相应内容即可。 也可以选择基本标签 图1.5 （3）在文本框中，输入一个站点名字以在 Dreamweaver中标识该站点。这个名字可以是任何你需要的名字。单击下一步。出现向导的下一个界面，询问是否要使用服务器技术。我们现在建立的是一个静态页面，所以选择否。 图1.6 （4）点下一步，在文档框设置本地站点文件夹的地址。 图1.7 （5）点下一步，进入站点定义，我们将在站点建设完成后在与FTP链接，这里选择“无”。 图1.8 （6）单击“完成”按钮，结束“站点定义“对话框的设置 图1.9 （7）单击“完成”按钮， 图1.10 （5）到此，我们完成了站点的创建。文件面板显示出刚才建立的站点。 图1.11 3.搭建站点结构 站点是文件与文件夹的集合，下面我们根据前面对xmweb网站的设计，来新建xmweb站点要设置的文件夹和文件。 新建文件夹，在文件面板的站点目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项然后给文件夹命名。这里我们创建新建8个文件夹，分别命名为：img、med、swf、txt、css、js、moan和fy。 图1.12 创建页面，在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，我们把首页命名为index.html，再分别新建01.html、02.html、03.html、03.html和05.html。 图1.13 3.编辑和删除站点 选择菜单【站点】|【管理站点】，弹出窗口： 图1.14 单击“编辑”选项，弹出“站点定义为”窗口，此时可以编辑站点信息。 图1.15 若选择“删除”选项，则弹出如提示窗口： 图1.16 单击“是”，删除该站点，这个动作无法恢复，所以操作的时候要谨慎