欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-29 21:48:53
...
上一课我们了解了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??午夜的猫