一网页设计方案基础知识.pptxVIP

一.网页设计基础知识 一网页设计方案基础知识 第1页 一.网页设计基础知识 第一章 初识Dreamweaver CS3 1.网页技术概述 2.网页制作相关工具 3.Dreamweaver（DW） 一网页设计方案基础知识 第2页 一.网页设计基础知识 网址URL（统一资源定位器） 网页：Web页 网站 搜索引擎：baidu、谷歌 一网页设计方案基础知识 第3页 1.网页设计概述 网站建站技术从技术上大致上分为两类：静态网页 技术和动态网页技术 （1）静态网页技术 静态网页是指客户端浏览器发送请求给web服务器，服 务器查找需要超文本文件不加处理直接返回给客户 端，运行在客户端页面是事先已制作完成存放在服 务器上网页。静态网页往往只用来存放无需用户参 与，只需要公布静态文本内容。 －－直接能够打开页面 一网页设计方案基础知识 第4页 1.网页设计概述 制作静态网页主要使用HTML语言，配合客户端脚本语言Javascript也能产生丰富动态效果。 HTML（超文本标识语言) 浏览器所看到网页，主要是由HTML语言写成 ，经过各种标识，将影像、声音、图片、文 字等连接显示出来。（浏览器“解释运行”代码） 一个HTML文件实际上是一个含有一些特殊代码 文本文件，它告诉浏览器怎样表示此文件。通 常，静态网页文件以*.html或*.htm为后缀名。 怎样经过浏览器查看HTML源代码？ 一网页设计方案基础知识 第5页 1.网页设计概述 （2）动态网页技术 依据程序站点运行地点不一样，又分为客户端动态 技术和服务器端动态技术。 客户端动态网页技术不需要与服务器交互，实现动态功效代码往往采取脚本语言形式直接嵌在网页中，服务器发送给客户后，网页在客户端浏览器直接响应用户动作，有些作用需要浏览器安装组件（插件）支持。 －－动态效果 常见客户端动态技术：Javascript、JavaApplet、DHTML、ActiveX、Flash、VRML 多媒体网页，但并不是真正动态网页 一网页设计方案基础知识 第6页 1.网页设计概述 服务器端动态技术需要服务器和客户端共同参加，客户经过浏览器发出页面请求后，服务器依据请求参数运行服务器端程序产生结果页面再返回给客户端。普通包括到数据库。 经典服务器端动态技术：ASP、ASP.NET、PHP、JSP、CGI 日常讲动态网页普通指服务器端动态技术。动态网页会在后续课程数据库技术和动态网页制作讲述。（书本P20-P21） 一网页设计方案基础知识 第7页 1.网页设计概述 学习制作网页应该学习技术知识 --网页骨架是HTML、XML、XHTML --增强网页修饰和增加网页个性CSS --网页客户端编程以增强网页特殊显示效果、 与服务器更加好沟通Javascript或VBScript --网页服务器端编程加强网页交互功效 --图形图像制作(如Photoshop)、动画制作（如 Flash）等其它相关知识 一网页设计方案基础知识 第8页 1.网页设计概述 新应用及技术： ①Ajax（Jquery、Spry…）：Google地图 ②网格、云计算 ③富媒体（Rich Media） Adobe Flex（Flash）：做什么用？ Microsoft Silverlight：qq空间 ④Google API 你知道Flash Catalyst是什么吗？ 一网页设计方案基础知识 第9页 1.网页设计概述 做网页需要用到各种软件、不一样类型电脑知识，一定程度上需要学习多方面电脑知识。注意以下方面内容： ①灵活使用各种已经有资源。网页知识繁杂，并不是全部知识都能学会，也并不是全部知识都一定能要去学，适当学会“重复”使用资源，灵活使用Baidu和Google。但使用已经有资源，借鉴其它网页并不是要去剽窃。 一网页设计方案基础知识 第10页 1.网页设计概述 ②本课程内容多而且比较杂，在做网页时并不是全部内容都要用上。有些内容是“独立”，可能并不“实用”，不过当需要某一功效时你才会发觉其有用。 ③课时有限，有些例子需要大家课后花时间练习。有用代码及例子自己要注意保留，方便以后使用。 一网页设计方案基础知识 第11页 2.网页制作相关工具 经常使用网页制作工具： 1.Adobe(Macromedia)“网页制作三剑客” Dreamweaver MX/MX /8/CS3/CS4 Flash MX/MX /8/CS3/CS4 Fir