简单的网页编写.ppt

1、用文本文档编写网页,引言,当今社会网络已是遍布全球家喻户晓了，人们经常用它处理各种大小事情。 但是当我们打开某一个网页是否想过它是怎么来的，当然不是天生就有的，是人类通过思考研发出来的。那么网页究竟是怎么做出来的呢？ 下面我教大家一个制作简单基本网页的方法：,首先，在打开一个 网页时，例如：百度点击菜单栏中的查看 选项中的“源文件” 按钮，如图：,则会出现如图的记事本，也许大家都看不明白。等上完这节课就不会那么陌生了。,目录,引言 一、文件类型 二、简要步骤 三、认识标签,一、文件类型,Excel表格的扩展名是.xls； Word文档的扩展名是.doc； PowerPoint的扩展名是.ppt

2、； 画图软件的扩展名是.bmp； 常用文本的扩展名是.txt； 而网页的扩展名则是.html,文件的扩展名决定文件的类型，例如：,BACK,二、简要步骤,新建文件 重命名 打开方式 编写内容,BACK,1.在桌面上单击右键，新建一个文本文档：,BACK,如:”我的网页.html” 当确认重命名(按回车键或在空白处单击)的时候，会出现这样一个提示：,更改文件扩展名就会更改文件类型，此时单击“是”即可。,2.重命名该文件，并把扩展名. txt改为 . html;,当直接打开此文件则无内容显示：,BACK,3.怎样“打开”和编写呢？,单击鼠标右键选择打开方式中的记事本选项，则会出现一个空白记事本；

3、在笔记本中编写相应标签和代码即可在网页中显示，如：标题、文字、图片等。,BACK,三、认识标签,Head 头部 Body 体部,BACK,1、可以近似地把网页看成一个“人”,BACK,2、在记事本中编写标签 Html是网页的标志，没有这个标签计算机将无法识别； 首先将头(head)和身体（body）写入记事本并分别用截止符“ / ”划定范围,小技巧,组合键 ctrl +s是保存 ctrl +c是复制; ctrl +v是粘贴 重新打开网页点刷新即可。,BACK,如图所示：,BACK,3、编写主题 在头部中输入名称 如图：,主题,确定主题,BACK,新主题,更换为,BACK,5、添加标题 标题的代

4、码是 (其中i=1、2、3、4、5、6) .标题字(最大) .标题字(最小) 字体颜色的代码是标题 置中的代码是. 页面 背景颜色代码bgcolor=“颜色”（在body中） 背景图片代码是background=“图片地址” 注：图片地址就是指平的全名并且图片与该网页在同一目录下,BACK,例如：,BACK,则结果如图：,此黄页非彼黄页,BACK,如若把 bgcolor=yellow background=hefeishifan.jpg“,改写,即,BACK,So,BACK,那显示图片的代码又是什么呢？ 显示图片的代码是 当然图片的大小也是可以调整的代码： 宽度：width=数值高度：height=数值 如： 两张图片之间可以用空格代码和 换行代码拉开距离,6、如何在网页中添加图片呢？,BACK,以黑色背景为例，则输入为：,BACK,So,BACK,7、如何使网页有“魅力”？ 这样图片是显示了，但我们在别的网页内可以 看到会动的图片，怎样才能让图片动起来呢 这就需要知道滑动的代码了 如下所示：,？,图片,方向代码,滑动代码,滑动时间代码,滑动去向代码,BACK,如图输入,BACK,So,点击查看,BACK,此外， 还有其他常用代码 有序列表 . 效果为 . . 无序列表把o改为u即可 斜体字 . 粗体字.