网页设计与制作 第一周教案_第1页
网页设计与制作 第一周教案_第2页
网页设计与制作 第一周教案_第3页
网页设计与制作 第一周教案_第4页
网页设计与制作 第一周教案_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

教案编号:1课题:网页设计与制作课时:2授课类型:上机课教学目标:熟记超文本标记熟记HTML5格式清楚Hbuilder软件的应用教学重点:熟记超文本标记熟记HTML5格式清楚Hbuilder软件的应用教学难点:熟记超文本标记熟记HTML5格式教学过程：（一）课前准备1、授课前准备1.1提前一天检查授课环境，检查教室是否冲突，授课用电脑、投影仪是否符合授课要求。1.2整理仪容仪表。1.3准备授课物品（花名册，教案，教材，签字笔，白板笔）。1.4提前5分钟进入教室，准备教学环境（讲师机、投影仪、白板等）。1.5上课前与学生沟通。1.6检查书本预习完成情况并讲解。1.7检查预习笔记本预习情况并统计2、板书章节标题：线上活动策划与运营的实战攻略本堂课目标：1、掌握活动背景的撰写技巧掌握提升用户参与度的技巧掌握活动细则的撰写技巧3、考勤安排副班长在课前5分钟开始点名，针对迟到的学生询问迟到原因，关心并提醒；针对未到的学生，安排同寝室的学生进行电话，给予提醒通知等(根据实际情况实施激励措施)。4、强调纪律安排纪律委员收手机，如果上交情况不是很理想，根据学生编号查对应的手机袋，保证每位学生的手机放到手机袋。（二）授课过程（90分钟）1、知识点回顾（5分钟）提问一：网页元素包含哪些提问二：网站分为哪些类别，对应类别的案例有哪些2、知识点一认识HTML（45分钟）HTML(英文HyperTextMarkupLanguage的缩写)中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML文件的扩展名：.htm或.htmlHTML标记：HTML结构<html><head><title>无标题文档</title></head><body></body></html>head标记符首部标记<head></head>位于网页的开头，其中不包括网页页的任何实际内容，而是提供一些与网页页有关的特定信息。一般包含网页标题、文档属性参数等不在页面上显示的网页元素。title标记符在首部标记符中，最基本、最常用的标记符是标题标记<title>和</title>，用于定义网页的标题。当网页在浏览器中显示时，网页标题将在浏览器窗口的标签中显示。注意：网页标题是浏览者第一个看到的网页内容，应确保其简明扼要、有意义！body标记符正文标记符<body>和</body>包含网页的内容。文字、图形、链接以及其他HTML元素都位于该标记符内。正文标记符中的文字，如果没有其他标记符修饰，则将以无格式的形式显示。注意：空格、回车这些格式控制在显示时都不起作用。HBuilder软件介绍HBuilder（图1-10）HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率练习：编写一个以自己名字为标题，内容为一句话的简单页面。（30分钟）小结：（5分钟）提问一：HTML结构包含哪些标记提问二：文本

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论