登录  /  注册
菜鸟自学建站 HTML 第三课 制作我的第一个网页_html/css_WEB-ITnose
php中文网
发布: 2016-06-24 12:07:33
原创
1233人浏览过

上一课我们了解了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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学