教学目标:
静态网页开发技术主要包括(HTML、CSS和JavaScript),这是Web用户界面设计师主要关注的领域,但作为一名Web软件工程师也同样必须掌握,只不过两种角色的侧重点不一样。本系列课程则主要以软件Web软件工程师的角度来介绍静态网页开发技术,其目的是为学员进入Web软件开发的主战场——动态网页设计技术领域(.NET平台上为ASP.NET)打下必要的知识与技术基础。
目标学员描述:
(1)计划进入Web开发领域,打算系统学习ASP.NET技术的学员。本系列课程是学习ASP.NET技术的先导课程。
(2)拥有较丰富的上网经验,对Web应用程序有感性认识。
最终学习成果描述: 本系列讲座并没有一个完整的大实例贯穿其中,学员学习完此系列讲座后,最大的收获可能是能在比较短的时间内了解Web静态网页技术的总体框架,具备了进一步深入学习Web静态网页技术的能力,同时为下一步学习更复杂与同时也强大的ASP.NET编程技术打下基础。
课程摘要:(课程内容简介) 本系列课程分为一个“课程简介”和三节技术课程:
课程简介 主要介绍为何学习ASP.NET技术之前必须先学习静态网页设计技术,通过几个实例展示了HTML、CSS和JavaScript在Web开发中的基础性地位。
第一讲:HTML基础 重点介绍从事Web开发必须了解的HTML知识。其主要内容简述如下:
1 HTML理论基础
(1)HTML是什么?XHTML、DHTML的含义
(2)HTML文档的基本结构,浏览器又是如何解析HTML文档的。
2 HTML页面设计
(1)通过实例介绍HTML的基本标签
(2)介绍网页布局的基本方法
3 Internet工作原理:
这是一个必须要重点掌握的部分,是进行Web开发必须牢记于心的内容。
(1)Web编程模型(Web Server和浏览器)
(2)HTTP请求的处理过程
第二讲:层叠样式表CSS精要
现代网页美化和布局大多是通过CSS实现的,因此,本讲重点介绍使用CSS进行网页设计时必须理解的知识和需要掌握的技能。
1 CSS概述介绍CSS与HTML的关系,如何在HTML中嵌入CSS代码。
2 编写CSS代码
(1)介绍CSS文档的基本组成要素——CSS规则(rules)。
(2)CSS选择器的编写:介绍CSS中各种类型的选择器的编写方法。
3 CSS设计原理:介绍使用CSS进行网页美化与布局时非常重要的两个原则:继承和层叠。
- “继承”解决“未定义样式规则时浏览器如何显示元素”的问题。
- “层叠”解决“如果样式规则相互冲突时浏览器如何显示元素”的问题。
这是需要重点掌握的内容。
4 布局与定位这是比较复杂的部分,许多初学者往往因为弄不清楚这部分所介绍的内容,从而在设计网页时老得不到理想的效果。
主要介绍
(1)两种布局方式:标准流式布局和浮动布局。
(2)三种定位方式:static,absolute和relative 本部分设计了不少示例网页,希望学员要仔细分析这些示例。
5 最后介绍现代网站常见的两栏、三栏分块页面布局的实现方法。
第三讲:JavaScript程序设计
这一讲重点介绍Web编程模型中客户端最主要的编程语言——JavaScript。与标准的面向对象语言比如C#相比,JavaScript是一种很特殊的语言,初次接触会让那些熟悉了C系列编程风格的程序员感到“很怪”,不太容易适应JavaScript的编程风格。
本讲站在Web软件工程师的视角,假设学员已学过传统的编程语言:比如C#,介绍JavaScript的“与众不同”之处,帮助学员能迅速进入JavaScript的世界。
JavaScript之所以成为Web应用客户端程序的主要编程语言,是因为浏览器为其提供了强大的支持。
在介绍完JavaScript的语法之后,本讲重点介绍了以下三个技术点:
(1)浏览器对象模型(BOM):通过BOM,JavaScript程序可以很方便地操控浏览器
(2)文档对象模型(DOM):通过DOM,JavaScript程序可以修改HTML文档中的任意部分。
(3)事件与事件响应。由于许多HTML元素都可以激发事件,通过编写JavaScript代码响应这些事件,使网页变得可以“随机应变”,大大地增强了网页的交互性。
本讲的最后,介绍了一些有趣的实例,展示了JavaScript编程的一些重要技巧。
希望试听本课程的学员可到以下网址免费视听第一讲:静态网页开发技术课程介绍(特别提示:请您选用IE浏览器观看课件,以确保达到最好的显示效果。我们会尽快使课件兼容火狐和遨游浏览器)。
www.itcast.net/subject/net/HTMLIntroduce/





