制作网页

1、在某个磁盘的根下建立一个文件夹“wwwroot”，我们将在这个文件夹下存放我们制作的网站中的所有文件，我们也把它叫做站点文件夹。（注意：建立的文件夹可以为“wwwroot”，也可以为“2010423003”等以学号为名的文件夹，但不要使用包含中文文件名或特殊符号的文件夹。特别的，你的站点文件夹下也不要包含任何的以中文或特殊符号命名的文件夹或文件名。）

2、在站点文件夹下建立一个文件夹“Images”用于存放网站中的图片。（你还可以在站点文件夹下建立其他的文件夹用于存放其他文件。）

3、将你用到的图片存放到Images文件夹中。（如果你是从网络上下载的图片，最好将图片的文件名修改的简短一些，同时起一个有意义的名字，例如“rose.jpg”，一看就知道这幅图片的内容是玫瑰花。）

4、建立站点：打开Dreamweaver CS 4，点击拉开屏幕右下角“文件”标签下方的下拉列表框，点击最下方的“管理站点”选项。

5、在弹出的“管理站点”对话框中，点击右侧“新建”按钮，选择弹出菜单中的“站点”选项。

6、以下是新建站点的向导步骤： a.为站点起个名字。

b.选择不使用服务器技术。

c.选择推荐选项，并选择文件存储位置为站点文件夹。

d.连接远程服务器的方式选“无”。

e.站点定义完成，点击“完成”按钮。

f.屏幕右下角“文件”窗口显示新建站点。

7、制作网页：在Dreamweaver CS 4中，新建一个HTML空白页，并立即保存，文件名为“index.html”（保存文件的快捷方式为：Ctrl+S，文件名也可以取其他名字，例如：pic.html、myWebPage.html等）。保存后的文件会显示在屏幕右下角的“文件”面板中。

8、在这个空白网页中输入文字，插入图片，并制作超链接。（小注意：制作超链接时，屏幕下方的“属性面板”应该保持“HTML”标签被选中，在“链接”后方的文本框中，输入链接地址，如“http://www.google.com”，嗯，输入网址要完整，别丢了“http://”。）

9、将“属性面板”切换为“CSS”标签，然后选中网页中的所有对象（包括文本、图片和超链接），点击“属性面板”中的居中选项。

10、阅读并理解弹出的“新建CSS规则”对话框上的文字后，点击“确定”按钮，网页上所有内容居中显示。

11、选中网页中需要设置字体属性的文本，在“属性”面板中设置“字体”属性、“大小”属性、“颜色”属性等内容，可以看到网页上文字对象发生的变化。（小注意：网页中的字体使用的是字体列表。）

12、哦，别忘了将网页的“标题”属性修改为“我的第一个网页”，这些文字会显示在浏览器的标题栏。（如何设置这个属性？在两个地方可以。） a、

b、

13、至此网页已经制作成功，保存后，点击键盘的F12键，可以在默认浏览器中查看网页的实际显示效果。