网页制作 互联网上的网站、论坛、微博等都是由众多的网页组成的，网页可以通过超链接相互连接，形成一个巨大的“网”。点击鼠标，就可以漫游网上世界。 那么，网页是怎样制作的呢？ 一、什么是HTML 任意打开一个网页，右击鼠标，在弹出的菜单中选择【查看源文件(V)】就可以看到用记事本打开的密密麻麻的符号，这些符号就是网页的HTML代码。HTML的英文全称是 Hyper Text Marked Language，即“超文本标记语言”。 HTML代码是用来规定文字、图片等信息在网页中的显示方式的。HTML的格式如下： <标记名>显示内容 标记名一般是成对出现的，例如：
…</tite>表示网页的标题； <body>…</body>表示网页中显示的内容。 网页文件是纯文本格式的文件，可以用任何一个能编辑文本文件的软件打开和编辑网页。 二、编写HTML代码 用记事本就能编写一个简单的网页代码，如图所示。 将上面编辑的文本文件保存为“exp-1htrl”。在资源管理器中双击“exp-l.htn”，浏览器就会自动打开这个文件，显示的画面如图所示。 模仿上图，用记事本制作一个网页，标题是“我设计的第一个网页”，内容为：“欢迎光临我的网站！”然后保存并浏览观看（注意保存的文件扩展名为htm1）。 试一试 显然，直接用HTML代码来制作网页，需要记忆大量的HTML标记，非常麻烦。因此人们一般使用网页制作工具软件来设计网页，不熟悉HTML也可以制作网页。 制作网页的工具软件很多，大家熟悉的文字编辑软件Word就可以编辑简单的网页。更专业的网页制作软件有Adobe Dreamweaver等。 三、用Word制作网页 下面用Word2007制作一个简单的网页。 启动Word2007，并进入Web版式视图，如图所示。 编辑网页，然后将文档保存为网页类型(*. htm；*.html)。 超链接是网页的灵魂，浏览网页时点击超链接可以快速跳转到其他网页、文件或网站。 建立超链接的方法是： 选择要建立超链接的文字或图片，然后单击鼠标右键，在弹出的菜单中选择【超链接(H)…]，再选择要链接的网页或网址等，如图所示。 参照下图的样式，设计一个介绍本班的网页。（在“Web版式”视图下编辑网页，将文件保存为网页类型） 然后：(1)用记事本查看网页的HTML代码；(2)用浏览器打开网页查看显示效果。 试一试 有这样一种网页，当有人访问网页时，你可以监控到他，并且访问者可以向你提问、交流。这样的网页就是客户服务网页，你想制作一个这样的网页吗？ 客户服务网页的制作方法是：先将网页制作好，然后在网页中插入一段“客服代码”。 “QQ客服代码”需要到“QQ推广”网站申请。制作步骤如下： 四、制作QQ客服网页 步骤1 进入QQ推广网站:http：//shang.qq.com。 步骤2 选择“推广工具”栏目，在弹出的登录对话框中，输入你的(网站版主)QQ帐号、密码。 步骤3 在“QQ通信组件”中，在【1请选择组件样式】中选择“组件样式”，例如选择“拓展型”（在线咨询/QQ交谈）；在“设置”中，设置“自动回复语”等。然后再回到“QQ通信组件”。 步骤4 等待一段时间后，在【2复制这段代码并将其粘贴到您的网页上】下面的文本框中将出现一段代码，单击“复制代码”按钮。 步骤5 找到需要加入QQ客服的网页适当位置（一般是<body>…</body>之间），粘贴代码，然后保存网页。 将网页上传到网上，或放在机房服务器的共享文件夹中，供大家访问。访客打开网页，就可以和网页的版主进行QQ交流了。 合作探究 以小组为单位进行交流：首先小组长充当“网页版主”并提前登录QQ，其他成员访问网页，然后与组长进行QQ会话。 谢 谢 ... ... </a></b></n></i></span></p></div><div class="item-bz"> ~~ 您好，已阅读到文档的结尾了 ~~</div></div></div></div></div><div class="pre_over view-mn" style="background-color: #fff; margin-top: 0"> <div class="zy-btns clearfix"> <a href="https://www.21cnjy.com/H/14/75719/7614147.shtml?from=doc" class="btn-download btn fl"> <span>立即下载</span> </a> <div class="xwt-down-btn fr" style="cursor: pointer"> <a href="#" onclick="alert('您没有登录')" class="btn-download-a btn fr" style="line-height: 34px" > 免费下载 <span class="btn-tag">（校网通专属）</span> </a></div></div></div></div><div class="view-sd"> <div class="author-view"> <div class="author-head"> <a href="https://www.21cnjy.com/H/14/75719/7614147.shtml?from=doc" class="join"> 登录下载Word版课件 </a></div></div><div class="sd-assets-box sd-assets-box--fixed"> <div class="sd-assets"> <h3> 同类资源</h3> <ul id="ul-2" style="display: block;"><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-24766396.html" class="t-name">python的选择结构 微课 高中信息技术 粤教版 必修1（2025-12-24）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-24766385.html" class="t-name">python的顺序结构 微课 高中信息技术 粤教版 必修1（2025-12-24）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-24766381.html" class="t-name">python基础知识(二) 微课 高中信息技术 粤教版 必修1（2025-12-24）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-24766394.html" class="t-name">python的for循环结构 微课 高中信息技术 粤教版 必修1（2025-12-24）</a></li><li><span class="icon"> <i class=" v521_doc1"></i></span><a href="https://doc.21cnjy.com/p-24766404.html" class="t-name">python编程题考点汇总 微课 高中信息技术 粤教版 必修1（2025-12-24）</a></li></ul></div></div><div class="author-view"> <div class="author-head"> <a href="https://www.21cnjy.com/recruitment/home/ordinary" class="join" rel="nofollow"> 上传课件兼职赚钱 </a></div></div></div></div></div><div class="site-footer"> <div class="footer-address g-cw"> <ul class="links clearfix"><li><a href="https://news.21cnjy.com/" title="教育新闻">教育新闻</a></li><li><a href="https://www.21cnjy.com/" title="课件下载">课件下载</a></li><li><a href="https://gongkaike.21cnjy.com/" title="公开课课件">公开课</a></li><li><a href="https://www.zujuan.com/" title="组卷网">组卷网</a></li><li><a href="https://help.21cnjy.com/" title="酷课堂">排课教程</a></li><li><a href="https://www.chujuan.cn/" title="出卷网">出卷网</a></li><li><a href="https://tp.kt5u.com/" title="拼写宝">课堂投屏工具</a></li><li><a href="https://tools.yunzitie.cn/" title="田字格">田字格字帖</a></li><li><a href="https://www.linkconn.cn/" title="汽车连接器">汽车连接器</a></li><li><a href="https://www.kuketang.cn/" title="酷课堂官网">酷课堂工具</a></li><li><a href="https://www.stirling-pdf.com/?lang=zh_CN" title="Stirling-pdf官网">PDF转Word</a></li></ul><p> 二一教育-课件中心 二一课件通 数据来源：21世纪教育网 <a href="https://beian.miit.gov.cn" rel="nofollow noreferrer"> 粤ICP备11039084号 </a> </p></div></div></body> </html>