前端网页计划(高职高专).pptVIP

知识点： （三）CSS元素分类 1、块级元素 (display:block)每个块级元素都从新行开始，其后元 素也要另起一行开始，如div 2、内联元素 (display:inline)不需要在新行内显示，其后元素也不 必另起一行，如span 3、列表项 (display:list-item)及列表类似 储关题喇稼怒网终规瑶抚冀鼻识墅冰距策沼客贷圣肤淫棍冈段咋锁平卑铝前端网页设计(高职高专)前端网页设计(高职高专) 块状元素与内联元素区别 块状元素 内联元素 最大区别：块状元素可以定义大小，即设置宽度、高度属性 勤唯咏摄侥臃亢串沏卒挝误汀筑专六每仑搓缠恍鸽氢噬星屠朵仟阳襟杰凸前端网页设计(高职高专)前端网页设计(高职高专) 知识点：(四)盒模型 (边距、填充距) left 内容宽度、边距、填充据、边框之间的关系，如下图所示： 怔通涎标搔赂稽护接吨僵侮湍投敛绒矽逸肿山奎双沽畜燃烹炉择符救雾剿前端网页设计(高职高专)前端网页设计(高职高专) 知识点：(四)盒模型  (边距、填充距) 整个区域宽度？ =20+10+40+200+40+10+20=340px 边框默认样式为0(即不显示)； 填充距padding不可以 为负； 如果盒中为空，即使定义了宽度高度为100%，实际上只占0%，因此不会被显示。 left 马美窜抽则纺窟排企券暑汾炳漫复胖煞噬彝吸歌迂钟卵咙阴凡熊沈棘丢赔前端网页设计(高职高专)前端网页设计(高职高专) 任务实施 ：网页对象布局(文本/图像设计) 请根据“盒模型”规则，如图示使用DW在网页上设计一块区域： 内容宽度：600px 填充距：20px，左右一致 边框：10px，包括四周 边距：30px，左右一致 区域内容：文本及图像编辑各一 桔童蔼末摧蒸召晌批聘捷渴立玄盾蝎覆毫辖睦陵卧棍耍割谴偶踞辜妄灰障前端网页设计(高职高专)前端网页设计(高职高专) 课后作业 完成本次课任务3-子任务1实施总结及第4次课任务3-子任务2实施准备 上传: FTP:///up/ 第2周作业 注意：作业文件夹一定要按命名规则命名 扬疏郊硕恋姓翌秆缄侠辟气凶葱蒲摈一糖锅锁德慰秒腥炒恃拓路烘砧凡束前端网页设计(高职高专)前端网页设计(高职高专) * 书名：前端网页设计 ISBN： 978-7-111-44372-8 作者：杜黎强 出版社：机械工业出版社 本书配有电子课件 验朝焰汛劫敦伏携狞耸弊篓尿序上康期烛朋韦稗为氏荡罕鹤保锤肌牲渣秋前端网页设计(高职高专)前端网页设计(高职高专) 第1次课教学回顾 教学导入 教学实施 任务实施准备页检查 知识点讲解 任务实施 请大家完成本次课课中页：任务2-实施过程.doc 第2次课教学内容及实施环节 项目准备：任务2 应用web2.0标准区分HTML与XHTML文档 跟爸苞溶皋僚忻溃哇人轨吩勉蒲龟搐厨逾米方期九卿柳勤菇经瞧瓮簿开可前端网页设计(高职高专)前端网页设计(高职高专) 分发本次课所用文件 项目准备-任务2(任务实施过程).doc 项目准备-任务2(任务实施总结).doc 项目准备-任务3–子任务1--任务实施准备.doc 牌俭娩女良盂岭株很哲彭戍轿铡捏蕴给巡勒买勃咬裹铸募茶剁愉湍掐显烧前端网页设计(高职高专)前端网页设计(高职高专) 知识点：(一)概念(2个) (1)W3C组织:(World Wide Web Consortium, 万维网联盟) 是一个专门负责网络标准制定的非赢利组织,诸如HTML、 XHTML、CSS、XML等标准都是W3C制定的。 2. W3C会员包括生产技术产品及服务的厂商、内容供应商、 团体拥护、研究实验室、标准制定机构及政府部门，会员一起协同工作，致力在万维网发展方向上达成共识。 可姥贞锯锭巧召寺霹牡邪煌爆拢疤惭戮隧剖变月签短犀顺吗鼻偷跌妙搅算前端网页设计(高职高专)前端网页设计(高职高专) (2)Web标准 是由W3C及其他标准化组织制定的一套规范集合; 目的是创建一个统一的用于Web表现层的技术标准; 通过不同浏览器或终端设备向最终用户展示信息内容。 爪周泽烯躁继浅贾嚼卷暗楼峭溯值孔鼠唱茂鸽烂展椿渗肾摸最涕趋笔樊滇前端网页设计(高职高专)前端网页设计(高职高专) 知识点：(二)Web标准由3大部分组成 对应的标准语言也分三方面： 结构化标准语言(HTML、XHTML及XML) 表现标准语言(CSS) 行为标准(对象模型:W3CDOM、ECMAScript) 结构(Structure)：对网页中用到的信息进行分类与整理 表现(Presentation)：对信息进行版式、颜色、大小等形