《简单的网页编写》PPT课件.ppt

《简单的网页编写》PPT课件.ppt

ID:51272141

大小:3.52 MB

页数:32页

时间:2020-03-21

《简单的网页编写》PPT课件.ppt_第1页
《简单的网页编写》PPT课件.ppt_第2页
《简单的网页编写》PPT课件.ppt_第3页
《简单的网页编写》PPT课件.ppt_第4页
《简单的网页编写》PPT课件.ppt_第5页
资源描述:

《《简单的网页编写》PPT课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

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

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

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

4、3、4、5、6)

...

标题字(最大)
...
标题字(最小)字体颜色的代码是标题置中的代码是
...
页面背景颜色代码bgcolor=“颜色”(在body中)背景图片代码是background=“图片地址”注:图片地址就是指平的全名并且图片与该网页在同一目录下BACK例如:BACK则结果如图:此黄页非彼黄页BACK如若把bgcolor="yellow"background="hefeishifan.jpg“改写即BACKSoBACK那显示图片的代码又是什么呢?显示图片的代码

5、是当然图片的大小也是可以调整的代码:宽度:width="数值"高度:height="数值"如:两张图片之间可以用空格代码

和换行代码
拉开距离6、如何在网页中添加图片呢?BACK以黑色背景为例,则输入为:BACKSoBACK7、如何使网页有“魅力”?这样图片是显示了,但我们在别的网页内可以看到会动的图片,怎样才能让图片动起来呢这就需要知道滑动的代码了如下所示:?图片方

6、向代码滑动代码滑动时间代码滑动去向代码BACK如图输入BACKSo点击查看BACK此外,还有其他常用代码有序列表

  • ...效果为
  • ...
  • ...
  • 无序列表把o改为u即可斜体字...粗体字...底线...BACK这样一个最基本的网页就做好了想做更好看更实用的网页还需要大家去学习去思考BACK

    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。