网页设计：[1]网页设计与制作实验报告

首先，姑百钠恁确定实验题目:网站和页面的建立

【实验目的及要求】

目的：1。了解网站在页面制作中的作用；

2。掌握网站的建立方式；

3。掌握页面的创建和属性的设置；

要求：1。能正确定义本地站点；

2。学会新建一个网页的方法；

3。掌握网页“页面属性”的设置；

【实验原理】站点的建立，网页“页面属性”的设置。

【实验环境】（使用的软件）

Windows操作系统、

Dreamweaver8

明确实验内容：

【实验方案设计】

准备工作；

建立本地站点；

创建和编辑站点首页；

创建和编辑其他页面；

站点和页面测试。

【实验过程】（实验步骤、记录、数据、分析）

准备工作

在一个盘新建一个文件夹，作为站点文件夹

建立本地站点

（1）在Dreamweaver8中选择“站点”|“新建站点”菜单命令按钮，打开“站点定义”对话框，根据提示操作，设置站点本地信息；

在“站点名称”文本框中输入网站的名称（任意名称）；

在“本地根文件夹”文本框中输入站点文件夹的本地目录；

选择“缓存”复选框，以指明建立本地缓存来提高链接更新速度。

（2）设置完成后按“确定”按钮，完成站点定义。

3。创建和编辑站点首页

（1）启动Dreamweaver8后，默认打开以空白文档，选择“修改”|“页面属性”菜单命令，打开“页面属性”对话框，在“标题/编码”选项对应的选项卡中的“标题”文本框里，输入页面的标题“第一个站点”。在“外观”选项对应的选项卡里，“背景颜色”里，设置自己喜欢的颜色。单击“确定”按钮。

（2）按【Ctrl】+【s】键，将该页面保存到已经建立的站点根目录下，并取名为Index。htm。

(3)将光标定位该页面，按要求在“属性”检查器中设置“网站技术工作室”的字号大小为60像素，其它文字的字号大小为36像素，并单击“居中对齐”按钮。

（4）选中文本“网络产品”在其“属性”检查器中的链接栏里输入“wlcp.htm”。依照相同的方法，将导航文本“技术课堂”链接到“jskt.htm”页面，将“疑难解答”链接到“ynjd。很体面”网页。

4。创建和编辑其他网页

（1）在“文件”面板中选择“新建文件”命令，并命名为“wlcp.htm”。

（2）双击wlcp.htm页面文件名，在打开的页面中输入和编辑页面内容，在这里可以输入“欢迎浏览网络产品”，并为网页设置背景颜色和标题。编辑完成后保存页面。

（3）依照相同的方法分别建立jskt.htm和ynjd.htm网页文件，并分别输入“欢迎进入技术课堂”和“诚心进行疑难解答”文字。

5。站点和页面测试

（1）再次打开首页index.htm，按【12】键在浏览器中浏览，并检验超链接是否正确跳转和每个页面是否都有适合的网页标题。

（2）使用浏览器浏览各个页面。

【结论】（结果）

操作成功能在浏览器中正常浏览并且每个页面都有适合的标题

最后，

【小结】学会了如何对站点进行规划,创建本地站点,编辑管理站点及创建HTML文档和属性