web的前端概述.pptVIP

页面编码 META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的head和title之间（有些也不是在head和title之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。 meta除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。 如果是UTF8编码，则在外国人的英文IE上也能显示中文，他们无需下载IE的中文语言支持包。 属性 属性 属性值 a定义超链接 href=链接目标的 URL(即web页的地址) title=锚文字 target=_blank {转到空白页} HTML注释 !--xxxxxxxx-- xxxxxx代表你要写的注释内容，注释不会在浏览器中显示。 //和/* */在html里也是常用的注释，但只能用在js和CSS语言,不对HTML语言起作用！ 结构 header, footer, nav, article, main, aside等 媒体 figure, audio, video等 HTML 5 新标签 表单类型 email, range, url, date, time, datetime, number, search等 验证 required, pattern 其它 placeholder HTML 5 新增表单属性 不同的浏览器对于HTML标准支持程度不同 查看浏览器支持情况可以访问如下网址： 浏览器兼容性 清楚了解每一个标签和属性的语义 HTML中只描述内容和结构，样式留给CSS 手写HTML，避免使用生成工具 推荐2个HTML学习的参考网址： HTML: The Living Standard HTML Tutorials 如何学习HTML？ CSS 层叠样式表CSS（Cascading Style Sheet）级联样式表 1.CSS作用 可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制 。 CSS（续） 2.CSS发展历史 CSS1: 1996年12月17日发布，W3C推荐标准，1999年1月11日重新修订； CSS2：1999年1月11日发布，W3C推荐标准，CSS2添加了对媒介（打印机和听觉设备）、可下载字体的支持； CSS3：将 CSS 划分为更小的模块，这些模块包括：盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 JavaScript JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃元素和更加精彩的内容。 1.JavaScript由来 JavaScript最初由网景公司（Netscape）的Brendan Eich设计，是一种由Netscape的LiveScript发展而来的客户端脚本语言，主要目的是为了解决服务器端语言，提供数据验证的基本功能。 2.JavaScript组成一个完整的JavaScript实现是由以下3个不同部分组成的： 核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM） JavaScript案例 HTML DOM HTML DOM是Document Object Model文档对象模型 DOM结构：以层次结构组织节点或信息片段（教材第13页的例1-3-3的网页就展示了这样的一个目录树型结构）。 AJAX AJAX即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页面。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 有很多使用 AJAX 的应用程序案例：新浪微博Google地图、开心网等等。 1.6 综合案例 1.6 综合案例（续） * * Page: * Web前端开发技术 清华大学出版社 考核方式 1. 平时30%： 编程训练：每周都有。 综合训练：2次。1次4月份，为校级团体赛作准备。1次期末前，为下学期MITT团体赛作准备。 考勤：不定期进行。 其它：校级团体赛、课堂练习、提问情况等。 2 . 期末考试70%： 暂定闭卷 延续教学安排 答疑和课外辅导（即延续教学安排） 面对面答疑17学时：双周的周五3-4节课，工2的4层计算机系机房 课后答疑17学时：有问题请及时在BB平台论坛区发帖，因为