第一讲网页设计基础

1、2021-10-19 php+mysql动态网页设计主讲人：张瑞林联系方式：email:2021-10-19课程内容动态网页制作需要的技术n掌握一种网络编程语言（asp,php,jsp等）n掌握一种数据库编程（mssql,mysql,oracle等）n客户端javascript脚本语言nhtml编写技术ncss编写技术nxml技术2021-10-19课程目标n快速入门，学会一种网络编程语言n没有编程基础的同学可以设计出专业的网站n有编程基础的同学则可以使网站锦上添花2021-10-19课程内容n第一讲 网页制作基础n第二讲 php和mysql基础n第三讲 php应用实例：网络通讯录n第四讲 网

2、站架设2021-10-191. www服务与网页服务与网页2. 静态网页与动态网页静态网页与动态网页3. 网页设计工具网页设计工具4. 网站的整体规划网站的整体规划5. 网页中的元素网页中的元素6. 动态网页的支持技术动态网页的支持技术7. html的基础知识的基础知识8. php开发环境的安装开发环境的安装第一讲第一讲 网页制作基础网页制作基础2021-10-191.www服务与网页服务与网页ninternet最初的服务都局限于文本的方式。随着多媒体技术的高最初的服务都局限于文本的方式。随着多媒体技术的高速发展，人们非常希望在网上也能观看漂亮的图片、欣赏优美的速发展，人们非常希望在网上也能观

3、看漂亮的图片、欣赏优美的音乐，这时革命性的服务诞生了，这就是音乐，这时革命性的服务诞生了，这就是www服务服务 nwww的全称是的全称是world wide web。它是一种以网页。它是一种以网页(webpage)为基本单位构建的框架结构，其目的是为了把遍布为基本单位构建的框架结构，其目的是为了把遍布在在internet上数以万计的网页上数以万计的网页链接链接起来，形成一个庞大的资源信起来，形成一个庞大的资源信息网。息网。 nwww将将internet上所有的资源上所有的资源(包括文字、图片、声音、视频包括文字、图片、声音、视频等等)采用采用统一的资源定位方式统一的资源定位方式(url)串连起

4、来，而在客户端，访问串连起来，而在客户端，访问者只需用者只需用浏览器浏览器(browser)便可很轻松地访问任何角落的便可很轻松地访问任何角落的internet资源。资源。2021-10-19nwww的成功传播需要三项技术：的成功传播需要三项技术：1. html（hypertext makerup language，超文本标记语言）：创，超文本标记语言）：创建网页的语言建网页的语言2. http （hypertext transfer protocol，超文本传输协议）：网页，超文本传输协议）：网页传输协议传输协议3. 浏览器：接收、解释网页数据并显示其内容浏览器：接收、解释网页数据并显示其内

5、容1. www服务与网页服务与网页2021-10-192、静态网页与动态网页n网页与网站n静态网页与动态网页客户机服务器发送请求传回页面客户机服务器发送请求传回页面处理过程静态网页：人机交互困难动态网页：实现浏览者与网页间的互动动态处理技术：asp,asp.net,jsp,php2021-10-191.dreamweaver是是maromedia开发的所见即所得的可视化开发工具开发的所见即所得的可视化开发工具2.fireworks是由是由macromedia公司开发的图形处理工具，是专门为公司开发的图形处理工具，是专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的制作网页图形而

6、设计的软件，同时也是专业的网页图形设计及制作的解决方案。解决方案。3.flash是是macromedia公司开发的是一种交互式动画设计工具，广泛公司开发的是一种交互式动画设计工具，广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作1.记事本记事本 必须熟悉必须熟悉html语言代码语言代码2.microsofet frontpage是所见即所得网页编辑器是所见即所得网页编辑器3.photoshop是由是由adobe公司开发的图形处理软件，它是目前公认的公司开发的图形处理软件，它是目前公认的pc机上最好的通用平面美术设计软件

