实验一 Dreamweaver建立和管理本地站点
实验一    Dreamweaver建立和管理本地站点
实验目的
掌握如何建立本地站点以及如何复制和删除站点等操作；
熟悉如何管理站点内的网页、图像、多媒体等元素。
实验准备
已安装Dreamweaver 8 程序的计算机一台。
实验步骤：
制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。
  1、规划站点结构
  网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。
  可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查。
  2、创建站点
  在Dreamweave 8中可以有效的建立并管理多个站点。搭建站点可以有两种方法，一是利用向导完成，二是利用高级设定来完成。
  在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。
  （1）选择菜单栏——站点——管理站点，出现“管理站点”对话框。点击“新建”按钮，选择弹出菜单中的“站点”项。
描写人物品质的词语
  在打开的窗口上方有“基本”和“高级”两个标签，可以在站点向导和高级设置之间切换。下面选择“基本”标签。
在文本框中，输入一个站点名字以在 Dreamweaver8.0中标识该站点。这个名字可以是任何你需要的名字。单击“下一步”。出现向导的下一个界面，询问是否要使用服务器技术。
如何查中考成绩  我们现在建立的是一个静态页面，所以选择“否”。
  点下一步，在文档框设置本地站点文件夹的地址。
  点下一步，进入站点定义，我们将在站点建设完成后在与FTP链接，这里选择“无”。
  单击“完成”按钮，结束“站点定义“对话框的设置。
  单击“完成”按钮，文件面板显示出刚才建立的站点。
  到此，我们完成了站点的创建。
  3、搭建站点结构
  站点是文件与文件夹的集合，下面我们根据前面对xmweb网站的设计，来新建xmweb站点要设置的文件夹和文件。
  新建文件夹，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项，然后给文件夹命名。这里我们创建新建3个文件夹，分别命名为：img、 css、txt。
  创建页面，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，我们把首页命名为index.html，再分别新建01.html、02.html、03.html。
  4、文件与文件夹的管理
  对建立的文件和文件夹，可以进行移动、复制、重命名和删除等基本的管理操作。单击鼠标左键选中需要管理的文件或文件夹，然后单击鼠标右键，再弹出菜单中选“编辑”项，即可进行相关操作。
僵尸围城 成就实验作业：
1． 在D盘（或其他非系统磁盘）中创建你的文件夹。
2． 选择菜单“站点”的“站点管理”命令，在“管理站点”对话框中，单击“新建”按钮。按照正常步骤建立站点，和步骤1的文件夹关联。
3． 新建一个新的网页，保存。使用快捷键在浏览器中预览，结合下面的图，掌握红字所标注的DW界面要素，要求熟练。熟悉掌握界面之后，点击“代码”了解网页的基本结构。
4． 在文件面板中，新建、删除、重新命名文件夹、网页文件，注意其与磁盘上文件夹的关联。熟练掌握文件面板的操作；点击窗口菜单，尝试对某些面板进行关闭和打开操作。对你的网站进行规划，建立多个文件夹。
 
实验二    新建网页以及文字处理
实验
掌握如何新建网页、网页基本属性；
掌握常用的文字处理操作
    掌握网页常用标签以及属性
实验准备
已安装Dreamweaver 8 程序的计算机一台。
实验步骤：
启动Dreamweaver 程序，选择菜单“文件” “新建”命令，打开“新建文档” 对话框。在对话框“常规”标签下选择“类型”列表中的“基本页”选项。
随后在中间显示的“基本页”列表中单击“HTML”选项。如下图所示：。
单击“创建”按钮，完成HTML网页的创建，打开HTML网页进行编辑。
注意：新启动的Dreamweaver 程序中间位置，会显示一个快捷菜单“开始页”面板。选择中间“创建新项目”列表内的“HTML”选项，可以直接创建HTML网页。
如果要在已经打开的网页编辑窗口中创建网页，也可以有右击网页标题栏任意位置，在弹出的快捷菜单中选择“新建”命令。
网页新建后，会出现如上图所示的编辑窗口。此时，选择菜单“文件”的“保存”命令，或按Ctrl+S键打开“另存为”对话框，保存新建的网页。
1、网页标题：切换到中文输入模式，再上图所示的标题处输入网页标题。
2、网页文字设置：首先拖动鼠标选项中标题文字。选择菜单“窗口” “属性”命令，打开属性面板。在属性面板中可以设置文字的大小、字体、颜等属性。
3、标题标签加班费的计算方法H1~H6
标题是用来分隔和介绍文档的重要部分。 HTML包含6级标题，标题标签的语法为<hn>， 其中n代表从1-6的数字。 最大的标题为<h1>, 最小的是<h6>。在Dreamweaver中将文本设置为特定的标题大小，用户要首先选定要更改的文本。然后在属性面板中选择格式，在其下拉框中选择即可。
4、水平线：选择插入点，然后点击“插入”菜单，选择“HTML”，然后选择“水平线”。在网页
中插入水平线。也可以使用插入栏插入水平线。请设置水平线的相关属性，掌握其用法。
例如：设置水平线的宽、高、对齐方式、颜等。
5、版权符号：
如上图所示，使用插入栏的“文本”，可以看到常用的文本处理标签，还有版权等特殊符号。
6、网页的背景图片和背景颜
如上图所示，点击属性面板的“页面属性”按钮，打开页面属性对话框，可以看到在外观子项中，设置网页正文文字相关属性；在背景图片和背景颜两个选项设置一项即可，通过“重复”下拉子项可以设置网页背景图片是否重复。
注意：网页的背景颜和背景图片只能设置一种。
7、网页中使用段落标签和换行标签
  请注意这两者的区别，灵活使用。
最后保存网页，选择菜单“文件”的“在浏览器中预览”有关于爱情的诗句的“iexplore”命令，或按F12键，弹出IE浏览器察看完成之后的网页效果。
注意：水平稍高点的同学建议每一步骤操作完毕，查看一下源代码的变化，并且建议先在源代码下操作，同时新建一个网页再在试图下操作。
实验作业：准备背景图片一张以及相关文字若干
1．  在Dreamweaver 编辑窗口下，创建HTML网页。
2．  保存新建网页，在“另存为”对话框中设置网页名为“index.htm”。
3．  和平精英最火的昵称在网页输入文字，并在属性面板中进行文字标题、大小、颜、对其方式等文本编辑。网页文字排版内容充实、美观。
4．  在文档中插入水平线。
5．  设置编号列表和项目列表。
6．  制作版权信息文字，并插入版权标记。
7．给网页添加分别背景图片，背景颜。
要求最终制作完成的网页文字美观，背景与文字协调。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。