版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、1-11、浏览器地址栏输入想要访问网站首页的地址;2、用户向浏览器发送访问首页的请求;3、3、服务器收取客户端的的访问请求4、服务器处理请求(假设首页动态文档需要经过数据处理再 返回,假设为静态文档直接返回该文档即可);5、服务器将请求的处理结果在客户端的浏览器显示。1-2:易导航和图形化的界面;与平台无关性;分布式结构;动态 性;交互性1-3 :协议类型:服务器地址(端口号)/路径/文件名第一局部是协议(或称为服务器类型);第二局部是资源主 机的域名或IP地址(包括端口号);第三局部是主机资源的 具体地址,如目录和文件名等1-4 :HTML是超文本标记语言,其用来描述网页;CSS可有效对 页
2、面的布局,字体颜色,背景和其他效果实现更精确的控制; 语义特性,离线与储存特性,设备访问特性,多媒体特性, 三维,图形与特效特性,性能与集成特性,链接特性和CSS3 特性13-3其主要区别在于:transition需要触发一个事件才会随着时 间改变其CSS属性animation在不需要触发任何事件的情 况下,也可以显式的随时间变化来改变元素CSS属性,到达 一种动画的效果1)动画不需要事件触发,过渡需要。2)过渡只有一组(两个:开始-结束)关键帧,动画可以 设置多个。14-1前者为终止本次循环,后者为永久终止循环14-2do-while语句是一种后测试循环语句,即只有在循环体中 的代码执行之后
3、,才会测试出口条件。while语句是属于前测试循环语句,也就是说,在循环体内 的代码被执行之前,就会对出口条件求值14-3.各个函数名不可以重复,并且区分大小写.函数名的命名规那么和变量的命名规那么相同.参数可以使用变量、常量或者表达式.如果函数有多个参数,多个参数之间使用逗号隔开.如果函数有返回值,使用return语句返回,如果没有 return语句,函数将返回一个undefined值.自定义函数不会自动执行,必须调用才会执行15-1鼠标事件:用户使用鼠标操作HTML元素时触发的事件 键盘事件:用户在键盘上敲击,输入时触发的事件HTML事件:指当前窗口发生变动或者发生特定的客户端/服务器端交
4、互时触发的事件 突变事件:指文档对象底层元素发生改变时触发的事件15-2静态指定,动态指定,特定对象特定事件的指定15-3P326-328javascript是一种基于对象和事件驱动并具有相对平安性的 客户端脚本语言,常用来给HTML网页添加动态的功能2-1 :在HTML网页文档的基本结构中主要包含以下几种标记。.HTML文件标记HTML和/HTML标记放在网页文档的最外层,表示这 对标记间的内容是HTML文档。HTML放在文件开头, /HTML放在文件结尾,在这两个标记中间嵌套其他标记。.HEAD文件头部标记文件头用HEAD和/HEAD标记,该标记出现在文件的 起始局部。标记内的内容不在浏览
5、器中显示,主要用来说明 文件的有关信息,如文件标题、作者、编写时间、搜索引擎 可用的关键词等。在HEAD标记内最常用的标记是网页主题标记,即TITLE标 记,它的格式为: 网页标题/TITLE 网页标题是提示网页内容和功能的文字,它将出现在浏览器 的标题栏中。一个网页只能有一个标题,并且只能出现在文 件的头部。3.B0DY文件主体标记文件主体用和标记,它是HTML文档的 主体局部。网页正文中的所有内容包括文字、表格、图像、 声音和动画等都包含在这对标记对之间。通常的标记样式如 下:.2-2 :文档的扩展名为htm或者html文档的名称只可由英文字母,数字和下划线组成文档名称中不能包含特殊符号文
6、档名称区分大小写Web服务器主页一般命名为index.html或defaulto Html3-1文本修饰标记;计算机输出标记;字体font标记(举例于 P37-P40 )3-2段落p标记:这是一个块级标记,该标记中不能再包含其他 的任何块级标记 换行br标记:强制性换行 水平分隔线hr标记:用一条线将页面区域按照功能用途进 行分隔拼音/音标注释ruby标记和rt/rp标记:ruby标记定义注释 (中文注音或字符)。Ruby标记与rt标记一同使用。Ruby 标记由一个或多个字符和一个提供该信息的代标记组成,还 包括可选的rp标记,定义当前浏览器不支持ruby标记时显 示的内容。段落缩进block
7、quote标记:其为块级标记,该标记引用的 内容能够向右缩进五个英文字符的位置,并在其内容的周围 增加外边距。预格式化pre标记:利用成对的标记对网页中的文字段落进 行预格式化。-4-1列表有无序列表,菜单列表,目录列表,有序列表定义列表常用的有无序列表,有序列表和定义列表4-2无序列表的列表项有工程符号(三种),有序列表的列表项 目有工程编号(五种),定义列表工程既没有编号,也没有 符号4-3无序列表表现为列表项前为符号;有序列表表现为列表项前 为数字5-1绝对路径指文件的完整路径,包括盘符或文件传输的协议; 相对路径指相对于当前文件的路径,从当前文件所在位置指 向目前文件的路径。5-2 (
8、 P65 )1、定义书签:通过设置超链接a标记的name属性来定义 书签2、定义书签链接:通过设置超链接a标记的href属性来定 义书签链接5-3( P67 ,综合实例)6-1Hspace和vspace可以设置滚动对象周围的文字或图像于 滚动背景的距离6-2 ( P73-P83 ) 7-1四种定义方式(P94 )7-2内联式选择器:其将css规那么写在首标内,只对所在的标记 有效内部样式表:写在HTML的head部里,只对所在的网页有 效外部样式表:将其CSS规那么写在外部的.css文件里,在需要 用到此样式的网页里引用该文件(其根据使用方式分为链接 和导入)7-3根据顺序、具体性原那么。当一
9、个HTML元素被多个样式选择 器定义并产生冲突的时候,其权重(优先级)排序如下:idclassMulti HTML TagSingle HTML Tag另外需要注意的一点是:内联样式(style=)的优先级 别最高,但现在一般不直接定义某个元素的内联样式。7-4Class选择器能完成id选择器的所以作用,也能完成更复杂 的功能应用。如果对样式可重用性要求性要求较高,那么应该 使用class选择器将新元素添加到类中来完成。对于需要唯 一标识的页面原审,那么可以使用id选择器8-1Div , span标记必须配合css使用才能实现精确定位页面上 的每一个元素。Div标记是块级标记,span是行内标记; div可自动换行,span不行;div标记可能包含div和span 标记,但span不可以包含div标记。但这两个标记的外在 表现可以通过设置display属性的值为inline或block来实 现转换8-2见书Pill例8-2-29-1在网页设计中,每个元素都是长方形的盒子,便产生了特定 的盒子模型,其重要的概念有边框,边界,填充,内容。9-2见 P135 10-1首先整体上对页面进行分块,接着按照分块设计使用div标 记,并清理div标记的嵌套和层叠关系,然后对各div标记 进行css定位,最后在各个分块中添加相应的内容10-2Displ
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年冶金工业技能鉴定自我提分评估及一套参考答案详解
- 2026年注册土木工程师(水利水电)之专业知识题库综合试卷附答案详解(轻巧夺冠)
- 2026年执业药师《中药学专业知识(二)》考前冲刺练习题库含完整答案详解(必刷)
- 2026年注册建筑师通关测试卷及答案详解1套
- 2026年小学历史与文化知识竞赛考前冲刺练习带答案详解(预热题)
- 2025云南玉溪高新区融建集团投资有限公司市场化选聘职业经理人1人笔试历年典型考点题库附带答案详解
- 2025云南楚雄南华兴福村镇银行工作人员招聘(10人)笔试历年典型考题及考点剖析附带答案详解
- 程序性能优化与资源管控手册
- 2025中铁装配式建筑科技有限公司招聘(65人)笔试历年常考点试题专练附带答案详解
- 2025中能建氢能源有限公司招聘8人笔试历年常考点试题专练附带答案详解
- GB/T 33653-2025油田生产系统能耗测试和计算方法
- 沥青道路厂区施工方案
- (2021-2025)五年高考物理真题分类汇编(全国)专题18 电学实验(解析版)
- 2025年新版《煤矿安全规程》
- 消化内科延续护理服务
- 北京市顺义区2026届中考一模英语试题含答案
- 供水公司阀门管理办法
- 猪场f防疫管理制度
- 大鸭梨烤鸭店管理制度
- 盆底肌功能评估及康复
- 2024年湖北省招募选派“三支一扶”高校毕业生考试《综合能力测试》真题及答案
评论
0/150
提交评论