当前位置：文档之家 › 使用HTML语言开发商业站点

使用HTML语言开发商业站点

  • 格式：docx
  • 大小：198.72 KB
  • 文档页数：28

目录第一章HTML的基本标签 (3)1.1 HTML文件的基本结构 (3)1.1.1 HTML文档的结构 (3)1.1.2 使用记事本创建网页 (4)1.1.3 <META>标签 (4)1.1.4 页面背景色或背景图像 (4)1.2 文本相关标签 (5)1.2.1 字体、字号相关标签 (5)1.2.2 行的控制相关标签 (5)段落标签<P>. (5)换行标签<BR> (5)预格式标签<PRE> (5)1.3 图像标签 (6)1.3.1 常见的图片格式 (6)1.3.2 图像的基本语法 (6)1.3.3 图像与文本的对齐 (6)1.4 文字布局 (7)1.4.1 如何使用内容分隔<HR>标签 (7)1.4.2 如何使用列表 (7)1.4.3 如何使用预格式文本<PRE>标签 (7)1.5 页面链接<A>标签 (7)1.5.1 链接到其他页面 (8)1.5.2 链接到本页面 (8)1.5.3 电子邮件链接 (8)1.6 滚动<MARQUEE>标签 (9)第二章表格基础 (9)2.1表格的使用 (9)2.2表格的布局 (10)第三章表单和框架 (10)3.1 表单 (10)3.1.1 表单包含的控件 (11)3.1.2 表单页面的基本结构 (11)3.1.3 表单元素的统一格式 (12)3.1.4 表单元素的逐一介绍 (12)3.2 框架 (14)3.2.1 为何使用框架 (14)3.2.2 框架的基本结构 (14)3.2.3 如何创建多个复杂的窗口 (14)3.2.4 如何设置窗口链接的显示位置 (15)第四章CSS样式表 (15)4.1 为什么需要CSS样式表 (15)4.2 样式表的基本语法 (15)4.2.1 样式表的基本结构 (15)4.2.2 样式规则 (16)4.2.3 类样式（class） (16)4.3 常用的样式属性 (16)4.3.1 文本属性 (17)4.3.2 背景属性 (17)4.3.3 方框属性 (18)4.3.4 特殊样式 (19)4.3.5 综合例子：制作图片按钮 (19)4.4 样式表的3类应用方式 (19)4.4.1 内嵌样式表 (20)4.4.2 行内样式表 (20)4.4.3 外部样式表文件 (20)第五章使用Dreamweaver制作网页 (21)第六章网站设计和页面布局技术（一） (21)6.1 网站的开发流程介绍 (21)6.1.1 需求分析 (21)6.1.2 网站制作 (22)6.1.3 测试网页 (23)6.2 制作首页 (26)6.2.1 页面内容 (26)6.2.2 页面布局 (26)第一章HTML的基本标签1.1HTML文件的基本结构1.1.1HTML文档的结构<HTML><HEAD><TITLE>文档标题</TITLE></HEAD><BODY>主体部分：主体部分包含在网页中显示的文本、图像和链接。

</BODY></HTML><BODY leftmargin=0 topmargin=0 marginheight=0 marginwidth=0></BODY>HTML的注释：1./* */2.<!---->1.1.2使用记事本创建网页使用记事本保存为“.html”文件。

1.1.3<META>标签<HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312" /><TITLE>文档标题</TITLE></HEAD>使用网页编码语系：1.简体中文charset=gb23122.繁体中文charset=big53.纯英文charset=iso-8859-11.1.4页面背景色或背景图像设置网页的背景色或背景图像：<BODY bgcolor=”#FFCCFF” background=”back_image.gif”></BODY>“FFFFFFF”white“000000”black“pink”粉红色“336699”blue为了使页面美观大方，网页背景要尽量得浅。

1.2文本相关标签1.2.1字体、字号相关标签1.标题标签<BODY><H1>一级标题</H1><H2>二级标题</H2><H3>三级标题</H3><H4>四级标题</H4><H5>五级标题</H5><H6>六级标题</H6></BODY>2.<FONT>标签<FONT size=”+2” color=”red” face=”隶书”></FONT>Size 默认字体大小为3，则size=+4将使大小增加到7，color属性用于指定字体的颜色，可以指定字体的颜色或十六进制值。

Face属性用于指定字体的类型。

3.特殊符号字符实体由3部分组成：&号、实体名称和分号（;）。

用于显示特殊字符的字符实体特殊字符转义码空格&nbsp;大于（>）&gt;小于（<）&lt;引号（””）&quot;版权号（©）&copy;1.2.2行的控制相关标签段落标签<P>.换行标签<BR>预格式标签<PRE>1.3图像标签1.3.1常见的图片格式日常生活中，常见的图像格式：JPG、GIF、SWF、BMP。

JPG联合图像专家组文件格式，采用的是有损压缩，会造成图像画面的失真，不过压缩之后体积很小，比较清晰。

