admin 管理员组

文章数量: 1086019


2024年4月24日发(作者:java代码nfa转换为dfa)

HTML CSS JavaScript网页制作

教学教案

第1讲

课时内容

HTML

基础

授课时间

80分钟

课时

2

在当今社会中,网络已成为人们生活的一部分,网页设计技术已成为学习计算机的

重要内容之一。目前大部分网页都采用可视化网页编辑软件来制作的,但是无论采用

哪一种网页编辑软件,最后都是将所设计的网页转化为HTML。HTML是搭建网页的

教学内容

基础语言,如果不了解HTML,就不能灵活地实现想要的网页效果。本章就来介绍

HTML的基本概念和编写方法以及浏览HTML文件的方法,使读者对HTML有个初步

的了解,从而为后面的学习打下基础。

了解HTML的基本概念

教学重点

掌握HTML文件的编写方法

掌握使用浏览器浏览HTML文件

内容大纲

1.1 HTML

的基础概念

1.1.1 HTML

简介

1.1.2 HTML

文件的

基本结构

1.1.3

认识

HTML

标记

1.2 HTML文件的编写方法

1.2.1使用笔记本手工编写HTML

1.2.2使用Dreamweaver编写HTML文件

1.3使用浏览器浏览HTML文件

1.3.1查看页面效果

1.3.2查看源文件

1.4练习题

第2讲

课时内容

HTML

基本标记

授课时间

80分钟

课时

2

一个完整的HTML文档必须包含3个部分:一个由元素定义的文档版本信息,

一个由定义各项声明的文档头部和一个由定义的文档主体部分。

作为各种声明信息的包含元素出现在文档的顶端,并且要先于出现。而

教学内容

用来显示文档主体内容。文字是网页中最基本的信息载体,文字通过不同的排版方式、

不同的设计风格排列在网页上,提供了丰富的信息。文字的控制与布局在网页设计中

占了很大比例,因此掌握好文字的使用,对于网页制作来说是最基本的。本章就来讲

解这些基本标记的使用,这些都是一个完整的网页必不可少的。

掌握HTML头部标记

掌握标题标记

教学重点

掌握元信息标记

掌握页面的主体标记

掌握页面注释标记

内容大纲

2.1 HTML

头部标记

head

2.2标题标记title

2.3元信息标记meta

2.3.1

设置页面关键字

2.3.2

设置页面说明

2.3.3

定义编辑工具

2.3.4

设置作者信息

2.3.5

设置网页文字及语言

2.3.6

设置网页的定制跳转

2.4

页面注释标记

<

- ->

2.5

标题字

2.5.1

标题字标记

h

2.5.2

标题字对齐属性

align

2.6

段落标记

2.6.1

段落标记

p

2.6.2

换行标记

br

2.6.3

不换行标记

nobr

2.7

水平线

2.8

其他标记

2.8.1

插入空格

2.8.2

插入特殊符号

2.9

练习题


本文标签: 网页 标记 掌握 文档 信息