html课做一个网页,菜鸟自学建站 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??午夜的猫

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值