最新HTMLCSSJavaScript教学教案讲解.docx
- 文档编号:2984643
- 上传时间:2022-11-16
- 格式:DOCX
- 页数:27
- 大小:28.22KB
最新HTMLCSSJavaScript教学教案讲解.docx
《最新HTMLCSSJavaScript教学教案讲解.docx》由会员分享,可在线阅读,更多相关《最新HTMLCSSJavaScript教学教案讲解.docx(27页珍藏版)》请在冰豆网上搜索。
最新HTMLCSSJavaScript教学教案讲解
“碧芝”隶属于加拿大的beadworks公司。
这家公司原先从事首饰加工业,自助首饰的风行也自西方,随着人工饰品的欣欣向荣,自制饰品越来越受到了人们的认同。
1996年'碧芝自制饰品店'在迪美购物中心开张,这里地理位置十分优越,交通四八达,由于是市中心,汇集了来自各地的游客和时尚人群,不用担心客流量问题。
迪美有300多家商铺,不包括柜台,现在这个商铺的位置还是比较合适的,位于中心地带,左边出口的自动扶梯直接通向地面,从正对着的旋转式楼拾阶而上就是人民广场中央,周边4、5条地下通道都交汇于此,从自家店铺门口经过的90%的顾客会因为好奇而进看一下。
(5)资金问题
图1-4大学生购买手工艺制品目的
“碧芝”最吸引人的是那些小巧的珠子、亮片等,都是平日里不常见的。
店长梁小姐介绍,店内的饰珠有威尼斯印第安的玻璃珠、秘鲁的陶珠、奥利的施华洛世奇水晶、法国的仿金片、日本的梦幻珠等,五彩缤纷,流光异彩。
按照饰珠的质地可分为玻璃、骨质、角质、陶制、水晶、仿金、木制等种类,其造型更是千姿百态:
珠型、圆柱型、动物造型、多边形、图腾形象等,美不胜收。
全部都是进口的,从几毛钱一个到几十元一个的珠子,做一个成品饰物大约需要几十元,当然,还要决定于你的心意。
“碧芝”提倡自己制作:
端个特制的盘子到柜台前,按自己的构思选取喜爱的饰珠和配件,再把它们串成成品。
这里的饰珠和配件的价格随质地而各有同,所用的线绳价格从几元到一二十元不等,如果让店员帮忙串制,还要收取10%~20%的手工费。
5、你认为一件DIY手工艺制品在什么价位可以接受?
(二)创业弱势分析
小饰品店往往会给人零乱的感觉,采用开架陈列就会免掉这个麻烦。
“漂亮女生”像是个小超市,同一款商品色彩丰富地挂了几十个任你挑,拿上东西再到收银台付款。
这也符合女孩子精挑细选的天性,更保持了店堂长盛不衰的人气。
(4)牌子响
300元以下918%
价格便宜些□服务热情周到□店面装饰有个性□商品新颖多样□《HTMLCSSJavaScript网页制作》
教学教案
第1讲
课时内容
HTML基础
授课时间
80分钟
课时
2
教学内容
在当今社会中,网络已成为人们生活的一部分,网页设计技术已成为学习计算机的重要内容之一。
目前大部分网页都采用可视化网页编辑软件来制作的,但是无论采用哪一种网页编辑软件,最后都是将所设计的网页转化为HTML。
HTML是搭建网页的基础语言,如果不了解HTML,就不能灵活地实现想要的网页效果。
本章就来介绍HTML的基本概念和编写方法以及浏览HTML文件的方法,使读者对HTML有个初步的了解,从而为后面的学习打下基础。
教学重点
了解HTML的基本概念
掌握HTML文件的编写方法
掌握使用浏览器浏览HTML文件
内容大纲
1.1HTML的基础概念
1.1.1HTML简介
1.1.2HTML文件的基本结构
1.1.3认识HTML标记
1.2HTML文件的编写方法
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.1HTML头部标记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练习题
第3讲
课时内容
建立超链接
授课时间
80分钟
课时
2
教学内容
超级链接是HTML文档的最基本特征之一。
超级链接的英文名是hyperlink,它能够让浏览者在各个独立的页面之间方便地跳转。
每个网站都是由众多的网页组成,网页之间通常都是通过链接方式相互关联的。
超链接的范围很广,可以将文档中的任何文字及任意位置的图片设置为超级链接。
超链接有外部链接、电子邮件链接、锚点链接、空链接、脚本链接。
教学重点
了解超级链接的基本知识
掌握内部链接
掌握锚点链接
掌握外部链接
内容大纲
3.1超链接的基本知识
3.1.1绝对路径
3.1.2相对路径
3.2内部链接
3.2.1认识内部链接
3.2.2链接的目标窗口
3.2.3建立锚点3.3锚点链接
3.3.1建立同一页面中的锚点
3.3.2建立其他页面中的锚点
3.4外部链接
3.4.1链接到外部网站
3.4.2链接到E-mail
3.4.3链接到FTP
3.4.4链接到Telnet
3.4.5下载文件
3.5练习题
第4讲
课时内容
使用图像
授课时间
80分钟
课时
2
教学内容
图像是网页中不可缺少的元素,巧妙地在网页中使用图像可以为网页增色不少。
网页美化最简单、最直接的方法就是在网页上添加图像,图像不但使网页更加美观、形象和生动,而且使网页中的内容更加丰富多彩。
利用图像创建精美网页,能够给网页增加生机,从而吸引更多的浏览者。
教学重点
了解图像的格式
掌握插入图像的方法
掌握图像的超链接
内容大纲
4.1图像的格式
4.2插入图像
4.2.1插入图像标记img
4.2.2图像的源文件src
4.2.3图像的提示文字alt
4.2.4图像的宽度和高度width、heught
4.3图像的超链接
4.3.1图像的超链接
4.3.2图像热区链接
4.4练习题
第5讲
课时内容
使用列表
授课时间
80分钟
课时
2
教学内容
列表是一种非常有用的数据排列方式,它以列表的形式来显示数据。
HTML中共有3种列表,分别是无序列表、有序列表和定义列表。
无序列表的所有列表项目之间没有先后顺序之分。
有序列表的列表项目是有先后顺序之分的。
定义列表是一组带有特殊含义的列表,一个列表项目里包含条件和说明两部分。
教学重点
了解列表标记概述
掌握有序列表
掌握无序列表
掌握定义列表
掌握菜单列表
内容大纲
5.1认识列表标记
5.2有序列表
5.2.1游戏列表ol
5.2.2有序列表的序号类型type
5.2.3有序列表的起始数值start
5.4练习题
第6讲
课时内容
使用表格
授课时间
80分钟
课时
2
教学内容
表格是网页制作中使用最多的工具之一,在制作网页时,使用表格可以更清晰地排列数据。
但在实际制作过程中,表格更多地用在网页布局定位上。
很多网页都是以表格布局的,这是因为表格在文本和图像的位置控制方面都有很强的功能。
灵活、熟练地使用表格,在网页制作时会有如虎添翼的感觉。
教学重点
掌握创建表格
掌握设置表格基本属性
掌握设置表格的边框
掌握设置表格背景
掌握设置表格的行属性
掌握调整单元格属性
内容大纲
6.1创建表格
6.1.1表格的基本构成table、tr、td
6.1.2设置表格的标题caption
6.1.3表头th
6.2表格基本属性
6.2.1表格宽度width
6.2.2表格高度height
6.2.3表格对齐方式align
6.3表格的边框
6.3.1表格边框宽度border
6.3.2表格边框颜色bordercolo
r6.3.3内框宽度cellspacing
6.3.4表格内文字与边框间距cellpadding
6.4表格背景
6.4.1表格背景颜色bgcolor
6.4.2表格背景图像
6.5表格的行属性
6.5.1高度控制height
6.5.2边框颜色bordercolor
6.5.3行背景bgcolor、background
6.5.4行文字的水平对齐方式align
6.5.5行文字的垂直对齐方式valign
6.6单元格属性
6.6.1单元格大小width、height
6.6.2水平跨度colspan
6.6.3垂直跨度rowspan
6.6.4对齐方式align、valign
6.6.5单元格的背景颜色
6.6.6单元格的边框颜色bordercolor
6.6.7单元格的亮边框bordercolorlight
6.6.8单元格的暗边框bordercolordark
6.6.9单元格的背景图像background
6.7表格的结构
6.7.1表格的表首标记 6.7.2表格的表主体标记
6.7.3表格的表尾标记
6.8练习题
第7讲
课时内容
使用列表
授课时间
80分钟
课时
2
教学内容
表单的用途很多,在制作网页,特别是制作动态网页时常常会用到。
表单主要用来收集客户端提供的相关信息,使网页具有交互功能。
在网页制作的过程中,常常需要使用表单,如进行会员注册、网上调查和搜索等。
访问者可以使用如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息,然后单击某个按钮提交这些信息。
教学重点
表单标记
插入表单对象
菜单和列表
文本域标记
id标记
内容大纲
7.1表单标记form
7.1.1提交表单action
7.1.2表单名称name
7.1.3传送方式method
7.1.4编码方式enctype
7.1.5目标显示方式target
7.2插入表单对象
7.2.1文字字段text
7.2.2密码域password
7.2.3单选按钮radio
7.2.4复选框checkbox
7.2.5普通按钮button
7.2.6提交按钮submit
7.2.7重置按钮reset
7.2.8图像域images
7.2.9隐藏域hidden
7.2.10文件域file
7.3菜单和列表
7.3.1下拉菜单
7.3.2列表项
7.4文本域标记textarea
7.5id标记
7.6创建表单实例
7.7练习题
第8讲
课时内容
添加多媒体
授课时间
80分钟
课时
2
教学内容
教学内容:
在网页中,除了之前
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新 HTMLCSSJavaScript 教学 教案 讲解
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1