适用于摄影或连续色调的高级格式，可以包含数百万种颜色。

可以通过压缩JPG文件在图像品质和文件大小之间达到良好的平衡。

制作JPG的常用软件：photoshop、hyperSnap等。

GIF无损压缩，支持256色，体积小，支持透明色，支持帧动画。

制作GIF的常用软件：photoshop、GIF ConstructionSet等。

SWFSWF动画是网页中应用非常广泛的一种多媒体图像动画，能够用比较小的体积来表现丰富的多媒体形式。

可以边传输边观看，适合网络传输，即使传输速率不佳，也能取得好的效果。

它是基于矢量技术制作的，永远不会失真。

一起高清晰度的画质和小巧的体积，收到了越来越多网页设计者的青睐，越来越成为网页动画和网页图片设计制作的主流，已成为网页动画的事实标准。

制作起来非常耗时耗力。

制作SWF的常用软件：Flash、SWFText等。

BMP是“位图”的缩写。

BMP图像可以用任何颜色深度（从黑白到24位颜色）存储单个光栅图像。

不支持文件压缩，文件大小非常大。

不适用于Web页。

它适用于Windows中的墙纸。

制作BMP的常用软件：photoshop、windows自带的“画图”软件等。

1.3.2图像的基本语法<IMG src=”images/adv_2.jpg” width=”300” height=”150” alt=””>Src属性指定图像源文件所在的路径。

Alt属性图像上出现的提示文字1.3.3图像与文本的对齐<IMG>标签的align属性用于调整图像相对于周围文本的对齐方式。

align指水平对齐。

可取以下值:top、bottom、middle、left、right。

<IMG align=”middle”> 表示图片的中部和当前行文字中部对齐。

Center表示水平居中。

Vlign指垂直对齐。

1.4文字布局1.4.1如何使用内容分隔<HR>标签使用<HR>标签对文本内容进行分割，用于在页面上绘制水平线。

<HR size=”5”color=”red”width=300>Size用来指定水平线的高度，以像素为单位。

Width用于改变水平线的宽度，可以以像素为单位，也可以是窗口的百分比。

注：如何制作垂直线？size值大点，width值小点就OK了。

1.4.2如何使用列表使用列表对文本内容进行整齐排列。

①．无序列表<UL type=”circle”><LI>无序列表第一行</LI><LI>无序列表第二行</LI><LI>无序列表第三行</LI><LI>无序列表第四行</LI>……</UL>Type属性决定了无序列表项开始的符号，它可以取disc(默认值，表示实心圆点)、circle（空心圆环）、square（空心正方形）这3个值。

②．有序列表<OL type=”1”><LI>有序列表第一行</LI><LI>有序列表第二行</LI><LI>有序列表第三行</LI><LI>有序列表第四行</LI>……</OL>Type属性决定了有序列表的序号类型，它可以取5个值：1、a、A、i、Ⅰ，分别表示数字序列、小写英文字母序列、大写英文字母序列、小写罗马数字序列、大写罗马数字序列。

1.4.3如何使用预格式文本<PRE>标签使用<PRE>标签让指定的文本内容以指定的格式在网页中显示。

1.5页面链接<A>标签<A>标签用于创建超级链接，是到另一个文档或文件（图形、音频、视频）甚至到同一文档的另一部分的链接。

当用户单击超级链接时，就会进入链接中指定的URL。

超级链接可链接到：同一文档的指定部分，其它文档，其他文件——图像、音频、视频剪辑、其他站点等。

要创建超链接，应指定以下两个组件：要链接文件的完整地址或URL。

将提供链接的热点。

热点可以是文本行，也可以是图像。

当用户单击热点时，浏览器将读取URL中指定的地址并“跳”到新的位置。

锚记<A>标签用于标识充当HTML文档中文本或图像的超链接。

Href(超文本引用)参数用于指定要链接文档的地址或URL。

1.5.1链接到其他页面<A href=”register/register.html”>【免费注册】</A>Href标签是指要链接的地址，“【免费注册】”是热点文本。

合集下载

中等职业学校《网页制作》的课程标准

中等职业学校《网页制作》的课程标准

XXXX中等职业学校《网页制作》的课程标准一、课程的性质与任务（一）课程性质《网页制作》是我校计算机应用专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。

本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。

（二）课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程,学生可以掌握以下技能和知识：1.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。

2.掌握各种网页元素在DremweaverCS3中的使用。

例如，文本、表格、图像、超级链接、层、框架和表单等。

3.掌握HTML,理解各种标记的功能和用法。

4.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。

5.掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基本方法。

6.能够解决一些网页设计中的常见问题。

（三）本课程的特点1.课程注重实际应用，即实践性强。

2.涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。

3.突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。

（四）与相关课程的衔接、配合、分工先修课程：“计算机应用基础”、“图形图像处理（FireWorkS或PhotoShop）"、"Flash动画制作”等。

二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握DreanIWeaVerCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。

本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。

