新手入门——网站欣赏与创建网页
零基础建网站教程
零基础建网站教程零基础建网站教程是针对那些对网站开发一无所知的初学者，希望能通过简明易懂的指导帮助他们快速入门并搭建自己的第一个网站。
第一步是选择合适的网站建设平台。
常见的网站建设平台有WordPress、Wix、Squarespace等，它们提供了简单易用的界面和模板，适用于初学者。
第二步是注册域名和选择主机。
域名是网站的地址，可以在域名注册网站上购买，选择一个与自己网站主题相关的域名。
而主机是存放网站文件的服务器，可以通过网站主机服务商购买。
第三步是安装网站建设平台。
登录主机账号，进入控制面板，选择网站建设平台并进行安装。
这一步通常由主机服务商提供详细的教程。
第四步是选择合适的模板。
网站建设平台提供了大量的模板供选择，可以根据自己的需求和喜好选择一个合适的模板。
第五步是编辑网站内容。
可以通过拖拽的方式编辑页面，插入文字、图片、视频等内容。
此外，还可以在页面上添加导航菜单、联系表单等功能。
第六步是优化网站。
在编辑页面的过程中，可以设置网站的标题、关键词和描述，以提高网站在搜索引擎中的排名。
此外，还可以优化网站的加载速度，保证用户体验。
第七步是发布网站。
在编辑完成后，点击发布按钮即可将网站正式上线。
此时可以测试网站的各项功能和链接是否正常。
最后，可以继续学习网站建设的进阶知识，例如学习网页设计、学习编程语言等，以提升自己的网站建设能力。
通过上述的步骤，零基础的初学者可以快速建立自己的第一个网站。
这个简单的教程只是为初学者提供一个入门指导，帮助他们了解网站建设的基本流程和步骤。
在实践中，学习者还需要不断探索和学习，才能进一步提升网站建设的技能和水平。
新手做网站教程
新手做网站教程作为一个新手，学习如何建立一个网站可能会让你觉得有些困惑和不知所措。
但是，不要担心！下面将为你提供一个简单的网站建设教程，让你能够迈出第一步。
第一步：选择一个合适的网站平台在选择网站平台时，你可以考虑一些流行的内容管理系统（CMS），如WordPress、Wix或Squarespace。
这些平台提供了用户友好的界面和预设设计模板，使你可以轻松地创建和管理网站。
第二步：注册一个域名域名是你网站的地址，所以选择一个易于记忆和与你网站内容相关的域名很重要。
你可以在域名注册网站上注册域名，并选择合适的后缀，如.com、.org或.net。
第三步：选择一个主题或模板你可以从网站平台的预设主题或模板中选择一个适合你网站风格和目的的。
不同的主题有不同的布局和功能，你可以根据需要进行选择和自定义。
第四步：编辑网站内容现在你可以开始添加和编辑网站的内容。
使用平台的编辑工具，你可以轻松地创建页面、添加文本、图像和视频，以及设置导航菜单和侧边栏。
第五步：优化网站为了提高网站的可见性和吸引力，你可以使用一些优化技术。
例如，使用关键词优化你的内容，以便在搜索引擎中更容易被找到。
你还可以优化网站的加载速度和移动设备适应性，以提供更好的用户体验。
第六步：发布和宣传网站当你完成所有的编辑和优化后，就可以发布你的网站了。
在发布之前，确保你检查了所有的链接和功能，并测试了网站在不同浏览器和设备上的表现。
发布后，你可以通过社交媒体、博客和搜索引擎优化等方式来宣传你的网站，吸引更多的访问者。
总结：建立一个网站是一个有挑战性但值得尝试的过程。
遵循以上步骤，你可以逐步学习和掌握网站建设的基础知识，逐渐成为一个有经验的网站管理员。
不要怕犯错误，因为只有通过实践，你才能不断进步。
祝你好运！。
网站欣赏与创建网页
浏览器（Webpage）是指可以显示网页服务器
或者文件系统的HTML文件（标准通用标记语言
的一个应用）内容，并让用户与这些文件交互的
一种软件。 常用的浏览器：
IE浏览器、360浏览器、搜狗浏览器、 QQ浏览器、猎豹浏览器……
你知道吗？
HTML（超文本标记语言）
超文本标记语言，标准通用标记语言下的一个应用。
你知道吗？
互联网、网站、网页、浏览器
互联网（英语：Internet），又称网际网络，或音译
因特网(Internet)、英特网，互联网始于1969年美国的阿 帕网。是网络与网络之间所串连成的庞大网络，这些网络
以一组通用的协议相连，形成逻辑上的单一巨大国际网络。
通常internet泛指互联网，而Internet则特指因特网。这种 将计算机网络互相联接在一起的方法可称作“网络互联”， 在这基础上发展出覆盖全世界的全球性互联网络称互联网， 即是互相连接一起的网络结构。
网站(Website)开始是指在因特网上根据一定
的规则，使用HTML（标准通用标记语言下的一 个应用）等工具制作的用于展示特定内容相关网
页的集合。
网页（Webpage）是构成网站的基本元素，是
承载各种网站应用的平台。 首页是指一个网站打开后看到的第一个页面，我
们也称之为网站的主页。大多数作为首页的文件
HTML
“超文本”就是指页面内可以包含图片、链接， 甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语： Head）、和“主体”部分（英语：Body），其中 “头”部提供关于网页的信息，“主体”部分提供 网页的具体内容。
我的第一个网页文件
我的第一个网页文件HTML代码：
<HTML> <HEAD> <TITLE>一个简单的HTML示例</TITLE> </HEAD> <BODY> <p> </p> <CENTER> <FONT SIZE= 7 COLOR= blue face="华文行楷">欢迎光临我的主页</FONT> <HR> <p> </p> <FONT SIZE= 4 COLOR= red>这是我第一次做主页</FONT> </CENTER> </BODY> </HTML>
网页设计基础入门与实战
网页设计基础入门与实战第一章：了解网页设计的基本概念网页设计是指根据用户需求和目标，利用HTML、CSS等技术进行网页界面的规划和美化。
在学习网页设计之前，我们首先需要了解网页设计的基本概念。
网页由多个元素组成，包括标题、导航栏、正文内容、图片、链接等。
了解这些元素的作用与相互关系，是理解网页设计的基础。
第二章：学习HTML基础知识HTML是一种标记语言，用于描述网页的结构。
在网页设计中，正确使用HTML标签是非常重要的。
我们需要学习HTML的基础知识，包括HTML标签的语法、常用标签的作用和属性等。
通过掌握这些知识，我们可以编写结构清晰、语义明确的HTML代码。
第三章：掌握CSS样式表的运用CSS是用于描述网页的样式的语言。
通过CSS样式表，我们可以改变网页的字体、颜色、布局等。
在这一章节中，我们将学习CSS的基础知识，包括CSS选择器、样式属性、样式规则等。
通过灵活运用CSS，可以使网页设计更加美观、动态。
第四章：学习响应式网页设计随着移动设备的普及，响应式网页设计变得越来越重要。
在这一章节中，我们将学习如何创建响应式网页。
通过使用CSS媒体查询和弹性布局等技术，我们可以在不同设备上展示适配的网页。
通过学习响应式网页设计，可以提高用户的浏览体验，并提升网页的可访问性。
第五章：优化网页性能网页性能对于用户体验和搜索引擎优化都非常重要。
在这一章节中，我们将学习如何优化网页的加载速度和性能。
通过合理使用图片压缩、CSS和JavaScript文件的合并与压缩等技术，可以减少网页的加载时间，并提高用户的体验。
第六章：网页设计实战案例分析通过实战案例分析，我们可以学习到真实网页设计中的技巧和经验。
在这一章节中，我们将分析一些经典的网页设计案例，并深入探讨它们的设计思路和实现方式。
通过学习这些案例，我们可以提高自己的设计水平，并将理论知识应用到实践中。
第七章：与用户交互的网页设计网页设计不仅仅是外观的美观与合理，还要考虑与用户的交互。
第一课 新手入门—网站欣赏与创建网页
第一课新手入门—网站欣赏与创建网页
教学目标
1、【知识与技能：】
（1)、通过操作练习，掌握互联网、网页与首页、网站等网页设计与网站制作的基本知识；
(2)、通过操作练习，会使用记事本作为网页编辑工具来编辑HTML代码并生成网页；
(3)、掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的关系。
2、【过程与方法பைடு நூலகம்】
（二）自主学习：本环节以任务驱动式展开分层教学。
任务一：网站欣赏
以小组为单位，打开IE浏览器，浏览网页并收藏好就最喜欢的一个网页。
由我来通过屏幕广播方式演示示范操作过程，让学生们观看我操作过程和方法？给学生5分钟，在学生自己在计算机上完成任务后，教师对操作过程中的问题加以强调、说明，同时肯定学生的操作能力。
（三）合作交流：
本环节是本节课教学内容的升华，是本节课最具闪光点的一环，在这时里既应充分体现学生的合作讨论，又要体现学生的自主创新，所以我设计以小组为单位，在学习了以上内容的基础上，完成本组的一件个性作品。
（四）展示评价：在这个环节里，教师通过多媒体屏幕，每组挑选出比较成功的作品，然后通过多媒体软件屏幕广播功能，让学生去欣赏各个小组作品，互相看一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成功之处，对不足的地方加以完善。
任务二：网页设计与网站制作的基本知识
在这一环节里我设计让学生通过自己的理解，同桌交流以及我及时必要的补充，完成书中设定的任务：了解互联网、网页与首页、网站等知识。
任务三：我的第一个网页是这样成功的。
关于HTML语言认识，给学生2分钟时间，阅读教材中“视野拓展”中的内容。
由教师示范：打开网页素材，在记事本里复制并粘贴素材文件中提供的HTML代码，命名并保存文件，然后在浏览器中进行预览。鼓励有余力的同学通过“视野拓展”板块进行自学，并能独立完成“创作天地”中的练习。
第1课新手入门—网站欣赏与创建网页
新手入门
——网站欣赏与创建网页
山盆中学 杜继维
1、网站欣赏
问题1：同学们最喜欢的游戏是什么？ 问题2：你们是怎样找到它的？（学生演示并欣赏）
打开浏览器，输入/欣赏“学生科技网”
思考：1、网站中有什么？ 2、网页中都由什么构成？
2、网页设计与网站制作的基本知识
（2）执行保存 （3）查看并将完成作品上交
6、课后总结：
1、因特网 2、首页 3、网页 4、网站
网页是在互联网上看到的单个页面，网页的 集合就构成了网站，进入网站后看到的第一 个网页通常称为该网站的首页。
3、网页与首页 进入网站看到的第一个页面称为该网站的首页。 网页是因特网的基本信息单位，主要由文本、图像、动画、 表格等一些基本元素构成。
4、网站
许多网页的集合，网页以一定的顺序系统地链接起来就构成了 一个网站。
内容形式不同分为：门户网站、职1、执行“开始”→“所有程序”→ “附 件”→“记事本”
1、因特网 国际互联网即Internet,他是全球性的、最具影响力的计算机 互联网络，也是世界范围的信息资源宝库。
功能：电子邮件收发、信息查询、电子新闻浏览、文件传 输、语音与图像通信服务等！
2、浏览器 浏览器是指可以显示网页服务器或者文件系统的HTML文件 （标准通用标记语言的一个应用）内容，并让用户与这些文 件交互的一种软件。
2、复制并粘贴HTML代码。 3、保存文件。（位置：D盘 文件名：
**.html） 4、用浏览器查看文档
4、读一读认一认神奇的HTML语言！
5、课堂练习：
（1）将文件first.html用记事本打开，将文档中的第8行进行修改： 第一组：大小为10、颜色为黄色、字体为隶书。将“我”字 换成自己的姓名！ 第二组：大小为15、颜色为黑色、字体为黑体。将“我”字 换成自己的姓名！ 第三组：大小为12、颜色为绿色、字体为仿宋。将“我”字 换成自己的姓名！ 第四组：大小为8、颜色为红色、字体为隶书。将“我”字 换成自己的姓名！（同学可根据自己爱好改动第十一行）
新手做网站教程新手如何做自己的网站
新手做网站教程新手如何做自己的网站作为一个新手，你可能对如何开始制作自己的网站感到迷茫。
不用担心，本文将为你提供一些简单易行的步骤和有用的提示，帮助你顺利创建属于自己的网站。
1.确定网站目标：在开始之前，你需要明确你的网站的目标。
你想创建一个博客、电子商务网站还是个人简历网站？一旦你有了目标，就可以更好地计划建设过程。
2. 寻找合适的域名：域名是你网站的网址，因此选择一个好的域名非常重要。
确保域名简洁易记，并与你的网站主题相关。
用域名注册网站（例如GoDaddy、Namecheap）查找并购买合适的域名。
3. 选择合适的托管平台：接下来，你需要选择一个适合你的网站托管平台。
有许多免费和付费的选项可供选择，如WordPress、Wix、Squarespace等。
这些平台通常提供简单易用的网站构建工具和网站模板。
4.定制你的网站：选择一个网站模板是一个好的起点。
根据你的网站类型和目标，选择一个适合的模板。
然后，你可以通过上传你自己的图片、修改颜色和字体，以及定制页面布局等方式来个性化你的网站。
6.添加功能和插件：根据你的需求，你可能需要在网站上添加一些特定的功能和插件。
例如，如果你在网站上销售产品，你可以添加购物车和支付功能。
通过和安装合适的插件，你可以为你的网站增添更多功能。
7.创建高质量的内容：无论你的网站类型是什么，内容都是至关重要的。
编写高质量的文本，使用清晰的图像和视频，以及提供有用和有趣的信息，这将帮助你吸引和留住访问者。
8.优化你的网站：为了让你的网站在引擎上获得更好的排名，你需要学习一些基本的引擎优化（SEO）技巧。
确保你的网站结构清晰，标题和描述准确，并使用关键字来提高可见度。
9.设计移动友好的网站：越来越多的用户使用移动设备访问网站，因此确保你的网站在各种屏幕尺寸上都能正常显示非常重要。
选择一个响应式网站模板，并测试你的网站在不同设备上的显示效果。
10.测试和发布：在最终发布你的网站之前，确保对网站进行全面测试。
网页欣赏与创建网页—八年级下册信息技术.
打开IE浏览器，在地址栏中输入： /。进入 “学生科技网”首页
因特网简介 互联网始于1969年的美国，又称 因特网。是美军在ARPA（阿帕网，美 国国防部研究计划署）制定的协定下， 首先用于军事连接。 后将美国西南部的加利福尼亚大 学洛杉矶分校、斯坦福大学研究学院、 UCSB（加利福尼亚大学）和犹他州大 学的四台主要的计算机连接起来。这 个协定由剑桥大学的BBN和MA执行， 在1969年12月开始联机。
新东方网
中学学科ห้องสมุดไป่ตู้
课堂练习
请同学们打开课本P6： 【创作天气】 依据提示完成代码的修改 并且查看对比效果图
问
Question and answer
Question and answer
提
答 疑
四个人为一个小组单位，进 行组内自主学习探究： （1）组内交流：“这一节课， 我学会了……”。 （2）互相展示使用HTML语言创 建的网页。 （3）交流在操作过程中存在什 么困难，以小组汇报的形 式来寻求全班同学的帮助。
新手入门
——网站欣赏与创建网页
康竞
冬去春来好景年年有 辞旧迎新成绩步步高
那么问题来了： 新春佳节期间，由于工作忙碌而无暇购置 家里的年货，你有什么好办法解决吗？
请观察以上三个网址，你会发现它们有什么相同的地方？
WWW是环球信息网的缩写， 英文全称为“World Wide Web， 中文名字为“万维网”，"环球 网"等，常简称为Web。
网页与首页
网页：因特网的基本信息单位，是因特网上看到的页面。
01
我要自学网
02
中国教育在线 新东方网
03
04
中学学科网
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
新手入门——网站欣赏与创建网页一、教材与学生分析该教学内容为清华大学出版社出版的《信息技术》初中二年级下册第一单元《初建网站》的第一节。
本节主要内容为二部分：一是通过欣赏站点，使学生了解和掌握网页设计与网站制作的基本知识；二是使用记事本作为网页编辑工具来编辑HTML代码并生成网页。
本课作为网站制作的起始课，应确保每个学生都有一个好的开始，这样才能激发学生学习网页制作的兴趣，为今后学习打下良好的基础。
初二年级学生在学习网站制作之前已经接触过网站，浏览过各式各样的网页。
有少数学生只是在信息技术课堂上接触过计算机，更没有条件接触网络。
由于学生的操作水平悬殊很大，在教学过程中即要考虑操作生疏的学生的接受能力，又要保护操作熟练学生的学习积极性。
二、教学目标知识与技能：掌握浏览网页的方法；掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系；学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。
过程与方法：通过让学生浏览并介绍他们感兴趣的优秀网站，让学生掌握浏览网页的方法。
结合启发、设问、打比喻等方法，使学生尽可能地自己总结出相关知识。
通过打字比赛，让学生积极的录入HTML代码。
让学生在此过程中，初步认识HTML语言。
在修改文档的过程中，探索标签的含义及其与属性值的对应关系。
情感态度与价值观：培养学生的自学探究能力、合作竞争意识和创新精神；引导学生正确地理解网络用途，充分地利用网络为学习服务。
三、教学重难点重点：掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系。
难点：学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。
四、教学过程（一）、激发兴趣，导入课题师：你们最喜欢的在线小游戏网站是什么？有好几个平时比较活跃的学生把手高高的举起来了，还有好几个已经在流利的说初他们喜欢的网站。
甚至还有两个学生在为哪一个网站更好玩争论起来。
师：请那个手举得最高的同学告诉我.生： 4399师：你能把这个网站打开给大家看一下吗？用电子教室软件选择学生演示。
学生很熟练的打开了该游戏网站。
但在打开网页的时候有几个活跃的学生在议论。
师：我来猜猜你们在说什么？是不是还有其他的浏览网页的方法呢？生1：可以在百度搜，然后点击需要的网页就可以了。
生2：还可以用导航网页直接点击打开。
师：非常棒！这节课我们通过欣赏网站，来了解一些网页设计和网站制作的基本知识。
设计意图：通过小游戏网站讲解浏览网页的方法，吸引所有学生的注意力，从而提高了学习兴趣。
如果不讲解打开网页的方法，会有一部分学生产生疑问，但是如果由老师演示，基础好的学生会因为太简单而失去学习动力，所以我选择让学生演示。
这样安排既照顾到不经常接触网络的学生，又给操作熟练地学生一个展示自己的机会。
（二）、自主探究，形象概括师：现在请大家打开IE浏览器，浏览“学生科技网”，（网址书上有）学生很快按照书上的网址，打开了“学生科技网”，并且不停地点击鼠标浏览网页上的信息。
师：我听到大家点击鼠标的声音，看得出来大家都看得很仔细。
老师经常可以听到你们议论互联网、网站、网页、首页，他们的含义是什么？不太清楚的可以在网上查一下，注意他们之间的联系与区别。
在学生查找信息的时候，教师迅速把这几个术语写到黑板上。
师：查到的同学能用简短的语句概括一下吗？生1：互联网是全球范围内的计算机互联网络，是一个巨大的信息资源宝库。
生2：互联网上我们能看到的一个页面就叫做网页。
生3：许多相互关联的网页构成了网站。
生4：首页是进入网站看到的第一个网页，是网站的门面。
师：网页由哪些元素组成？生1：网页主要有文本、图像。
生2：动画，音频、视频生3：表格师：小组讨论互联网、网站、网页、首页之间有怎样的关系？能不能用比喻的方式说出他们之间的关系？请各个小组长来概括。
各小组经过讨论，说出了各自的看法，但都只概括了两个或三个。
师：谁能结合各小组形象的小比喻，概括一下他们之间的关系？生：我把“互联网”比作大商场，进了商场才能购物。
把“网站”比作商场里的店铺，把“网页”比作店铺里的柜台，把首页比作店铺华丽的门面。
同学们给予这位同学非常热烈的掌声。
设计意图：让学生借助网络自主学习，能调动学生的学习积极性，让所有的学生参与到学习中。
把抽象的理论用简单的语言概括后，再让学生用比喻的方法来理解互联网、网站、网页、首页之间有怎样的关系，这样使深奥的理论知识变得通俗易懂。
（三）打字比赛，录入代码师：在互联网上我们看到大量制作精美、功能强大的网站。
这么多网站，有没有一个网页真正属于你自己？生：没有。
师：同学们想不想有一个真正属于自己的网页呢？生：想！学生有些兴奋，下面有一点议论声。
师：今天我们就用最简单的记事本来制作出你的第一个网页。
小学就学过记事本吧？请一个同学来告诉大家如何启动记事本。
生：“开始”“程序”“附件”“记事本”师：非常棒！大家现在启动记事本。
有问题的同学可以请小组长帮忙。
学生很快都启动了记事本。
教师在巡视的时候故意大声问一位同学“你们班谁打字速度最快？”几个大胆的同学报出了几个名字，大家又再为谁更快而争论，声音越来越大。
师：到底谁更快，我们比一比不就知道了吗？我们现在就来“打字比赛”。
打什么呢？现在大家把书翻到第4页，开始录入图1.5的文档所有内容。
谁先录入完就举手告诉老师，由老师检查后宣布名次。
听明白规则了吗？生：明白了！大家非常兴奋，已经有几个同学开始录入了。
师：比赛开始！设计意图：按照教参，这一部分让学生复制粘贴代码即可，但是这样学生不会去读代码，而且复制粘贴操作过于简单，对基础较好的学生来说没有参与的动力。
让学生用比赛的方式录入HTML代码，可以提高学生学习积极性，并且能够初步认识HTML语言的结构。
另外，对学生而言，自己录入的代码比复制粘贴来的代码更有吸引力，能为接下来修改代码部分的学习做好铺垫。
（四）、统一进度，生成网页不到五分钟的时间已有一个学生非常兴奋地站起来，高高举着手大喊：“老师我打完了！”我大声的宣布“***同学第一名！”旁边学生投来羡慕的目光，并低头抓紧时间录入。
七分钟左右的时候，前十名的名单已经出来了。
师：请同学们用热烈的掌声鼓励我们班的前十名！此时教师用电子教室软件把录入好的代码分发给学生。
师：由于时间关系，请还没有录入完的同学复制并粘贴代码。
大家以first为文件名保存文档在你的作业文件夹内。
你的第一个网页就制作完成了！生：啊？老师这就是我们的网页？师：别着急，网页的确做好了，我们马上要看到自己的网页啦！生：老师怎么看？（有两个学生迫不及待地问我）师：将文档另存为first.HTML。
教师将文件名写在黑板上。
师：另存好以后，打开first.HTML文档看看？生：哇，老师我的网页出来了！看到有好几个学生很快把手举起来，旁边的同学看到他们的网页。
不会的开始向旁边同学请教。
三分钟的时间所有的学生都生成了自己的网页。
设计意图：由于时间关系，不可能等所有的学生把代码录入完毕后再讲如何生成网页，但如果直接往下讲，有一部分同学可能会因为没有录完代码而跟不上新内容的学习。
教师把代码发下去，基础不好的同学可以通过复制粘贴代码，和其他同学统一进度，继续学习。
教师的讲解，留给学生更多的自主时间，在操作中感受扩展名对文件的影响。
（五）、推波助澜，拓展延伸教师演示作比较，引导学生思考扩展名对文件的影响，既包括其对文件图标的影响，也包括调用应用程序的影响，并引出HTML语言。
师：刚才大家录入的代码就是HTML语言，它一直被用作WWW的信息表示语言。
请同学们仔细观察你们的代码， HTML语言有什么特点？生：都是“成对”出现的。
有的学生在笑。
师：对，那几个“成对”出现的代码叫标签。
每个标签的含义都不一样，对照你的网页，大家能不能猜出这些标签的含义？现在因为代码都相同，所以大家的网页都是一样的。
是不是觉得这个网页不是完全属于自己？大家试着通过修改、添加、删除代码，让自己的第一个网页和别人的都不同。
设计意图：教师的分析点到为止，引导学生自主探索标签的含义及其与属性值的对应关系。
如果直接讲解然后让他们修改，大部分学生会因为觉得没有挑战性，而降低了学习的积极性。
这同时是对课本“创作天地”板块中的练习。
在修改代码的时候，我听到有学生在问旁边同学“粉色的英文单词怎么写？”。
师：单词不会写了？上网查啊？设计意图：原本我已经在网上查好了各种颜色的英文单词，可以直接分发给学生，但我想趁此机会引导他们正确认识网络的用途，并充分地利用网络为学习服务。
五分钟过后，有改字体颜色的、有添加文字的、有改变字体的，同学们的网页都各有不同。
师：下面请各小组成员看一下本组成员是如何修改的，以便借鉴修改。
在小组分享制作成果的过程中，课堂气氛特别活跃。
师：请同学们保存并提交你的第一个网页。
在作业上传的过程中，教师挑出几个比较有代表性的网页，请学生为大家讲解HTML标签的含义（教师稍作补充即可）。
设计意图：本课是学生第一次上传网页，因此要着力培养学生养成在保存网页至本地磁盘，然后将文件提交到教师机的习惯。
这不仅便于教师评价，更便于学生之间互评。
学生可以通过比较作品体验创造的快乐并且反思自身作品，迸发灵感，二次创作，这样在整个班级中将会产生更多的富有创意的优秀作品。
五、教学反思（一）、与曾经的课堂作比较曾经因为总是顾虑有一部分学生基础不好，我又想让每一个学生都能有一个好的开始，所以我选择以面面俱到教师演示的方式上过本节课。
一堂课下来，基础好的学生，在不停地做小动作。
特别是HTML代码部分，我准备了课件，详细列举了各标签的含义，认真讲解标签的含义及其与属性值的对应关系。
一节课下来，我感觉非常累，而且教学效果不太理想。
这次的教学我几乎没有进行演示讲解，让学生充分利用已经具备的技能去尝试解决新问题，结合启发、设问、打比方等方法，使学生尽可能地自己总结出相关知识，给学生提供创造的空间，从而变被动学习为主动探究。
利用学生演示和拓展延伸部分实施分层教学，让部分基础较好的学生在完成基本任务之后也能有事可做，给学生创造展示和提高自己的空间。
学生在课堂上配合默契，课堂气氛比较活跃，学生参与的积极性非常高，我感觉很轻松就达到了预期的教学目标。
（二）、创新之处1、用游戏网站导入课题通过小游戏网站讲解浏览网页的方法，吸引了所有学生的注意力，并且提高了学生学习兴趣。
用小游戏做“诱饵”，如果哪组表现得好，进行奖励。
2、打字比赛的安排用比赛的方式录入HTML代码，让所有的学生都参与到学习中去。
录入代码的过程也是学生初步认识HTML语言的结构的过程。
我发现，对学生而言，自己录入的代码比复制粘贴来的代码更有吸引力，这为讲解枯燥的标签含义及其与属性值的对应关系部分扫除了障碍。
3、让学生利用网络自学在概括基本概念和查找颜色英文单词环节中，课前我已经整理好了相关资料，可以直接“把食物端给学生”。