第7课 网页制作（课件）-七年级信息技术上册（新世纪版2018）.pptxVIP

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