网页设计Dreamweaver实验
实验1  网页元素的基本操作
一．实验目的和要求
1．掌握Dreamweaver中本地站点的创建
2．掌握网页的新建、保存与浏览
3．掌握文本的添加与格式化
4．掌握图像元素的设置
5．掌握表格的设置
6．掌握对象的超链接
二．实验内容和步骤
在设计网页之前，我们必须首先建立网站，此后Dreamweaver会自动将所有网站资源（如网页文档、图片、动画、音频文件、视频文件、程序等）都保存到该网站文件夹之中，从而保证网站发布后网页上的所有元素都可以正常浏览。
网站分为本地站点与远程站点。本地站点存放在本地硬盘上，远程站点存放在发布网站的服务器端。这里我们介绍本地站点的创建。   
1.创建本地站点
①在E盘创建文件夹myweb，用来存放网站资源。
②启动Dreamweaver 8，依次单击菜单栏“站点/新建站点”命令，打开站点定义对话框，如图5-1所示。
图5- 站点定义对话框
③在“基本”选项卡中的第一个文本框中输入新建站点的站点名myweb，单击“下一步”按钮。
④在接下来的第二个对话框中，对于“是否打算使用服务器技术”选择“否，我不想使用服务器技术”，单击“下一步”按钮，如图5-2所示。
图5- 是否使用服务器技术
html网页设计超链接⑤在第三个对话框中，选择单选框“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”，在下侧的文本框中输入“E:\myweb\”，如图5-3所示。
图5- 如何使用编辑文件
⑥如果路径比较复杂，也可以单击文本框右侧的文件夹按钮，在弹出的“选择站点myweb的本地根文件夹”窗口中确定文件夹的位置，如图5-4所示。
图5- 选择本地根文件夹
⑦在第四个对话框中，对于“如何连接到远程服务器”，选择“无”。单击“下一步”，如图5-5所示。
图5- 连接远程服务器
⑧在最后一个对话框中显示了刚建立的本地站点的信息，如图5-6所示。
图5- 本地站点信息
⑨单击“完成”按钮，结束站点定义。此时可以在“文件”面板中看到我们定义的站点myweb，如图5-7所示。
图5- 文件面板
⑩将建立站点后的本地站点信息窗口抓图复制、粘贴到电子实验报告四指定位置。
2.新建网页空白文档
①依次单击菜单栏“文件/新建”命令，出现“新建文档”对话框，如图5-8所示。
图5-  新建文档对话框
②单击“常规”选项卡，选择“类别”列表中的“基本页”，再从右侧的“基本页”列表中选择将要创建的文档类型“HTML”，单击“创建”按钮，创建了一个空白的网页文档，如图5-9所示。
图5-  新建空白网页文档
3.保存新文档
①依次单击菜单栏“文件/保存”命令，出现“另存为”对话框，在“文件名”后的列表框中输入新网页的文件名a1.html，“保存类型”默认为“所有文档”，再单击“保存在”后面的列表框，选择网页的保存位置为E盘的文件夹myweb中，如图5-10所示。
图5-  另存为对话框
②单击“保存”按钮，保存新建网页。
4.文本的添加与格式化
(1) 输入文本
打开网页文件a1.html，鼠标单击Dreamweaver的文档编辑窗口，输入以下文字：
天池行  文/木末之风
白云在天，山川间之，将之无死，尚能复来。
……
最让人动心的，还是那泓碧水。
湖水呈深绿，而绿中又沁含着淡淡的翠蓝。让你觉得，那不是一潭水，而是一块温润的碧玉，真有点朱自清先生笔下的梅雨潭的气韵，只是这水，即使在盛夏，也凉意彻骨，提
醒你这不是在“东南神秀”雁荡山，而是冰清玉洁的西天瑶池。
白云、蓝天连同周围的雪峰、云杉倒映其间，真是白云在天，蓝天在水，乘游艇徜徉其间，真不知自己是在天上，还是在人间。
(2) 特殊文本的输入方法
在Dreamweaver中，普通文本可以直接输入，而对于特殊符号则需要通过“文本”工具栏来插入到网页中，如图5-11所示。

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