1、下载Dreamweaver软件,版本随意,我用的是教学里最普遍的版本CS6。安装,打开后看到如图界面。

3、然后会弹出一个新窗口,窗口中有几行代码,先不用管它们,点击左上角“文件”,选择“保存”(或者直接按键盘快捷键 Ctrl+S),随便找个位置新建一个文件夹,然后在新文件夹里点击“确定”。

4、接下来就是用写代码的方式来建立我们的第一个网页,先看我们的窗口界面,空白区域就是编辑代码区,我们几乎绝大部分的网页创建工作都要在这里完成。

6、我们先在<body>与</body>之间随便写上一句话,用来展示到网页上。我写的是“这是我的第一个网页!”。

8、我们再给这句话加一点变化,首先放大它的字号,用<font size="+6">代码来实现。

10、接下来我们再给这句话加点效果,把它变成红色。用<font color="#FF0000">来实现。注意当你写到color="时系统会自动弹出一个调色盘,你可以直接选择想要的颜色,或者直接手写“#FF0000”。点击刷新按钮后会看到预览区文字颜色变为红色。

11、除了单调的写字,网页里还可以增加有趣的图片,我们来试试。要添加图片就要先有图片资源,我们可以直接百度搜一张喜欢的图片下载下来,放在刚才新建的文件夹里。

12、然后在代码区写入<p>换行标签(另起一行),再写入<img>用来插入图片。

14、点击刷新按钮,右边预览区瞬间出现了你刚才下载的图片。

16、大功告成!你完成了第一个网页成品!虽然只有一句话和一张图片,但你已了解了网页制作最基本的操作。如果想更深入的研究网页制作的精髓,最好买一本网页制作的教材或者搜一些教学视频自主学习,并且要勤加努力多多练习才行。加油吧少年~
