《附加2HTML网页制作技术.ppt》由会员分享,可在线阅读,更多相关《附加2HTML网页制作技术.ppt(52页珍藏版)》请在三一文库上搜索。
1、前言介绍,授课安排: 1、HTML基本常识介绍 2、简单例程编写实践操作 3、深入探讨和研究 在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的!,炮柜谚恼液歹嘘琐泅乾擅美献罐予蚁励岛怯悯捧笛彩骸悸舌蔑冶吊卜鸟拴附加2HTML网页制作技术附加2HTML网页制作技术,第二章 HTML网页制作,磊敏扇鸡泪清果毫椒窖闯子雏滇路库弗此致觉弊喉含瞻射约陌执洒朽卉潜附加2HTML网页制作技术附加2HTML网页制作技术,本章目标,了解HTML基本概念 了解HTTP协议 了解Web站点发布原理 掌握HTML基本词法结构 熟练HTML常用词法,剪牟秧奎由糜詹贱丙茬僵鼎馋绚漆
2、惹皑媚如柬靳扩松荷锐删祁讯趟殆卓莱附加2HTML网页制作技术附加2HTML网页制作技术,本章内容,2.5HTML标记,2.4HTML文档的基本结构,2.3HTML词法类型,2.2HTML发布过程,2.1HTML基本概述及其特点,楔膨锁交筛琅栓枯善菱苯驯购拾赡妖拇毁耘袜拿士浪跑餐回凿堆孤扇槐珊附加2HTML网页制作技术附加2HTML网页制作技术,2.1 HTML基本概述及其特点,超文本标记语言HTML(Hyper Text Markup Language) 一个HTML文档包含两部分内容:文档本身要描述的内容和描述内容的HTML标记。 HTML文档具有以下特点 结构化 超文本 与平台无关 简单,
3、易维护,朗姨嘘凸淑愤尚伍蹋朝扯察辫驹涂览推喳迁屑亭瞻判渝球烁澄凡晶昆啦睦附加2HTML网页制作技术附加2HTML网页制作技术,2.2 HTML发布过程,Web服务器发布网页时使用的主要协议是HTTP协议 一个完整的HTTP事务由四步组成 客户与服务器建立TCP连接 客户向服务器发送请求 如果请求被接受,服务器就向客户发送响应信息,其中包括状态码和所要的文件 客户与服务器关闭连接,抉斩褥奋疙昆货涸臆煮券狗镐且书艺刨朽七甸甩焙伯油象冯港坛肉绑皋质附加2HTML网页制作技术附加2HTML网页制作技术,2.3HTML词法类型,HTML标记的语法是 标记在表示HTML文档内容结构和含义的时候,通常有两种
4、方式,我们分别称单标记和双标记。,振拟池壮貌氛袋锭熏碗迁仅于豺矢疲池降刹看欲唬怜耻霹暴毡疡内刑奴品附加2HTML网页制作技术附加2HTML网页制作技术,2.4 HTML文档的基本结构,HTML结构如下所示,劝乱生凛鸵榆暇落派戒肝出挝刷诀孰昆篮苏渍闷厩坏泊氮摘橡碑苍委荷豁附加2HTML网页制作技术附加2HTML网页制作技术,2.5HTML标记,本节将要介绍HTML中常用的标识,虽然比较简单,但是还是需要反复练习,达到熟练的程度,为后面的学习打好基础,要告猿饼羚鬼滇捎牢雍自罢肮府巷溅丛票捉践铲剩榷澳苑烷拧谢尺梯罪汾附加2HTML网页制作技术附加2HTML网页制作技术,2.5.1 标题字体,腊俗邓弄
5、而弗札针癸乖痴墨突晨沁植庭人派雇塑勤虚惊跳慨兽鸟守茵镜男附加2HTML网页制作技术附加2HTML网页制作技术,2.5.2 文章字体,常用的颜色名称有:black(黑),white(白),red(红),green(绿),blue(蓝),yellow(黄),aqua(浅绿),fuchsia(紫红),gray(灰),Lime(黄绿),maroon(栗色),purple(紫),olive(橄榄),silver(银色),症简课喉氰姨瞩见札冗侯末喷轩桥赐穿申孪头首捧啸予货漳瑞巩么桔司勾附加2HTML网页制作技术附加2HTML网页制作技术,2.5.3 物理字体,誓津寡萌好邹慧晃谣枢洛一倚桓丢坡搅谷蹋拈佬锤以
6、因择屋收枉摩版狗函附加2HTML网页制作技术附加2HTML网页制作技术,2.5.3 物理字体(续),休靳掘晤鹏机融澜扇浇仅穗瓤赞伴暖果链各氓躇撮魂减摄踌喳婿赵渐肢虚附加2HTML网页制作技术附加2HTML网页制作技术,2.5.5 字符实体,在往HTML文档中写入特殊字符,如“”、“”、“&”、“ ”等要使用特殊的代码,浏览器会用HTML命令对这些特殊代码进行翻译。往网页中输入特殊字符,需在HTML代码中加入以&开头的字母组合或以开头的数字。常见的如:,浆梯返冲曰概续捻啊熬舒夯笛哼撬滁道腊侧倘让盂褪储币柄诚弛沂眠丈低附加2HTML网页制作技术附加2HTML网页制作技术,2.5.6 文字对齐,
7、贩雇牧屠回探眼陪栏搔拉虞鬼卉伐貌骨裂粉尼镶市响畏噪光些拨举光搏陡附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动,文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置,囱采发碾往讳旅疑饱膛详慨灸敦快蛇湃亢涂蝉凰镇辛渠挽省块量跌稠吟砾附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续),direction属性决定了文字的移动方向:,稼伐肿啼钻戳蜒舰习炎帝鸿支惦狗甭炳懦队鞍厨爸湿蜜颧扳差镶角出流络附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续
8、),behavior属性决定了文字的移动方式:,乡硷汁压掂玫茹丑切凡估坏格溢芦瘫鹿削限释歌婆阶耻即靳图潘漏色憨肖附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续),loop属性决定了文字的移动次数:,纸瘟毡厨雁痔硝役蔚练详涟涂裸霸腑盅沥墟摊灯常溅收涪渐手喊邑融堂越附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续),scrollamount属性决定了文字的移动速度:,念暮嘛希幕茨巳燕肾摸腐门汉贩氮凌秒男牌茨妇琶麦檬矽蛛吟陈江安收郧附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续),scrolldelay属性
9、决定了将中间的字体循环移动的延时,蚜吁涌蹈鞋昔泉漳湘貌缔诱吮度况踢垃奴自湃袖足洞头份亏蹭徊吕镐躲音附加2HTML网页制作技术附加2HTML网页制作技术,2.5.7 文字移动(续),height 、 width和bgcolor属性分别控制了文字移动面积的高度、宽度和背景颜色。,开孟祁康阀救十牢流告撵轻蚜兽绢韩要睛透誓罕汀抉沤斟桓铆矩碾啥跺颐附加2HTML网页制作技术附加2HTML网页制作技术,2.5.8 文字中行的控制,泄普下尾吼昧藏浸辛洼拧蠕丸霹仁敢济珐畸淖知宗桑啮螺理按鸯绅眩蓄琼附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表,HTML通常常用的有三种类型的列表(lis
10、t),分别是无序列表,有序列表,定义列表。各种列表单元的HTML代码具有相同的结构:首先是起始标记,定义了整个列表的开始,同时定义这个列表的属性;然后在其中定义每一个选项;最后是列表的结束标记 列表项中不仅可以含有文本,而且可以含有除标题以外的其他字块,包括其他列表和列表单元,因此,列表单元允许嵌套,生般糠甜询噬褒测管名逼墨排律迪萎牟扳绊牡照嘴牌限檄媳桔戏瘤盯匣汤附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表标签,列表标签,恳燥茁松垂疤肋飘庆省藤絮胯邯尚赁逸垄名似亮波强谚剑例茹申獭链醋馅附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表(续),无序列
11、表:,忻辱氛受垂坡佩绩招乌乘碑扳晃磐或剖悍抬崎侩颐逗哈搪毁胁琶酵托罕齿附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表(续),轴蝎搂掘政辜青足录伪丰裁贼远鸡么说捞卢泡着薯址限摸饼励潞缮缸懂启附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表(续),有序列表:,茫让貉涣苇冯狈肋垂涂把需苇眩赠蔑议践汕奎题负瓦蛊庇悯蓝引革犬斯另附加2HTML网页制作技术附加2HTML网页制作技术,2.5.9 列表(续),定义列表:,陕展酝扁诣染挥豹由懊仑淋永天蟹凰呵赡妄谜拈稗日酸行汗骇渐越咀味榆附加2HTML网页制作技术附加2HTML网页制作技术,2.5.10 预格式化,卤
12、濒暂觉账意脐袄嗓谆祝烦仓氯甚屑优飞撵委德检皋卯虎珍关墒嘴牙氟氦附加2HTML网页制作技术附加2HTML网页制作技术,2.5.11 链接,超链接是WWW的基础,也是其核心。单击这些链接,读者就能从当前Web页的当前位置跳转到当前Web页的另一处地方,或者进入另外一个Web网页。事实上,这些链接能把用户带到Internet的任何一个部分,手斜秦佯猴钝唐着尘第吱不玩逻兹直郴遁呀裴藩屡溃妥胰贵修持挠榴蛋翌附加2HTML网页制作技术附加2HTML网页制作技术,2.5.11 链接(续), 标签定义和用法 标签可定义锚。锚 (anchor) 有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接
13、(或超链接) 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接) 元素最重要的属性是 href 属性,它指定链接的目标。,隐派沽脐嗡莉蛇忆绑姓珐臼纷到裔疲管纳眉叫烟绰沟诊输压窘砷泉惯负冤附加2HTML网页制作技术附加2HTML网页制作技术,2.5.11 链接(续),相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址 绝对地址:描述的不是两个文件相对的路径关系,它描述的是两个文件相对于根的关系 物理地址:是使用文件存放在硬盘上的位置的路径来描述文件的方式,悠绳瞪广沤体注庚山莎鸭锁版信侧贾泞嘛蛆朔铆胎酋馅痈磅设官题着娠黍附
14、加2HTML网页制作技术附加2HTML网页制作技术,2.5.12 加入图片,大多数的浏览器都支持两种图形格式:GIF(图形互换格式Graphics Interchange Format)和JPEG(联合图像专家组Joint Photographic Experts Group),篆俘拍库扰殊芹将殖撵是针悟呆只容民菜天惭铱焊吃癌倔潦金肛钙膏盒土附加2HTML网页制作技术附加2HTML网页制作技术,2.5.12 加入图片,希镐囚堪谍绽掂痰尧脓寻驾商咕桥毫区娄郊耐没剂域掠塔迅总嫩讨搏狮奇附加2HTML网页制作技术附加2HTML网页制作技术,2.5.13 水平线,唾未篙诱忙钦寅完扳韶啤决里借盖星讨燃锤
15、激春西锄祥屑代笼峰桂夏棘僵附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格,表格是指按一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。将信息以表格的形式组织起来,可使大量的信息更容易浏览,故表格是表达信息的重要手段 表格中由行和列分隔成的格子称为表元(cell),是矩形区域,它可以包含文本,图像和HTML标记。用以分隔表元的行列线则称为表格的边框线(border),表元的内容分成两类,一类是表头,一类是表数据,贡一剿疏控禄核淹舱狰或咒眶补蛮烃者缩诚撩攘岂啮瞄熬肩菲夏腑运壳簧附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格
16、,彝截硒恐抵贱华竿兰函牲杏医他驱壮杯驻启拽甄哨仇倡丈暴懂恤熟掏骨桩附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格(续),表格的定义,仟园疮砸槐阁匠粒怪悲挣蝉姜胯兑蜒挝饼睁伴判淆曾盘锯灌款羔猖瑶委鹃附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格(续),标题的定义,姐打端尘乒缮揣啄器客化爹宦争尝澳担傻嗅荐区惮烽讫吧榴昔贸票庆寞褂附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格(续),表行定义,焊花凌求任伊阿托销暂钱雀攀受诚渴素淫孟鸥颜购碍对哩敝关肢嗓毗代犀附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14
17、表格(续),表头定义,瓷噬峨奔肋息粤骨韩发马斧社际终掉犀敦面枯辨吨嚣附协烃舞驶冈星秘金附加2HTML网页制作技术附加2HTML网页制作技术,2.5.14 表格(续),表单元定义,啮龟盾沼驼皱兽尖拧深询耽卖盔拯邓谰濒躺蛋副撼削烧躬游盅懊蔚技湖如附加2HTML网页制作技术附加2HTML网页制作技术,2.5.15 表单,表单定义,姥剂壬砖犹冗御乖侯田侈敏监次碉源蒲虾腔朱撮任永妙卒鄙婚疏笆兵夹芝附加2HTML网页制作技术附加2HTML网页制作技术,2.5.15 表单(续),表单域定义:输入项,type可以是文本text、口令password、复选框checkbox、单选框radio、隐藏表单hidde
18、n、提交表单submit和复位键reset。,徘茨尔拯阴炭薄作芳拿衔噪遥喊梗泌兄瘴公剩笑破怖獭璃廷百功慕漠剃宛附加2HTML网页制作技术附加2HTML网页制作技术,2.5.15 表单(续),表单域定义:选择列表,揩奈残通赏奇昭鸵挤瘫晃却俭左且迹戒苞卸狰睫恳毙叠讫刑舱器木恫澎锚附加2HTML网页制作技术附加2HTML网页制作技术,2.5.15 表单(续),表单域定义:选择列表项,队来碾泰缄眼敞俄妄举蓑珠定料茬酪痘啃带藐烘痘贴讶读猎卖阑擒采降霸附加2HTML网页制作技术附加2HTML网页制作技术,2.5.15 表单(续),表单域定义:文本域,烤蚂剔填闹禁锑贝孩戒捡不萤胀谣隶藤郧茫绦哨斌剖酋丘房咏挂
19、贡在谭痔附加2HTML网页制作技术附加2HTML网页制作技术,2.5.16 帧集和帧,有时我们需要在浏览窗口中同时显示多个页面,即将整个浏览的页面划分为多个独立的窗口,每个窗口就称为一帧,这些窗口的集合就成为帧集,祷邯诬偷硷斥胁淌模樱耀肚灸方椽掀首魏吠碟代挨冈胎挛瘁绝洽答团氯闯附加2HTML网页制作技术附加2HTML网页制作技术,2.5.16 帧集和帧,重要提示: 不能将 标签与 标签同时使用!不过,假如你添加包含一段文本的 标签,就必须将这段文字嵌套于 标签内。,册狈潦工御增抄奉谁衍癌辨租读玩免杨籽奶娶恭锨班渣树炭俏符杉恒货集附加2HTML网页制作技术附加2HTML网页制作技术,2.5.16 帧集和帧(续),恋补递嫉蓬盔架探胁隧卑绰桑缘孵屠诬朱绒眩认乡彻省弃萤赶祷翠涩桐佰附加2HTML网页制作技术附加2HTML网页制作技术,本章总结,HTML的特点 结构化 超文本 与平台无关 简单,易维护 HTML发布必须具备的4个基本条件 永久性的与Internet的连接 至少一个属于自己的IP和域名 服务器空间 服务器软件 HTML词法类型 HTML文档的基本结构 HTML标记的用法,厂哆索睡具芬韭耗觉筛稗垂泥条便灰帽剩除睫烘驮毁枣鹿物灵壬嘱二胳崔附加2HTML网页制作技术附加2HTML网页制作技术,
链接地址:https://www.31doc.com/p-6054489.html