资源简介 (共16张PPT)第三单元第7课网页制作”课堂实践登陆网址https://www./activities/，思考以下问题：①该网页包含了哪些元素？它们是如何整齐有序地分布在网页中的？你能从中得到哪些信息，是否能很好表达主题思想？②点击网页中的图片或文字，会发生什么变化？课堂实践导航栏搜索栏图片与文字内含超链接查看网页源代码的方法疑问：网页代码是否有规律可循？网页的构成元素01一般情况下，网页中最多的内容是文本，可以根据需要对其字体、大小、颜色、底纹、边框等属性进行设置。文字02丰富多彩的图像是美化网页必不可少的元素，用于网页上的图像一般为JPG格式和GIF格式。用于介绍、宣传广告等多种形式。图像网页的基本元素超级链接：Web网页的主要特色，是指从一个网页指向另一个目的端的链接。这个“目的端”通常是另一个网页，也可以是下列情况之一：相同网页上的不同位置、一个下载的文件、一副图片、一个E-mail地址等。超级链接可以是文本、按钮或图片，鼠标指针指向超级链接位置时，会变成小手形状。1导航栏：网站的“地图”，没有它，浏览者就会“迷路”。导航栏一般由多个按钮或者多个文本超级链接组成。2HTML语言结构根标签，页面中最大的标签，只能有一个；01头部标签，里面的内容主要给浏览器看，标签中必须包含标签，让网页有一个自己的网页标题；<br/>02<br/><body></body>身体标签，里面的内容主要给用户看，页面内容基本都放在<body>里，我们写的html代码也基本都是在<body>里面。<br/>03<br/>HTML 是创建网页的基础语言，也是创建网页的标准语言。HTML代码是用来规定文字、图片等信息在网页中的显示方式。<br/>src属性的值就是要使用图片的路径（存放目录），建议图片和网页放在同一个文件夹内，路径直接写图片的名字。<br/>图片标签：<img src=“…” /><br/>超链接标签：<a href=“路径”></a><br/>活动：请查找该页面中的图片标签和超链接标签（在网页中输入Ctrl+F快速搜索）<br/>非专业人士制作网站<br/>其实很多文字处理软件都可以设计网页，如Word中利用“另存为web页”就可以将文档保存为网页，Windows“记事本”也可以制作网页等。利用这些方法编辑网页，可以规避不会写代码的问题。<br/>课堂实践<br/>操作步骤<br/>步骤一：在桌面新建一个名为“建立网站”的文件夹，用于保存老师发的宣传图和其余网页源素材。<br/>步骤二：在文件夹内新建Word文档，将视图调整为“Web版式”。输入标题“欢迎来到迪士尼”，并输入以下介绍文字，注意空格及行距。<br/>欢迎来到一个前所未见的神奇世界，在此点亮您的心中奇梦。这就是上海迪士尼乐园，无论老幼，都可以在此感受充满创造力、冒险和刺激的乐趣！把目光投向奇幻童话城堡，世界上最大的迪士尼城堡，准备好开始探索这七大各具魅力而令人难忘的神奇园区：米奇大街、奇想花园、梦幻世界、探险岛、宝藏湾、明日世界和迪士尼·皮克斯玩具总动员主题园区。<br/>Web版式<br/>Web 版式视图是word文件中显示文档在 Web 浏览器中的外观。它能够模仿Web浏览器来显示Word文档。在“Web版式”视图方式下，用户可以看到背景和为适应窗口而换行显示的文本，且图形位置与在Web浏览器中的位置一致。<br/>步骤三：插入图片<br/>步骤四：网页另存为“.html”格式<br/>感谢您的聆听与指导<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/2025/01/1f/1f0b25edce769b8a4fe4803b7dca4286.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/9c/9cf977be7aedd495f4fbb5d18459df2c.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/0d/0d67fa434621b9a646704d794dba9aac.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/c5/c5b32760bb6f04c7d5fdccffdefda3b5.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/b3/b3b2e36c47d6768ddefb7abff49b750f.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/a5/a54b307fc31cd5aa340ff109d1784fef.png" style="max-width:800px;"> <img src="https://preview.21cnjy.com/f2/2025/01/b5/b5160390620fef01a7658df6dacfff28.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-17777626.html" title="14、新世纪版 网页制作（教案）">14、新世纪版 网页制作（教案）</a></li> <li><a href="https://doc.21cnjy.com/p-17129768.html" title="第7课 网页制作（课件）-七年级信息技术上册（新世纪版2018）(共16张PPT)">第7课 网页制作（课件）-七年级信息技术上册（新世纪版2018）(共16张PPT)</a></li> <li><a href="https://doc.21cnjy.com/p-14181203.html" title="3.7网页制作同步练习新世纪版（2018）信息技术七年级上册（Word版，含答案）">3.7网页制作同步练习新世纪版（2018）信息技术七年级上册（Word版，含答案）</a></li> <li><a href="https://doc.21cnjy.com/p-4752736.html" title="第七课 网页制作 教案">第七课 网页制作 教案</a></li> <li><a href="https://doc.21cnjy.com/p-4133018.html" title="第七课 网页制作 课件+教案">第七课 网页制作 课件+教案</a></li> <li><a href="https://doc.21cnjy.com/p-4133016.html" title="第七课 网页制作——网页的美化 课件">第七课 网页制作——网页的美化 课件</a></li> <li><a href="https://doc.21cnjy.com/p-3946720.html" title="第七课 网页设计 课件">第七课 网页设计 课件</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>