1、一、客户端Client和服务器端Server。目前常用的3类服务器技术：ASP、JSP、PHP，它们绂茴幌蟾功能都是相同的但是基于开发语言不同实现功能的途径也存在差异，如果掌握了一种服务器技术再学习另一种就会简单得多。这些服务器技术都可以设计出常用的动态网页功能。另外Adobe开发的基于Flash技术的FMS服务器技术目前也受到热捧。ASP升级后的ASP.NET服务器技术也很强大。1.ASP：Active Server Pages，活动服务器网页。是一种Web应用开发环境，它不是一种语言，其实其他几种服务器技术也不是具体的编程预言。ASP简单好学，是目前服务器应用比较广泛的一种技术。ASP采用VBScript和JScript脚本语言作为开发语言，也可以嵌入其它脚本语言。ASP服务器技术只能在Windows系统中使用。扩展名.asp2.PHP：Hypertext Preprocessor，超文本预处理程序。也是一种比较流行的服务器技术，其最大优势就是开放性和免费服务。可以从官网www.php.net下载php服务软件。PHP服务器技术能够兼容不同的操作系统，现在用PHP+MySQL组合进行开发已成为中小企业应用开发首选。扩展.php3.JSP：Java Server Pages，Java服务器网页。是sun公司推出的。sun打造的Java开发平台现在完全可以和微软的.NET平台相抗衡，也是大型网站首选开发工具之一。JSP可以在Serverlet和JavaBean技术支持下，完成功能强大的Web应用开发。另外JSP也是一种跨平台的服务器技术，几乎可以在所有平台执行。扩展.jspASP、JSP、PHP共同特点：1、都是在HTML源代码中混合其它脚本语言或程序代码。其中HTML源代码主要负责描述信息的显示结构和样式，而脚本语言或程序代码则用来描述处理逻辑；2、程序代码都是在服务器端经过专门的语言引擎解释之后执行，然后把执行结果嵌入到HTML文档中，最后一起发给客户浏览器端；３、ASP、JSP、PHP都是面向Web服务器的技术，客户端不需要任何附加的软件支持。ASP、JSP、PHP不同之处：１、JSP代码被编译成Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面第一次请求时发生，以后就不需要再编译。而ASP和PHP的每次请求都需要进行编译，因此从执行速度上来说JSP效率最高；2、目前国内PHP和ASP应用最为广泛，但JSP是一种新技术在国外比较流行，尤其是电子商务类网站多采用JSP；3、免费的PHP缺乏规模支持不适合应用于大型电子商务网站更适合一些小型商业网站，ASP和JSP就没有PHP这个缺陷。ASP可通过微软的COM技术获得ActiveX扩展支持，JSP可以通过Java Class和EJB获得扩展支持，同时升级后的ASP.NET更是获得.NET类库的强大支持，编译方式也采用了JSP的模式，功能可以与JSP抗衡。域名解析：A类型、CNAME类型、MX类型
2、二、Dreamweaver集成了CSS、Ajax核心技术，以及手写代码功能。将Dreamweaver与Photoshop、Fireworks、Flash以及与各种服务器技术完美结合来构建强大的Web应用程序。
3、三、表格布局Table、框架布局Frame、DIV+CSS布局表格布局：1、会产生大量冗余代码；2、表格嵌套多带来两个问题，一是浏览器解析慢，另一个是多层嵌套为代码维护与内容修改带来麻烦；3、表格布局显得比较粗糙；4、表格布局最大问题是网页表现层和结构层混在一起，这对于页面的维护更新动态控制带来麻烦。框架布局：框架使多个网页通过区域划分最终显示在一个浏览器窗口的网页结构，一个框架内容供整个站点公用。如果使用框架技术布局，只需要修改框架中公用网页，网站就更新了。框架存在的问题有，会影响网页的浏览速度，另外对于不同框架中各页面元素的对齐要达到精确的程度不容易，框架页面对于用户搜索引擎来说都不是很友好。DIV+CSS布局：包括一种是浮动布局、一种是定位布局。浮动布局优势在于灵活，但无法实现精确控制，由于缺乏精确性很多布局效果无法实现。用CSS定位可以实现精确控制网页对象，可以借助CSS定位属性精确定位网页中每个元素位置。
4、CSS：现在大部分网页使用CSS样式表都韪蜮盲磋遵循CSS2.1版本标准，最新版CSS3.0处在试验和推广阶段。CSS语言是在HTML语言基础上发展洹彭岣啬而来的，是为了克服HTML网页布局所带来的弊端。在HTML语言中各种功能都是通过标签元素来实现，然后通过标签的各种属性来定义标签的个性化显示，这也造成了各大浏览器厂商为了实现不同的显示效果而创建各种自定义标签，同时为了设计出不同的效果，经常会把各种标签互相嵌套造成网页代码臃肿杂乱。CSS简单易学，通过CSS样式表可快速控制HTML中各种标记的显示属性，对页面布局、字体、颜色、背景和其他图文效果实现更加精确的控制，用户只要修改一个CSS样式表文件就可以改变一批网页的外观和格式。CSS特点：1、可以将网页样式和内容分离；2、能够很强的控制页面的布局；3、可以使网页体积更小下载更快；4、可以更快更容易维护及更新大量网页；5、使浏览器成为更友好的界面。CSS和HTML语言一样都是一种简单的标识语言，语法比较简单。CSS基本语法：选择符｛属性：属性值；... ...｝选择符可以是元素标签、类、ID等，还有更多复合选择符和特殊选择符。.color_font代表一个类，#big_font代表一个标签ID编号，类和ID也可以和标签组合使用。CSS基本用法、CSS属性、CSS单位、CSS样式优先级、CSS类型使用JavaScript行为创建特效网页。行为实际上是插入到网页内的一段JavaScript代码，利用这些代码可以实现一些动态效果，允许浏览者与网页进行交互，以实现网页根据浏览者的操作而进行智能响应。动作通常就是一段JavaScript代码。事件是动态网页制作中一个非常重要的概念。事件列表javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouseoverIE3、N2当鼠标移动到某对象范围的上方时触发此事件onmousemoveIE4、N4鼠标移动时触发此事件onmouseoutIE4、N3当鼠标离开某对象范围时触发此事件onkeypressIE4、N4当键盘上的某个键被按下并且释放时触发此事件.onkeydownIE4、N4当键盘上某个按键被按下时触发此事件onkeyupIE4、N4当键盘上某个按键被按放开时触发此事件页面相关事件onabortIE4、N3图片在下载时被用户中断onbeforeunloadIE4、N当前页面的内容将要被改变时触发此事件onerrorIE4、N3出现错误时触发此事件onloadIE3、N2页面内容完成时触发此事件onmoveIE、N4浏览器的窗口被移动时触发此事件onresizeIE4、N4当浏览器的窗口大小被改变时触发此事件onscrollIE4、N浏览器的滚动条位置发生变化时触发此事件onstopIE5、N浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunloadIE3、N2当前页面将被改变时触发此事件表单相关事件onblurIE3、N2当前元素失去焦点时触发此事件onchangeIE3、N2当前元素失去焦点并且元素的内容发生改变而触发此事件onfocusIE3 、N2当某个元素获得焦点时触发此事件onresetIE4 、N3当表单中RESET的属性被激发时触发此事件onsubmitIE3 、N2一个表单被递交时触发此事件滚动字幕事件onbounceIE4、N在Marquee内的内容移动至Marquee显示范围之外时触发此事件onfinishIE4、N当Marquee元素完成需要显示的内容后触发此事件onstartIE4、 N当Marquee元素开始显示内容时触发此事件编辑事件onbeforecopyIE5、N当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件onbeforecutIE5、 N当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件onbeforeeditfocusIE5、N当前元素将要进入编辑状态onbeforepasteIE5、 N内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件onbeforeupdateIE5、 N当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenuIE5、N当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件oncopyIE5、N当页面当前的被选择内容被复制后触发此事件oncutIE5、N当页面当前的被选择内容被剪切时触发此事件ondragIE5、N当某个对象被拖动时触发此事件 [活动事件]ondragdropIE、N4一个外部对象被鼠标拖进当前窗口或者帧ondragendIE5、N当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了ondragenterIE5、N当对象被鼠标拖动的对象进入其容器范围内时触发此事件ondragleaveIE5、N当对象被鼠标拖动的对象离开其容器范围内时触发此事件ondragoverIE5、N当某被拖动的对象在另一对象容器范围内拖动时触发此事件ondragstartIE4、N当某对象将被拖动时触发此事件ondropIE5、N在一个拖动过程中，释放鼠标键时触发此事件onlosecaptureIE5、N当元素失去鼠标移动所形成的选择焦点时触发此事件onpasteIE5、N当内容被粘贴时触发此事件onselectIE4、N当文本内容被选择时的事件onselectstartIE4、N当文本内容选择将开始发生时触发的事件数据绑定onafterupdateIE4、N当数据完成由数据源到对象的传送时触发此事件oncellchangeIE5、N当数据来源发生变化时ondataavailableIE4、N当数据接收完成时触发事件ondatasetchangedIE4、N数据在数据源发生变化时触发的事件ondatasetcompleteIE4、N当来子数据源的全部有效数据读取完毕时触发此事件onerrorupdateIE4、N当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件onrowenterIE5、N当前数据源的数据发生变化并且有新的有效数据时触发的事件onrowexitIE5、N当前数据源的数据将要发生变化时触发的事件onrowsdeleteIE5、N当前数据记录将被删除时触发此事件onrowsinsertedIE5、N当前数据源将要插入新数据记录时触发此事件外部事件onafterprintIE5、N当文档被打印后触发此事件onbeforeprintIE5、N当文档即将打印时触发此事件onfilterchangeIE4、N当某个对象的滤镜效果发生变化时触发的事件onhelpIE4、N当浏览者按下F1或者浏览器的帮助选择时触发此事件onpropertychangeIE5、N当对象的属性之一发生变化时触发此事件onreadystatechangeIE4、N当对象的初始化属性值发生变化时触发此事件Spry框架是Ajax技术的一种应用形式（Ajax：Asynchronous JavaScript And XML，异步JavaScript和XML），它适合进行Web动态设计和开发。Spry是Adobe公司为了适应Web2.0浪潮对Ajax应用概念需求而提出的一项具体实施技术。Spry技术框架实际上就是一套包含JavaScript、CSS和一些图片文件的客户端JavaScript库，它支持XML数据集、动态区域、组件和动画效果。Spry框架中一个重要组成部分就是Spry构件，它是HTML、CSS和JavaScript代码结合在一起并添加到页面中的可视元素Ajax不是一项新技术，它是多种流行技术的集合：1、网页显示技术：使用XHTML和CSS实现网页框架和布局；2、网页交互技术：利用DOM标准实现对网页元素的引用和操作；3、数据交换和处理技术：利用XML和XSLT数据格式实现数据交换；4、异步通讯技术：使用XMLHttpRequest组件实现浏览器与服务器之间的请求与响应；5、逻辑控制技术：使用JavaScript脚本整合以上所有技术。Ajax最典型应用就是Google的Maps动态网站一般都需要数据库的支持，数据库常用来存储和管理网站中的所有动态数据。目前较流行的数据库包括微软的SQL Server、IBM的DB２、Oracle的Oracle等，简单的网站可选用简单易用的Access数据库。动态网页制作方法：第一步、制作网页结构；第二步、定义记录集，ADO组件实现数据读写；第三步、绑定数据；第四步、增加服务器行为，就是用VBScript、JavaScript等脚本语言编写的运行在服务器上的能够实现特定功能的代码；第五步、调试动态网页。目前实现动态网页的服务器技术主要有CGI、ASP/ASP.NET、PHP、JSP等。
5、未完。。。
