网页设计与制作讲.ppt
《网页设计与制作讲.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作讲.ppt(44页珍藏版)》请在咨信网上搜索。
1、第3章 HTML 简介教学内容:HTMLHTML概述概述 HTML HTML的文本格式标记的文本格式标记 HTMLHTML的表格标记的表格标记 HTMLHTML的图像与多媒体标记的图像与多媒体标记 HTMLHTML的超级链接标记的超级链接标记 HTMLHTML的表单标记的表单标记 HTMLHTML的框架标记的框架标记 HTML HTML的综合实例的综合实例 1HTML语言的基本概念和基本结构HTML的全称是hypertext makeup language,中文意思是超文本标记语言。HTML是网页制作最基础的语言,是将纯文本和格式化指令混合在一起的一种标记性语言。HTML语言只描述文档的结构,
2、而不能描述实际的表现形式。它以标签标示及排列各对象,标签内的内容称为元素。2HTML文件的基本结构HTMLHTML文件开始文件开始HTMLHTML文件结束文件结束HTMLHTML文件文件的头部区段的头部区段HTMLHTML文件文件文件文件的主体区段的主体区段的主体区段的主体区段HTMLHTML文件的基本结构文件的基本结构.html.html3HTML文件的编写方法 手工直接编写用用“记事本记事本”编编制网页源代码文制网页源代码文件件用“浏览器”软件显示其网页效果4用记事本编写的HTML文档的例子注意:文件存盘时一定要加上文件的扩展名 .HTMLHTML5HTML文件的编写方法 使用可视化软件编
3、写使用使用使用使用FrontPageFrontPage6HTML文件的编写方法 使用可视化软件编写使用使用使用使用DreamweaverDreamweaver7HTML语言基本语法HTMLHTML文件由标签组成,绝大多数标签都成对出现。文件由标签组成,绝大多数标签都成对出现。在起始标签和结束标签的中间部分是网页的内容。在起始标签和结束标签的中间部分是网页的内容。HTML标签有下列三种表示方法:1、文件或超文本 2、文件或超文本 3、8HTML文档中的基本结构标记 网页的开始和结束标记 网页的头部标记 网页的标题标记 网页的主体标记9HTML文档中的主体标记 主体标记中放置了页面中的所有内容,如
4、文字、图片、表格、表单、链接等;设置的属性可定义页面文字的颜色、背景的颜色、背景的图象等。BODY元素的属性:元素的属性:Text Text 设定页面文字的颜色设定页面文字的颜色Bgcolor Bgcolor 设定页面的背景颜色设定页面的背景颜色 Background Background 设定页面的背景图象设定页面的背景图象参考教材参考教材参考教材参考教材P55P55101.设置页面文字颜色 2.设置页面背景颜色3.利用平铺图像作背景HTML文档中的主体标记页面背景与文字颜色页面背景与文字颜色.html.html11#FF0000 红色#FF00FF 紫色#00FF00 绿色#00FFFF
5、青色#0000FF 兰色#FFFF00 黄色注:每两位的取值是从00-FF,前两位为红色的深浅,中间两位是绿色的深浅,最后两位是蓝色的深浅。HTML文档中的颜色色彩意象表色彩意象表色彩意象表色彩意象表.html.html12输入普通文字,输入注释语句 标题标记 n的取值16 字体标记HTML的文本格式标记这些标记放在主体区段中13 主体区段中的标题字显示效果 网页中的文字标题字H1-H6 网页制作与发布 网页制作与发布 网页制作与发布 网页制作与发布 网页制作与发布 网页制作与发布 网页中的文字标题格式标记标题格式标记.html.html14文字修饰标记 B 粗体字粗体字 I 斜体字斜体字 T
6、T 仿古形式仿古形式 U 加下划线加下划线 BIG 大字体大字体 SMALL 小字体小字体 S 加贯穿线加贯穿线 ADDRESS/ADDRESS 地址文字标记地址文字标记HTML文档中的文字修饰参考教材参考教材参考教材参考教材P59P5915定义字符大小文本内容N的取值为17 1号字最小,7号字最大定义字体颜色文本内容HTML文档中的文字修饰定义字体文本内容文字格式与修饰文字格式与修饰.html.html16滚动字的属性:方向:方式:循环:速度:n值越大速度越快延时:HTML文档中的滚动字17HTML文档中的滚动字示例左右滚动显示字左右滚动显示字.html.html18上下滚动显示字上下滚动显
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【快乐****生活】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【快乐****生活】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。