1企业门户网站设计与实现--(X)HTML和CSS核心基础.pptVIP

求职应注意的礼仪 求职时最礼貌的修饰是淡妆 面试时最关键的神情是郑重 无论站还是坐，不能摇动和抖动 对话时目光不能游弋不定 要控制小动作 不要为掩饰紧张情绪而散淡 最优雅的礼仪修养是体现自然 以一种修养面对两种结果 必须首先学会面对的一种结果----被拒绝 仍然感谢这次机会，因为被拒绝是面试后的两种结果之一。 被拒绝是招聘单位对我们综合考虑的结果，因为我们最关心的是自己什么地方与用人要求不一致，而不仅仅是面试中的表现。 不要欺骗自己，说“我本来就不想去”等等。 认真考虑是否有必要再做努力。 必须学会欣然面对的一种结果----被接纳 以具体的形式感谢招聘单位的接纳，如邮件、短信 考虑怎样使自己的知识能力更适应工作需要 把走进工作岗位当作职业生涯的重要的第一步，认真思考如何为以后的发展开好头。 Thank you 企业门户网站的设计与实现 2011.08 (X)HTML和CSS核心基础 学习要求 熟悉HTML网页基本设计 熟悉JavaScript或Jquery等脚本语言 了解Css层叠化样式布局 了解W3C规范，兼容主流浏览器 学习目标 熟练使用Html 进行网页设计布局 熟练编写JavaScript脚本 熟练运用Css样式对Html页面美化 灵活运用Html页面兼容主流浏览器 熟悉W3c规范 学习内容 灵活运用HTML内置元素进行HTML基本页面设计 灵活运用并编写CSS样式表对当前HTML页面进行美化 熟练编写JavaScript脚本 调试Html页面，兼容多个浏览器。 熟练使用脚本调试工具对页面的JavaScript脚本进行调试 前期准备 CSS----崭新的“老技术” Css带来的好处： Css使页面加载更快； Css可以降低网站流量费用； Css使设计师在修改设计时更有效率，而代价更低； Css使整个站点保持视觉的一致性； Css使站点可以更好地被搜索引擎找到； Css使站点对浏览者和浏览器更具亲和力； 在世界上越来越多人采用Web标准时，掌握Css可以提高设计师的职场竞争力。 (X)HTML和Css核心基础 HTML和CSS的区别 HTML和XHTML DOCTYPE(文档类型)的含义与选择 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / /head … … HTML和XHTML HTML和XHTML的重要区别 在XHTML中标记名称必须小写 在XHTML中属性名称必须小写 在XHTML中标记必须严格嵌套 在XHTML中标记必须封闭 在XHTML中即使空元素的标记也必须封闭 在XHTML中属性值用双引号括起来 在XHTML中属性值必须使用完整形式 在XHTML中应该区分“内容标记”和“结构标记” HTML和Css 在Html中引入Css的方法 行内式 h1 style=“color:red”This is Text/hl 嵌入式 style type=“text/css” h1{color:red;} /style 导入式 style type=“text/css” @import “default.css” /style 链接式 link href=“default.css” rel=“stylesheet” type=“text/css” HTML和CSS 基本CSS选择器 标记选择器 类别选择器 在选择器名称前面加.表示类别选择器 ID选择器 在选择器名称前面加#表示ID选择器 复合选择器 “交集”选择器 Div.special {…} Div#special{…} “并集”选择器 Div,h1.first,p.special{…} 后代选择器 Div h1.first span.firstletter {…} HTML和CSS HTML和CSS CSS的继承特性 HTML和CSS CSS的层叠性 行内样式ID样式类别样式标记样式 p这是第一行文本/p p class=“red”这是第二行文本/p p id=“line3” class=“red”这是第三行文本/p p style=“color:red;”id=“line3”这是第四行文本/p p class=“purple red”这是第五行文本/p * * * * 交集选择器 标记后跟一个类选择器或者ID选择器两者都必须满足并且不能有空格 Div（标记选择器）（后面不能有空格）.