菜鸟自学建站 HTML 第三课 制作我的第一个网页_html/css_WEB-ITnose
首先打开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??午夜的猫