HTML语言开发商业站点共12页文档.docx
- 文档编号:28923493
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:20
- 大小:209.53KB
HTML语言开发商业站点共12页文档.docx
《HTML语言开发商业站点共12页文档.docx》由会员分享,可在线阅读,更多相关《HTML语言开发商业站点共12页文档.docx(20页珍藏版)》请在冰豆网上搜索。
HTML语言开发商业站点共12页文档
第一部分理论课
第一章HTML的基本标签
本章目标
•会使用HTML的基本结构创建网页
•会使用文本相关标签实现文字修饰和布局
•会使用图像相关标签实现图文并茂的页面
•会使用超链接相关标签实现页面间的跳转
一.HTML文件的基本结构
说明:
…标签标记HTML文档的开始和结束
这部分包括标题和其他说明信息。
包括在
…标签内这部分包含文本、图像和链接。
它包括在
…标签内网页页面中出现乱码,那如何消除乱码使其正常显示?
二.常用标签
1.标签
2.页面背景色或背景图像
为了使页面美丽大方,网页背景要尽量地浅
3.文本相关标签
字体、字号相关标签
H1到H6标签用于指定不同级别的标题
4.行的控制相关标签
5.图像标签
6.文字布局(HR,OL,UL)
如何使用内容分隔
标签
标签用于在页面上绘制水平线
如何使用列表
7.预格式文本
标签8.页面链接标签
在同一个文件夹下有两个html文件,从一个文件超链接到另一个文件的路径有几种方式?
两种方式:
相对路径和绝对路径
•链接到其他页面
–相对路径
指定从根目录到文件的完整路径。
–绝对路径
指定相对于当前文件的文件位置。
9.锚记标签
•链接到本页面
–锚记标签用于使用户“跳”到文档的某个部分
–HTML的NAME属性用于创建锚标记
主题名称 –为达到这种跳转效果,请在HREF参数中使用该标记
主题名称 •电子邮件链接
–要链接电子邮件,可在链接标签中插入”mailto:
邮箱地址”
webmaster@sohu">站长信箱
三.滚动
第二章表格基础
本章目标
•会使用表格的基本结构实现简单表格
•会使用表格相关标签实现跨行、跨列的复杂表格
•会使用表格相关设置进行美化修饰
一.为什么使用表格
表格应用场合:
论坛,门户网站,购物网站等。
二.表格的基本结构
在HTML文档中,广泛使用表格来存放网页上的文本和图像
表格的基本语法
三.如何创建表格
1.跨行跨列的表格
下图中的表格哪里用了跨行?
哪里用了跨列?
跨了几行几列?
2.跨多列的表格
3.跨多行的表格
4.创建跨行跨列的表格
四.表格的美化修饰
1.设置表格的尺寸和边框
2.如何设置背景
3.如何设置对其方式
4.使用填充属性
单元格里的内容太靠近边线,怎么办?
什么是填充属性和间距属性
五.什么是表格布局
使用表格布局下图,需要几行几列?
需要7行2列
第三章表单和框架
本章目标
•会使用表单的基本结构制作表单页面
•会使用各种表单元素实现注册页面
•能理解post和get两种提交方式的区别
•会使用框架结构实现多窗口展示页面
一.表单
1.表单的典型应用
注册用户,收集信息,反馈信息,为网站提供搜索工具等
2.表单包含的控件
3.表单页面的基本结构
4.常用表单元素
1).文本框
2).密码框
3).单选按钮
4).复选框
5).列表框
6).按钮
7).文本域
二.框架
1.框架的基本结构
2.target目标窗口属性
如果在同一个页面中,要实现在一个框架窗口中的超链接页面出现在另一个框架窗口中,如何实现?
•target目标窗口属性
–name=“显示的窗口名”
•target目标窗口属性
–四个特殊的窗口
显示在新窗口
显示在本窗口
显示在父窗口
显示在整个浏览器窗口 第四章CSS样式表
本章目标
•会创建统一外观的字体文本
•会创建无下划线的超连接样式
•会创建个性化的表格
•会创建个性化的表单
一.为什么需要CSS样式表
•HTML标签的外观样式比较单一
–颜色只有黑白
–字体类型和大小无变化
•样式表的作用相当于华丽的衣服
•样式表能实现内容与样式的分离,方便团队开发
二.样式表的基本语法
三.类样式(class)
四.常用的样式属性
1.文本属性
2.背景样式
3.方框属性
要实现下图所示的效果,该如何编写样式规则?
要实现下图细边框的效果,该如何编写样式规则?
4.超链接样式
5.图片按钮
要实现下图图片按钮的效果,该如何编写样式规则?
五.样式表的三类应用方式
1.内嵌样式表
•内嵌样式表使用格式如下:
内嵌样式表
2.行内(嵌入)样式表
如果希望某段文字和其他段落文字显示风格不一样,
该如何解决?
3.外部样式表文件
如果希望一个网站中多个页面的样式保持一致,
如何解决?
第五章使用Dreamweaver制作网页
本章目标
●会用Dreamweaver实现已学的各类HTML标签
◆图像、文本、列表标签
◆表格
◆表单
◆框架
◆样式表
因本章讲解Dreamweaver的使用,具体见教员演示及视频操作
第二部分上机练习
第一章上机 HTML的基本标签
阶段1:
训练要点:
1、HTML文档的基本结构,标签配对出现
2、与文字关系
3、
、 、
4、、特殊字符的使用、bgColor属性
阶段2:
阶段3:
训练要点:
1、有序列表标签
2、水平线标签
3、预格式化标签
阶段4:
阶段5:
阶段6:
第二章上机表格基础
阶段1:
训练要点:
1、表格的基本结构
2、能够创建跨行跨列的表格
阶段2:
阶段3:
训练要点:
1、表格尺寸的修饰
2、表格边框的修饰
3、表格背景的修饰
4、表格填充
需求说明:
阶段4:
第三章上机 表单与框架
阶段1:
训练要点:
–表单的基本形式
–表单元素及属性
需求说明
实现思路和关键代码:
表单的基本结构:
1、表单区域:
2、表单区域内添加控件
阶段2:
创建简单的拍拍注册页面
阶段3:
训练要点:
–会使用RADIO和CHECKBOX控件
–会处理表单提交事件
需求说明:
实现思路及关键代码:
1、使用标记添加表单控件,type属性指定控件类型
2、直接添加的表单控件
阶段4:
完善拍拍注册页面的信息
阶段5:
训练要点:
•能够通过使用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 开发 商业 站点 12 文档