计算机技术技术(网页设计)实验指导书..doc

计算机技术基础（网页设计） 实验指导书 预备实验 HTML的应用 一、实验目的 1、了解HTML文件的组成； 2、掌握HTML常用标记的含义，能够正确设定各种属性； 3、能够利用HTML编写简单页面，实现部分特效； 二、实验内容 1、阅读一下HTML代码，回答下列各个题目。 ⑴处的title标记的作用是什么，显示在页面的什么位置？ 解释⑵处的标签作用效果？ ⑶处Hr标记的作用是什么？ ⑷处Strong的作用是什么？ 解释⑸处的作用效果？ ⑹处nbsp的作用是什么？ 解释⑺处的作用效果？ 注：将上述代码放入一个文本文档，将文本文档保存为“H1.html”，观察你的回答是否与页面效果相同。这里一定要保存为扩展名为html或者htm的文件，必须修改文本文档的扩展名txt为html或者htm。 将H1文档中的代码拷贝至一个新建文本文档后，点击“文件—另存为”，在弹出对话框中做如图所示的设置后再保存就可以直接修改扩展名。 2、阅读以下代码，回答下列问题： ⑴中的a/a的作用是什么？ href标记的值代表含义是什么？ target的作用是什么，有哪些取值，含义是什么？ 解释⑵的作用效果？ ⑶中的table标记中的border的含义是什么？ ⑷thtrtd的含义是什么，他们如何组成一个表格？ 如果希望形成的表格随页面大小的改变而该表表格的大小，应该如何设定？ 将文档H2中的代码保存为页面文件，观察页面效果和你的预计是否一致。 3、验证以下HTML代码的效果。 实验一 Dreamweaver的应用 一、实验目的 1、熟悉Dreamweaver编辑环境，掌握本地站点创建的方法； 2、掌握在页面中插入文本、图片的方法，能熟练对文本格式化和设置图片各项属性； 3、掌握网页各种类型超链接的创建方法； 4、熟悉网页各种定位和布局技术，熟练掌握表格、布局表格、层和框架的使用方法； 5、了解Dreamweaver常用内置行为，能够创建和应用简单的CSS样式对页面进行格式化。 二、实验内容 ㈠站点和页面文件的建立 在D盘创建一个站点，命名为MyWeb，该站点要求建立有专门的存放网站图片的文件夹IMG，站点根目录为：D:\Web，建立好站点后，在站点内部新建页面w0.html，再将w0.html页面删除。 ⑴新建站点 ①在本地硬盘上建立一个文件夹D:\ Web，作为本地站点的根文件夹，在其内部建立IMG文件夹，用以存放网站使用的图片。 ②启动Dreamweaver ，单击菜单栏中的【站点】→【新建站点】命令，弹出【未命名站点1的站点定义为】的对话框，共有基本和高级两种设定方式。 ③点击【高级】选项卡，在【分类】列表框中选择【本地信息】选项，设置本地站点的各项参数。 【站点名称】：用于定义站点的名称，此处输入【MyWeb】。 【本地根文件夹】：用于定义本地磁盘中用来存储站点文件的文件夹的名称，此处选【D:\Web】。 【自动刷新本地文件列表】复选框：选择它后，每次将文件复制到本地站点时，系统将自动刷新本地文件列表。 【默认图像文件夹】：设置站点的默认图像文件夹的位置，选择【D:\ Web \IMG\】。 【HTTP地址】：用于设置已完成的 Web 站点将使用的 URL地址。(不用设置) 【启用缓存】复选框：设置是否创建本地缓存以提高链接和站点管理任务的速度。(不用设置) ④单击【确定】按钮，即可完成本地站点的创建。在Dreamweaver右侧的【文件】面板组中的【站点】面板中，即可看到创建的站点的本地视图。 ⑵建立和编辑文件夹、文件 在屏幕右下角处的【文件面板】中右键单击站点名字MyWeb，在弹出的右键菜单中选择【新建文件】，此时将建立一个文件，将其命名为w0.htm；如果【文件面板】没有打开，可以通过选中主菜单【窗口】→【文件】，将文件面板打开，通过这种方法建立起来的文件在保存时会直接保存在站点根目录中。 如果站点内的文件比较多，可以在站点内部建立文件夹，对类别相同的文件放置在同一个文件夹中，这样有利于站点的管理。在站点内部建立文件夹方法同建立文件相同，也是选中站点名字，在弹出的右键菜单中选择【新建文件夹】即可。 对已经建立起的文件和文件夹，可以进行相应的编辑操作，选中建立的文件或文件夹，点击鼠标右键，在弹出的右键菜单中选择【编辑】，在编辑下有【剪切】、【复制】、【粘贴】、【删除】和【重命名】等操作。 选中页面w0.htm，执行右键菜单【编辑】→【删除】即可将该文件删掉。 ㈡文本的录入、格式化以及超链接的创建 1