简单的网页编写PPT学习课件.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,用文本文档编写网页,1,引言,当今社会网络已是遍布全球家喻户晓了，人们经常用它处理各种大小事情。,但是当我们打开某一个网页是否想过它是怎么来的，当然不是天生就有的，是人类通过思考研发出来的。那么网页究竟是怎么做出来的呢？,下面我教大家一个制作简单基本网页的方法：,2,首先，在打开一个,网页时，例如：百度点击菜单栏中的查看,选项中的“源文件”,按钮，如图：,3,则会出现如图的记事本，也许大家都看不明白。等上完这节课就不会那么陌生了。,4,目录,引言,一、文件类型,二、简要步骤,三、认识标签,5,一、文件类型,Excel,表格的扩展名是,.xls,；,Word,文档的扩展名是,.doc,；,PowerPoint,的扩展名是,.ppt,；,画图软件的扩展名是,.bmp,；,常用文本的扩展名是,.txt,；,而网页的扩展名则是,.html,文件的扩展名决定文件的类型，例如：,BACK,6,二、简要步骤,新建文件,重命名,打开方式,编写内容,BACK,7,1.,在桌面上单击右键，新建一个文本文档：,BACK,8,如,:”,我的网页,.html”,当确认重命名,(,按回车键或在空白处单击,),的时候，会出现这样一个提示：,更改文件扩展名就会更改文件类型，此时单击“是”即可。,2.,重命名该文件，并把扩展名,.,txt,改为,.,html;,9,当直接打开此文件则无内容显示：,BACK,10,3.,怎样“打开”和编写呢？,单击鼠标右键选择打开方式中的记事本选项，则会出现一个空白记事本；,在笔记本中编写相应标签和代码即可在网页中显示，如：标题、文字、图片等。,BACK,11,12,三、认识标签,Head,头部,Body,体部,BACK,13,1,、可以近似地把网页看成一个“人”,Head,Body,（头部）,（体部）,BACK,14,2,、在记事本中编写标签,Html,是网页的标志，没有这个标签计算机将无法识别；,首先将头,(head),和身体（,body,）写入记事本并分别用截止符“,/,”,划定范围,小技巧,组合键,ctrl+s,是保存,ctrl+c,是复制,;,ctrl+v,是粘贴,重新打开网页点刷新即可。,BACK,15,如图所示：,BACK,16,3,、编写主题,在头部中输入,名称,如图：,主题,确定主题,BACK,17,新主题,更换为,BACK,18,5,、添加标题,标题的代码是,(,其中,i=1,、,2,、,3,、,4,、,5,、,6),.,标题字,(,最大,),.,标题字,(,最小,),字体颜色的代码是,标题,置中的代码是,.,页面,背景颜色代码,bgcolor=“,颜色”（在,body,中）,背景图片代码是,background=“,图片地址”,注：图片地址就是指平的全名并且图片与该网页在同一目录下,BACK,19,例如：,BACK,20,则结果如图：,此黄页非彼黄页,BACK,21,如若把,bgcolor=,yellow,background=hefeishifan.jpg“,改写,即,BACK,22,So,BACK,23,那显示图片的代码又是什么呢？,显示图片的代码是,当然图片的大小也是可以调整的代码：,宽度：,width=,数值,高度：,height=,数值,如：,两张图片之间可以用空格代码,和,换行代码,拉开距离,6,、如何在网页中添加图片呢？,BACK,24,以黑色背景为例，则输入为：,BACK,25,So,BACK,26,7,、如何使网页有“魅力”？,这样图片是显示了，但我们在别的网页内可以 看到会动的图片，怎样才能让图片,动,起来呢,这就需要知道滑动的代码了,如下所示：,？,图片,方向代码,滑动代码,滑动时间代码,滑动去向代码,BACK,27,如图输入,BACK,28,So,点击查看,BACK,29,此外，,还有其他常用代码,有序列表,.,效果为,.,.,无序列表把,o,改为,u,即可,斜体字,.,粗体字,.,底线,.,BACK,30,这样一个最基本的网页就做好了想做更好看更实用的网页还需要大家去学习去思考,BACK,31,32,