北大青鸟ACCP课程详细介绍

北大青鸟ACCP课程详细介绍

北大青鸟ACCP课程详细介绍北大青鸟ACCP课程详细介绍ACCP(Aptech Certified Computer Professional)是印度最早从事IT职业教育的Aptech计算机教育公司推出的培养软件程序设计人员的课程体系，由北大青鸟集团于2000年引入中国。

下面是店铺整理的北大青鸟ACCP课程详细介绍，希望大家认真阅读!数据库技术方面第一学期的《使用SQL Server管理和查询数据》，讲解了创建数据库和数据库表、使用SQL语句增加、修改和删除和查询数据，学习完成以后能够操作数据库，执行最基本的查询，而第二学期的《SQL Server数据库设计和高级查询》是在第一学期的基础上讲解数据库设计、数据库高级对象的使用。

《Oracle数据库对象和数据查询》为第二学年的免费课时，讲解了安装和配置Oracle、SQL查询、数据库高级对象：视图、索引、PL/SQL程序设计等高级内容。

Oracle的内容是中心教学扩展内容，中心根据就业的目标企业对数据库的使用情况、学员对现有技术掌握的程度来决定是否讲解，并且不在结业考试和内部测试范围内。

客户端页面技术方面第一学期的《使用HTML语言开发商业站点》讲解了使用页面标签，并通过样式表来增强页面效果，同时还包括表单、框架和页面布局、网站开发流程等内容，完全是基于网站静态页面的内容，到了第二学期的《JavaScript客户端验证和页面特效制作》课程，我们通过学习客户端数据表单验证、使用对象来增强页面动态效果、页面特效制作等技术，让页面产生丰富的动态效果，提高网站的品质。

第二学年的Ajax客户端无刷新页面技术，是目前非常流行的技术，在ACCP5.0中它作为一门“绝技”而不是单独的课程来体现的，但是分别在Java和.Net课程中有有详细的讲解，它需要综合运用到前面两门课程的全部知识来完成特殊的任务，能够在浏览器没有刷新的`情况下，象魔术一样能够自动获得服务器的数据，极大地方便用户，提升站点竞争力。

[2014下]使用HTML语言和CSS开发商业站点_A卷

[2014下]使用HTML语言和CSS开发商业站点_A卷

考 生 信 息 栏 学院 专业 班级 姓名 准考证号装 订 线P5 P639.下面是复选框、提交按钮的是 ( )A <type=”checkbox ”/>B <type=”button ”/>C <type=”radio ”/>D <type=”submit ”/>40.下列和字体设置有关系样式有 ( )A font-sizeB font-familyC colorD font-width三、判断题 (41-45题，每题1分，共5分。

考生请在答题卡上作答)41.网页的后缀名可以是css( )42.HTML 的类选择器的符号# ( ) 43.无序标签是<ol></ol> ( ) 44.iframe 是内嵌标签，可以在页面中嵌入其他页面 ( ) 45.frameset 可以把页面分割成多个页面( )四、填空题(46-55题，每题1分，共10分.考生请在答题卡上作答)46.创建一个HTML 文档的开始标记符__________ 结束标记符________ 47.表格行的标记是_________ 48.表格中合并行的属性是________ 49.设定高度的属性是 __________50.CSS 样式中，设定向左边浮动__________ 51.表单提交的方式为__________和___________ 52.设定宽度的属性是__________53.要设置字体大小为15px,在样式中____________ 54.background-image 这个样式属性的作用是________ 55.HTML 的头部部分使用的一组标签是__________五、简答题(46-50题，每题5分，共25分.考生请在答题卡上作答)56.表单常用的属性包含哪两个？ 57.超链接可以分为哪三种？ 58.HTML 的概念是什么？59.HTML 的实际应用中，四种块状结构是？ 60.盒子模型的属性是哪三个？六、编程题(共10分。

HTML5 App商业开发实战教程1-9 实现案例：H5多媒体应用

HTML5 App商业开发实战教程1-9 实现案例：H5多媒体应用

HTML5 App商业开发实战教程教学案例一、功能简介熟练使用HTML5实现页面上的视频和音频播放.二、创建或搜集相关信息搜集单位：H5创新学院搜集时间：2016-8-29来源：原创三、适用对象学生、教师、及H5 App开发人员、相关技术人员等。

四、程序代码案例一：使用HTML5的video标签在页面上播放视频<!DOCTYPE HTML><html><body><video controls><source src="video/wex5App.mp4" type="video/mp4" />你的浏览器不支持！</video></body></html>案例二：使用HTML5的audio标签在页面上播放音频<!DOCTYPE HTML><html><body><audio controls ><source src="audio/song.ogg" type="audio/ogg" /><source src="audio/audio.mp3" type="audio/mpeg" /> 你的浏览器不支持！</audio></body></html>五、运行结果案例一：使用HTML5的video标签在页面上播放视频案例二：使用HTML5的audio标签在页面上播放音频。