HTML精品教程资料:05-项目案例:制作1号店网站
- 格式:pptx
- 大小:3.09 MB
- 文档页数:36


模块1 网站的设计与策划
课程名称Web编程基础课时2课时
授课班级软件技术、计算机应用、移动开发专业
授课地点一体化教室授课形式做学教一体教学单元模块1-1 网站的概述
教学目标知识目标
理解网页与网站的相关概念;
掌握Web资源开发技术中,典型的HTML、CSS、
JavaScript技术在网页设计中的作用。
能力目标
能够区分网页与网站的关系;
能够区分服务器与客户端的关系。
素质目标
激发学生学习兴趣
引导学生团队合作
教学重点难点及措施教学重难点:
认识网页与网站;
Web前端开发技术。
措施:
通过上机操作加强学习和补充案例进行巩固。
教学方法做学教一体任务驱动线上线下混合教学教学任务掌握网站相关概念、网页开发工具
模块1 网站的设计与策划
课程名称Web编程基础课时2课时
授课班级软件技术、计算机应用、移动开发专业
授课地点一体化教室授课形式做学教一体教学单元模块1-2 网站的概述
教学目标知识目标
掌握使用网页编辑工具;
掌握常用的浏览工具及浏览HTML文档的方
法。
能力目标
能够掌握网页设计原则
能够灵活运用开发工具创建一个完整的Web
项目。
素质目标
激发学生学习兴趣
引导学生团队合作
《Web编程基础》教案。
电子科技大学电子工程学院标准实验报告(实验)课程名称用HTML语言制作简单的网页电子科技大学教务处制表电子科技大学实验报告学生姓名:万羽学号:2902103035 指导教师:伍瑞钦一、实验室名称:科B457二、实验项目名称:用HTML语言制作简单的网页三、实验原理:1.网页(1)网页就是在浏览器上看到的一页,网页也称为Web页。
(2)主页通常是进入网站首先浏览的网页,具有引导用户浏览整个网站内容的作用。
(3)超链接是网页中的特殊标记。
它指向了WWW中的其他资源,如其他网页、网页的另一个段落、声音文件等。
这些资源可以位于自己的计算机上,也可以位于其他计算机上。
用作超链接的标记可以是一段文字、一幅图像,也可以是一幅图像的一部分。
在浏览网页时,单击超链接就可以跳转到超链接所指向的资源。
超链接像一根一根的线一样,将各种网页链接在一起,形成一个庞大的信息网。
2.HTML语言(1)HTML语言就是超文本标记语言,是网页制作的基础,也是基本的工具,使用其他任何工具制作的网页,最终都要以HTML方式存储在计算机里。
(2)HTML的脚本可用任何一种文本编辑器进行编写,如记事本、Microsoft Word等。
保存时要将脚本保存成纯文本格式,扩展名必须是.htm。
(3)HTML脚本的基本结构。
HTML脚本总是以<html>标记开头,</html>标记结尾,在<html>和</html>标记之间是HTML的所有内容,一般情况下它分为两部分:头部和主体。
头部总是由<head>和</head>标记定义的,其中包含了HTML脚本的标题和说明信息;头部下面是HTML脚本的主体部分,它以<body>作为起始标记,</body>作为结束标记,其中所包含的就是在浏览器中所看到的内容,包括文字、图片、动画等。
3.FrontPageFrontPage是一种简单易学的Web管理和网页制作的软件。