菜鸟自学建站 HTML 第三课 制作我的第一个网页_html/css_WEB-ITnose

上一课我们了解了Dreamweaver的工作界面，从这节课开始，我们由浅入深的开始学习网页的制作。

 

首先打开Dreamweaver，制作网页首先要新建一个文档，就像我们写文稿需要一张纸一样。

只有有了载体，你才能在上面进行创作，那么今天要学的第一个知识点：新建和保存文档的几种方法。

 

先说新建文档的三种方法：

图中列出了三种新建文档的方法，

新建：快捷键（Ctrl+N）。

再说保存文档的几种方法：

保存：快捷键（Ctrl+S）

另存为：快捷键（Ctrl+Shift+S）

制作网页的好习惯：随时保存文档，防止意外因素（如断点，死机等）造成文档内容的丢失。

 

第二个知识点：制作我的第一个网页。

 

以我的第一篇博文（网站初学者必看）为例，将它做成一个网页。

博文地址：

 

洋洋洒洒1000多个字，怎么把它放到网页中呢？

首先我想到的是：1.手工输入。1000字而已，小意思。

OK,5分钟，搞定。

 

但是转眼一想，如果以后工作的某一天，上司让你把一份数万字的文档在5分钟内制作成网页资料。那这种方法是万万不行的啊。

于是我想到了上节课在熟悉各种菜单时，貌似看见那么一个导入的功能。可不可以直接将一份文档导入到网页中呢？

 

2.导入word文档到网页。

首先新建一个word文档。

把博文复制到word文档中。

点击Dreamweaver文件菜单?导入?word文档。

几秒钟，搞定。

 

还有没有其他方法了呢？能不能直接复制粘贴呢？试一试！

选中博文内容，右键?复制。

点击编辑菜单??粘贴。

OK，一样可以搞定。

我们来观察它的代码：

发现每一段话都是由

XXXXXX

组成，这个

是什么意思呢？

 

打开w3school，点击html元素，我们可以看到这样一个解释：

 元素：

This is my first paragraph.

这个 

 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 

，以及一个结束标签 

。

元素内容是：This is my first paragraph。

 

看来

是一个段落符号，中国有个词叫做“有头有尾”所以我们在编写网页时，不要忘记写结束标签

。

制作网页的好习惯：标签一定要成对写:(如

，)

制作网页的好习惯：标签一定要用小写字母。

 

给我们的网页起一个名字：

1.在文档工具栏，标题处修改网页标题。

2.在代码

处修改网页标题。

 

保存文档，命名为myfirstweb，保存到了web文件夹下面：（读者可选择你自己的文件夹保存和命名）

注意：文档名称为字母或数字，不要加下划线，更不要以汉字命名。

 

双击打开myfirstweb.html

我们的第一个网页制作完成。

 

 第一个网页制作完成。

 

（补充：如果导入word文档按钮为灰色，应该是没有安装word软件造成的。）

 

by??午夜的猫