资源简介 网页制作 互联网上的网站、论坛、微博等都是由众多的网页组成的，网页可以通过超链接相互连接，形成一个巨大的“网”。点击鼠标，就可以漫游网上世界。 那么，网页是怎样制作的呢？ 一、什么是HTML 任意打开一个网页，右击鼠标，在弹出的菜单中选择【查看源文件(V)】就可以看到用记事本打开的密密麻麻的符号，这些符号就是网页的HTML代码。HTML的英文全称是 Hyper Text Marked Language，即“超文本标记语言”。 HTML代码是用来规定文字、图片等信息在网页中的显示方式的。HTML的格式如下： <标记名>显示内容 标记名一般是成对出现的，例如： …</tite>表示网页的标题； <br/> <body>…</body>表示网页中显示的内容。 <br/> 网页文件是纯文本格式的文件，可以用任何一个能编辑文本文件的软件打开和编辑网页。 <br/>二、编写HTML代码 <br/> 用记事本就能编写一个简单的网页代码，如图所示。 <br/> 将上面编辑的文本文件保存为“exp-1htrl”。在资源管理器中双击“exp-l.htn”，浏览器就会自动打开这个文件，显示的画面如图所示。 <br/> 模仿上图，用记事本制作一个网页，标题是“我设计的第一个网页”，内容为：“欢迎光临我的网站！”然后保存并浏览观看（注意保存的文件扩展名为htm1）。 <br/>试一试 <br/> 显然，直接用HTML代码来制作网页，需要记忆大量的HTML标记，非常麻烦。因此人们一般使用网页制作工具软件来设计网页，不熟悉HTML也可以制作网页。 <br/> 制作网页的工具软件很多，大家熟悉的文字编辑软件Word就可以编辑简单的网页。更专业的网页制作软件有Adobe Dreamweaver等。 <br/>三、用Word制作网页 <br/> 下面用Word2007制作一个简单的网页。 <br/> 启动Word2007，并进入Web版式视图，如图所示。 <br/> 编辑网页，然后将文档保存为网页类型(*. htm；*.html)。 <br/> 超链接是网页的灵魂，浏览网页时点击超链接可以快速跳转到其他网页、文件或网站。 <br/> 建立超链接的方法是： <br/> 选择要建立超链接的文字或图片，然后单击鼠标右键，在弹出的菜单中选择【超链接(H)…]，再选择要链接的网页或网址等，如图所示。 <br/> 参照下图的样式，设计一个介绍本班的网页。（在“Web版式”视图下编辑网页，将文件保存为网页类型） <br/> 然后：(1)用记事本查看网页的HTML代码；(2)用浏览器打开网页查看显示效果。 <br/>试一试 <br/> 有这样一种网页，当有人访问网页时，你可以监控到他，并且访问者可以向你提问、交流。这样的网页就是客户服务网页，你想制作一个这样的网页吗？ <br/> 客户服务网页的制作方法是：先将网页制作好，然后在网页中插入一段“客服代码”。 <br/> “QQ客服代码”需要到“QQ推广”网站申请。制作步骤如下： <br/>四、制作QQ客服网页 <br/>步骤1 进入QQ推广网站:http：//shang.qq.com。 <br/>步骤2 选择“推广工具”栏目，在弹出的登录对话框中，输入你的(网站版主)QQ帐号、密码。 <br/>步骤3 在“QQ通信组件”中，在【1请选择组件样式】中选择“组件样式”，例如选择“拓展型”（在线咨询/QQ交谈）；在“设置”中，设置“自动回复语”等。然后再回到“QQ通信组件”。 <br/>步骤4 等待一段时间后，在【2复制这段代码并将其粘贴到您的网页上】下面的文本框中将出现一段代码，单击“复制代码”按钮。 <br/>步骤5 找到需要加入QQ客服的网页适当位置（一般是<body>…</body>之间），粘贴代码，然后保存网页。 <br/> 将网页上传到网上，或放在机房服务器的共享文件夹中，供大家访问。访客打开网页，就可以和网页的版主进行QQ交流了。 <br/>合作探究 <br/> 以小组为单位进行交流：首先小组长充当“网页版主”并提前登录QQ，其他成员访问网页，然后与组长进行QQ会话。 <br/>谢 谢</p> <p class="introAll">展开更多......</p> <p class="introAllHide">收起↑ </p> </div> </form> <div class="entry-content clearfix"> <p class="asset-tit"> <img src="/images/asset.png" style="width: 20px;height: 20px;vertical-align: text-bottom;margin-right: 5px;">资源预览 </p> <div class="asset-preview"> <img src="https://preview.21cnjy.com/f2/2024/05/33/3382ce9b9d9f1bc6e78b6825e68b7e1c.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/60/606a348fe9c775f86c4f515de8bcbe0b.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/8f/8f69ab8316a3776e0bbf10923be3e555.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/21/212fa557ebf72e40e716570afe662c5c.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/de/de1e00c76b2de77d3f77c152f49aa60d.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/b5/b529e37291f14a4f0489f29f090be899.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2024/05/4a/4aa7f73ffea2ee83d52164c86f4165a6.png" style="max-width:800px;"> </div> </div> <div class="entry-footer"> <div class="entry-bar"> <div class="entry-bar-inner clearfix text-center"> </div> </div> <div class="entry-copyright"> <p>缩略图、资源来源于二一教育资源库</p> </div> </div> </div> </article> </div> <aside class="sidebar"> <div class="widget widget_views"> <h3 class="widget-title">相关资源</h3> <ul> <li><a href="https://doc.21cnjy.com/p-7631940.html" title="浙教版高中必修信息技术6.2-网页制作-教学设计">浙教版高中必修信息技术6.2-网页制作-教学设计</a></li> <li><a href="https://doc.21cnjy.com/p-7615533.html" title="浙教版高中信息技术 必修一 6.2：网页制作 课件（34张幻灯片）">浙教版高中信息技术 必修一 6.2：网页制作 课件（34张幻灯片）</a></li> <li><a href="https://doc.21cnjy.com/p-7614147.html" title="浙教版高中信息技术 必修一 6.2 网页制作课件（18张幻灯片）">浙教版高中信息技术 必修一 6.2 网页制作课件（18张幻灯片）</a></li> <li><a href="https://doc.21cnjy.com/p-7614115.html" title="浙教版高中信息技术 必修一 6.2 网页制作课件（18张幻灯片）">浙教版高中信息技术 必修一 6.2 网页制作课件（18张幻灯片）</a></li> <li><a href="https://doc.21cnjy.com/p-6107435.html" title="浙教版 信息技术 高一 第6.2 网页版面布局设计课件（共12张ppt)">浙教版 信息技术 高一 第6.2 网页版面布局设计课件（共12张ppt)</a></li> <li><a href="https://doc.21cnjy.com/p-6107138.html" title="浙教版 信息技术 高二 6.2 网页制作课件（共16张ppt)">浙教版 信息技术 高二 6.2 网页制作课件（共16张ppt)</a></li> <li><a href="https://doc.21cnjy.com/p-1590906.html" title="网页制作 教案（三个课时）">网页制作 教案（三个课时）</a></li> <li><a href="https://doc.21cnjy.com/p-1590597.html" title="网页制作 课件">网页制作 课件</a></li> <li><a href="https://doc.21cnjy.com/p-1502640.html" title="网页基础练兵试题">网页基础练兵试题</a></li> <li><a href="https://doc.21cnjy.com/p-1140067.html" title="信息技术：6.1《网站和网页_》课件(浙教版必修1)">信息技术：6.1《网站和网页_》课件(浙教版必修1)</a></li> </ul> </div> </aside> </div> </div> </main> <script src="//static.21cnjy.com/js/underscore-1.8.3.min.js"></script> <script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swanInvoke.js"></script> <script> function jumpbaiduboxapp(el){ if (navigator.userAgent.toLowerCase().indexOf('baiduboxapp/') >-1){ window.swanInvoke({ appKey: 'LYaggHHMnhIO7GgfWsVcMKQKoRjCXLqq', path: 'pages/zydown/zydown', query: { id: el.attributes['ownattr'].nodeValue } }); return false; }else{ return true; } }; ;(function(){ var ua = navigator.userAgent.toLowerCase() var isWXWork = ua.match(/wxwork/i) == 'wxwork'; var isWeixin = !isWXWork && ua.match(/MicroMessenger/i) == 'micromessenger'; var isMobile = isDesktop = false; if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) { isMobile = true; } else { isDesktop = true; } var isAndroid = ua.indexOf('android') > -1 || ua.indexOf('Adr') > -1; var isOS = ua.indexOf('iPhone') > -1 || ua.indexOf('iPad') > -1 || ua.indexOf('Mac') > -1; if (isWeixin) { } if (isAndroid) { } // 标题固定fixed var $fixedTit = $('#J_FixedShowDetailTit'); var fixed_tit = function () { var titIsShow = $(window).scrollTop() > 179; if (titIsShow) { $fixedTit.animate({ top: 0 }, 300); } else { $fixedTit.animate({ top: '-200px' }, 300); } }; $(window).on('scroll', _.debounce(fixed_tit, 50)); fixed_tit(); // 简介固定高度 var $height= $('.assets-intro').height(); if($height == 480) $('.introAll').show(); // 收缩 function toMore(el){ var flag = el == '.introAll' ? 1 : 0; var overflow = flag ? "auto" : "hidden"; var maxHeight = flag ? "inherit" : "480px" ; var className = flag ? ".introAllHide" : ".introAll"; $(el).on('click',function(){ $('.assets-intro').css({ "overflow":overflow, "maxHeight": maxHeight }); $(el).hide(); $(className).show(); }); } toMore('.introAll'); toMore('.introAllHide'); })(); </script> <!--footer开始--> <!-- 底部 --> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!-- <mip-img src="/just/images/logo-footer.png" width="60" height="60"></mip-img> --> </div> <div class="footer-col footer-col-copy "> <ul class="footer-nav hidden-xs "> <li><a href="https://www.21cnjy.com/help/">帮助中心</a> </li> <li><a href="https://www.21cnjy.com/about/about_contact-us.php">联系我们</a> </li> <li><a href="https://www.21cnjy.com/about/about_opinion.php">意见反馈</a> </li> </ul> <div class="copyright "> 2023 版权所有© 二一教育 <a href="https://beian.miit.gov.cn" target="_blank " rel="nofollow noopener noreferrer">粤ICP备11039084</a> </div> </div> <div class="footer-col footer-col-sns "> <div class="footer-sns "> <ul class="footer-nav hidden-xs "> <li>友情链接：</li> <li> <a href="https://yj.21cnjy.com/" title="阅卷软件系统">阅卷系统</a> <a href="https://edu.21cnjy.com/" title="美文范文">优秀范文</a> <a href="https://paike.21cnjy.com/" title="新高考走班">走班排课</a> <a href="https://tiku.zujuan.com/" title="组卷网题库">组卷题库</a> <a href="https://www.chujuan.cn/" title="组题出卷网">出卷网</a> </li> </ul> </div> </div> </div> </div> </footer> <mip-fixed type="gototop"><mip-gototop></mip-gototop></mip-fixed> <mip-stats-baidu token="0280ecaa2722243b1de4829d59602c72"></mip-stats-baidu> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-gototop/mip-gototop.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-history/mip-history.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-fixed/mip-fixed.js"></script> <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-share/mip-share.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-form/mip-form.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-sidebar/mip-sidebar.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-vd-tabs/mip-vd-tabs.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-lightbox/mip-lightbox.js"></script> <script src="https://c.mipcdn.com/static/v2/mip-ad/mip-ad.js"></script> <script src="/assets/26c9d710/jquery.js"></script> <script src="/assets/a0893c15/yii.js"></script> <script src="/assets/a0893c15/yii.activeForm.js"></script> <script type="text/javascript">jQuery(document).ready(function () { jQuery('#w0').yiiActiveForm([], []); jQuery('#w1').yiiActiveForm([], []); });</script> </body> </html>