一网页设计基础知识课件讲课教案.pptVIP

一.网页设计基础知识 一.网页设计基础知识 第一章 初识Dreamweaver CS3 1.网页技术概述 2.网页制作相关工具 3.Dreamweaver（DW） 一.网页设计基础知识 网址URL（统一资源定位器） 网页：Web页 网站 搜索引擎：百度、谷歌 1.网页设计概述 网站建站技术从技术上大体上分为两类：静态网页 技术和动态网页技术 （1）静态网页技术 静态网页是指客户端浏览器发送请求给web服务器，服 务器查找需要的超文本文件不加处理直接返回给客户 端，运行在客户端的页面是事先已制作完成存放在服 务器上的网页。静态网页往往只用来存放无需用户参 与，只需要发布的静态文本内容。 －－直接可以打开的页面 1.网页设计概述 （2）动态网页技术 根据程序站点运行地点的不同，又分为客户端动态 技术和服务器端动态技术。 客户端动态网页技术不需要与服务器交互，实现动态功能的代码往往采用脚本语言形式直接嵌在网页中，服务器发送给客户后，网页在客户端浏览器直接响应用户的动作，有些作用需要浏览器安装组件（插件）支持。 －－动态效果 常见的客户端动态技术：Javascript、JavaApplet、DHTML、ActiveX、Flash、VRML 多媒体网页，但并不是真正的动态网页 1.网页设计概述 服务器端动态技术需要服务器和客户端的共同参与，客户通过浏览器发出页面请求后，服务器根据请求的参数运行服务器端程序产生结果页面再返回给客户端。一般涉及到数据库。 典型的服务器端动态技术：ASP、ASP.NET、PHP、JSP、CGI 平常讲的动态网页一般指服务器端动态技术。动态网页会在后续课程数据库技术和动态网页制作讲述。（书本P20-P21） 1.网页设计概述 学习制作网页应该学习的技术知识 --网页的骨架是HTML、XML、XHTML --增强网页修饰和增加网页个性的CSS --网页的客户端编程以增强网页的特殊显示效果、 与服务器更好沟通的Javascript或VBScript --网页的服务器端编程加强网页的交互功能 --图形图像的制作(如Photoshop)、动画制作（如 Flash）等其它相关知识 1.网页设计概述 新的应用及技术： ①Ajax（Jquery、Spry…）：Google地图 ②网格、云计算 ③富媒体（Rich Media） Adobe Flex（Flash）：做什么用的？ Microsoft Silverlight：qq空间 ④Google API 你知道Flash Catalyst是什么吗？ 1.网页设计概述 做网页需要用到多种软件、不同类型的电脑知识，一定程度上需要学习多方面的电脑知识。注意以下方面的内容： ①灵活使用各种已有资源。网页知识繁杂，并不是所有知识都能学会，也并不是所有知识都一定能要去学，适当学会“重复”使用资源，灵活使用Baidu和Google。但使用已有资源，借鉴其它网页并不是要去抄袭。 1.网页设计概述 ②本课程内容多而且比较杂，在做网页时并不是所有内容都要用上。有些内容是“独立”的，可能并不“实用”，但是当需要某一功能时你才会发现其有用。 ③课时有限，有些例子需要大家课后花时间练习。有用的代码及例子自己要注意保存，方便以后使用。 2.网页制作相关工具 经常使用的网页制作工具： 1.Adobe(Macromedia)“网页制作三剑客” Dreamweaver MX/MX 2004/8/CS3/CS4 Flash MX/MX 2004/8/CS3/CS4 Fireworks MX/MX 2004/8/CS3/CS4 2.Microsoft Frontpage/Expression 2.0 3.Adobe Photoshop 7/CS/CS2/CS3/CS4 Adobe收购Macromedia，2007.3推出了多媒体整合套件Adobe CS3。 DW和Frontpage为“所见即所得”工具，不懂HTML语言也可以制作专业的网页,图形化界面操作，自动生成相应代码。