7、机上最好的通用平面美术设计软件 几乎所有的广告、出版、软件几乎所有的广告、出版、软件公司公司photoshop都是首选的平面制作工具。都是首选的平面制作工具。3、网页制作工具、网页制作工具2021-10-194网站的整体规划网站的整体规划 2021-10-194网站的整体规划网站的整体规划2021-10-194网站的整体规划网站的整体规划2021-10-194网站的整体规划网站的整体规划2021-10-194网站的整体规划网站的整体规划 2021-10-194网站的整体规划网站的整体规划 vs2021-10-194网站的整体规划网站的整体规划 请先记住以下几点：(1).你只是被你自己的想法和你

8、的网站限制住了。尝试着往完全不同的方向探索一下。 (2).你的网站内容应该是写给你的顾客看，不是给你，也不是写给搜索引擎的，它们不是你的目标群体。 (3).把你的网站想象成一幅完整的画，一个有生命的会呼吸的整体。它会持续成长，而不是停滞不前。 (4).面向目标群体的优质内容。hao1232021-10-192021-10-19 2021-10-19 2021-10-192021-10-192021-10-192021-10-192021-10-192021-10-19网站成功与否很关键的几个因素网站成功与否很关键的几个因素 n一、最重要的就是网站内容。n二、更新频率。有人回访，说明他想看些不一

9、样的新东西（个别站除外），这就像吃饭一样，如果每顿吃的东西都一样，我想谁都会烦。 n三、网站的结构。结构清晰，浏览者很快就能找到自己想要的，这能给他们一个很好的印象n四、网站风格及颜色搭配。颜色的搭配，各种边条的宽度高度都该经过仔细考量。 n五、搜索优化。n六、适当的炒作也是必不可少的。就像娱乐圈里一样，越炒越红，混个脸熟，有点什么事以后大家就想着你了。2021-10-195、网页中的元素网页中的元素 2021-10-196 6 动态网页的支持技术动态网页的支持技术 目前，最常用的三种动态网页语言有目前，最常用的三种动态网页语言有asp，asp.net,jsp,phpasp 全名全名activ

10、e server pages，是一个，是一个web服务器端的开发环境，利用服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的它可以产生和执行动态的、互动的、高性能的web服务应用程序。服务应用程序。asp采用脚本语言采用脚本语言vbscript（java script）作为自己的开发语言。）作为自己的开发语言。asp.net 微软新一代的动态网页开发语言，功能强大。微软新一代的动态网页开发语言，功能强大。 php 是一种的服务器端的嵌入式脚本语言。它大量地借用是一种的服务器端的嵌入式脚本语言。它大量地借用c,java和和perl语语言的语法言的语法, 并耦合并耦合php自己的特性

11、自己的特性,使使web开发者能够快速地写出动态开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点，产生页面。它支持目前绝大多数数据库。还有一点，php是完全免费是完全免费的，不用花钱，你可以从的，不用花钱，你可以从php官方站点官方站点(http: /)自由下自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。的特色。 jsp 是是sun公司推出的新一代跨平台网站开发语言，公司推出的新一代跨平台网站开发语言，sun公司借助自己在公司借助自己在java上的、非凡造诣，将上的、非凡造诣，将java从

12、从java应用程序和应用程序和java applet之外，之外，又有新的硕果，就是又有新的硕果，就是jsp，java server page。jsp可以在可以在serverlet和和javabean的支持下，完成功能强大的站点程序。的支持下，完成功能强大的站点程序。 2021-10-197、html的基础知识的基础知识1.html的基本概念的基本概念html（hypertext marked language） 是一种描述语言，对是一种描述语言，对web页面中显示内容的属性以标签的页面中显示内容的属性以标签的形式进行描述。客户机上的浏览器（形式进行描述。客户机上的浏览器（browser）对这些描）对这些描述进行解释将相应页面内容正确显示在显示器上。一个述进行解释将相应页面内容正确显示在显示器上。一个web页面就是一个页面就是一个html文档文档 。用它编写的文件。用它编写的文件(文档文档)的的扩展名是扩展名是.html或或.htm html 文档