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

2、选择圈红选项，这是建立网页文件的第一步。。

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

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

5、蓝色区域就是我们网页的代码主体部分，所有页面上看得见的东西都要写在和之间。如果你想深入了解网页制作，后续你还会看到JS编码区以及CSS编码区，今天先不谈这些，只谈html编码区也就是。。

6、我们先在与之间随便写上一句话，用来展示到网页上。我写的是“这是我的第一个网页！”。。

7、然后我们可以点击上排工具栏里的“实时预览”来预览一下页面效果。点击实时预览后界面会自动一分为二，右边空白区变成了预览区，可以看到网页上的效果。。

8、我们再给这句话加一点变化，首先放大它的字号，用代码来实现。。

9、然后点击工具栏里的“刷新”按钮，观察右边预览区的网页变化，字号瞬间变大！。

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

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

12、然后在代码区写入换行标签（另起一行），再写入 用来插入图片。。

13、代码写到 。

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

15、后，我们点击工具栏里的“在浏览器中预览”。Dreamweaver中的实时预览只是编辑代码时使用，而后网页成品要在浏览器中预览成功才是真正完成，因为有些JS和CSS样式在实时预览里无法显示，但在浏览器中可以显示。。

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

1、下载Dreamweaver软件，版本随意，我用的是教学里普遍的版本CS6。

2、安装，打开后看到如图界面。

1、下载Dreamweaver软件，版本随意，我用的是教学里普遍的版本CS6。

1、如图，现在桌面建立一个记事本，名称随意。

2、打开文本，然后在里面随意输入文字内容，如图。

3、然后打开上方的文件菜单，选择另存为设置。

4、在另存为设置栏中，需要将文本名后缀更改为【html】，保存类型设置为【所有文件】，下方的编码区域选择为UTF-防止不兼容问题，然后保存导出。

5、导出生成的新文件就是一个网页版的html样式了，如图所示。

6、将其打开后，就是一个网页，里面是自己输入的内容。在制作复杂网页的时候，可以使用代码来改变文字大小、颜色以及插入图片等等。

1、首先我们在电脑桌面或者硬盘的任意位置右击->新建->文本文档。这样一个网页的前身就出来了，是不是超级简单啊。。

2、网页雏形是有了，但是距离到我们可以看的网页还有一点距离，新建完成后，双击打开这个文件，在文件内容输入以下代码：!DOCTYPEhtml>    这是我学习制作的第一个网页，太神奇了。输入以上代码后，ctrl+s键，保存记事本内容，关闭记事本文件。。

3、到这里一个网页基本上就完成了，还差后一个点睛之笔了，睁大眼睛，看看怎么从记事本华丽转变为网页的，我们鼠标选中刚才新建的记事本文件，右击->重命名,把“.txt”修改为".html"。。

4、好啦，这样就华丽蜕变了，重命名后双击打开看看是不是就变成跟我们平常浏览的网页一样了。。

1、首先我们在电脑桌面或者硬盘的任意位置右击->新建->文本文档。

1、首先，请先确认你的系统中文件扩展名已经打开。

2、方法是、打开我的电脑，点击文件夹选项，打开文件夹选项对话框，“隐藏已知文件的扩展名”前面的小勾已经去掉，如果没有去掉，请把小勾去掉。

3、然后，创建你的第一个网页文件。

4、为了便于管理，请先创建一个文件夹，用来存放你的网页文件和图片等资料。

5、在你创建的文件夹中右击，选择新建，文本文件。

6、然后，对这个文件重命名为index,把小点后面的txt改为html。

7、这样一个网页文件就准备好了。

8、html是网页文件的扩展名。

9、扩展名用来区分文件的类型，扩展名也用来告诉用哪个软件打开。

10、比如html就会告诉浏览器这是一个网页，需要用网页的方式来解析并显示。

11、型汪好然后，用notepad++打开这个index.html文件，在编写之前，我们有必要先来了解一下一个网页基本的结构、网页有头部和主体两大部分组成。

12、头部和主体都包含在一对标签之内。

13、因为网页是html语言编写的，html语言是一门标记语言，就是用一对对的标签来标记网页中的内容，从而对内容进行组陵困织和管理。

14、然后，标签就是网页中内容的容器。

15、整体的外层标签是和,头部是和标签。

16、在标签中，又可以写(标题)等标签。

17、而标签内的内容一般是不会显示在浏览器窗口中的。

18、显示在浏览器窗口给我们看的内容，都在标签里。

19、然后，了卜铅解了网页的基本结构，我们就开始来写一段完整的网页代码。

20、后，保存之后我们在浏览器中预览。

21、上面我们说过，标签里的内容不会显示在浏览器中，但是我们在中写了一句、这是网页的标题，如果你细心就会发现，在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。

22、原来网页标题就是显示在浏览器标题栏上的内容。

23、网页的标题不等于内容的标题，于是我们写的这是一个一级标题，它被显示在浏览器窗口中。

1、1。

1、自学需要会dwps更深一步javascriptaspphp等等想快速点就下载灶派顷好模羡李板隐陆自己填充内容。