PHP+MYSQL动态网页设计主讲人：张瑞林联系方式：Email:12590sina.com*课程内容动态网页制作需要的技术n掌握一种网络编程语言（asp,asp.net,php,jsp等）n掌握一种数据库编程（MSSQL,mysql,oracle等）n客户端JavaScript脚本语言nHtml编写技术nCss编写技术nXML技术Date课程目标n快速入门，学会一种网络编程语言n没有编程基础的同学可以设计出专业的 网站n有编程基础的同学则可以使网站锦上添 花Date课程内容n第一讲 网页制作基础n第二讲 PHP和MYSQL基础n第三讲 PHP应用实例：网络通讯录n第四讲 网站架设Date1. WWW服务与网页 2. 静态网页与动态网页 3. 网页设计工具 4. 网站的整体规划 5. 网页中的元素 6. 动态网页的支持技术 7. HTML的基础知识 8. PHP开发环境的安装第一讲 网页制作基础Date1.WWW服务与网页nInternet最初的服务都局限于文本的方式。随着多媒体技术的 高速发展，人们非常希望在网上也能观看漂亮的图片、欣赏优 美的音乐，这时革命性的服务诞生了，这就是WWW服务 nWWW的全称是World Wide Web。它是一种以网页 (webpage)为基本单位构建的框架结构，其目的是为了把遍 布在Internet上数以万计的网页链接起来，形成一个庞大的资 源信息网。 nWWW将Internet上所有的资源(包括文字、图片、声音、视 频等)采用统一的资源定位方式(URL)串连起来，而在客户端， 访问者只需用浏览器(browser)便可很轻松地访问任何角落的 Internet资源。Datenwww的成功传播需要三项技术：1. HTML（HyperText Makerup Language，超文本标记语言 ）：创建网页的语言2. HTTP （HyperText Transfer Protocol，超文本传输协议 ）：网页传输协议3. 浏览器：接收、解释网页数据并显示其内容1. WWW服务与网页Date2、静态网页与动态网页n网页与网站n静态网页与动态网 页客户机服务器发送请求传回页面客户机服务器发送请求传回页面处理 过程静态网页： 人机交互困 难动态网页 ：实现浏 览者与网 页间的互 动动态处理技术： ASP,ASP.NET,JSP,PHPDate 网页设计三剑客网页设计三剑客 1.Dreamweaver是Maromedia开发的所见即所得的可视化开发工具 2.Fireworks是由Macromedia公司开发的图形处理工具，是专门为制 作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解 决方案。 3.Flash是Macromedia公司开发的是一种交互式动画设计工具，广泛 应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作 其他工具其他工具 1.记事本 必须熟悉HTML语言代码 2.Microsofet FrontPage是所见即所得网页编辑器 3.Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的 PC机上最好的通用平面美术设计软件 几乎所有的广告、出版、软件 公司Photoshop都是首选的平面制作工具。3、网页制作工具Date4网站的整体规划n n网站规划和设计流程网站规划和设计流程1.1.确定站点主题确定站点主题2.2.组织规划站点结构组织规划站点结构3.3.创建站点创建站点4.4.确定风格并绘制设计图确定风格并绘制设计图 5.5.收集资源并制作相应的图片、动画收集资源并制作相应的图片、动画6.6.制作网页制作网页 Date4网站的整体规划n n确定站点主题确定站点主题根据以下的介绍希望可以对你的选题有帮助根据以下的介绍希望可以对你的选题有帮助n n主要的网站类别主要的网站类别n n门户类网站门户类网站n n产品类网站产品类网站n n娱乐类网站娱乐类网站n n游戏类网站游戏类网站n n时尚类网站时尚类网站n n音乐类网站音乐类网站n n杂志类网站杂志类网站n n传记类网站传记类网站n n个人类网站个人类网站Date4网站的整体规划十大热门题材十大热门题材n n网上求职网上求职n n网上聊天、即时信息、网上聊天、即时信息、ICQICQn n网上社区、讨论、邮件列表网上社区、讨论、邮件列表n n计算机技术计算机技术n n网页、网站开发网页、网站开发n n娱乐网站娱乐网站n n旅行旅行n n参考、咨询参考、咨询n n家庭、教育家庭、教育n n生活时尚生活时尚Date4网站的整体规划个人主页最受欢迎的题材主要有：个人主页最受欢迎的题材主要有：n n拆解类、软件介绍类拆解类、软件介绍类n n金融类金融类n n游戏类游戏类n n资料收集类资料收集类n n新闻类新闻类n n娱乐类娱乐类n n业内文章创作类业内文章创作类n n其他专栏创作文章其他专栏创作文章n n文学类文学类n n图形设计类图形设计类Date4网站的整体规划2.2.组织规划站点结构组织规划站点结构 一个一个WebWeb站点中的资源文件可能是非常的繁多，这就需要合理的规划站站点中的资源文件可能是非常的繁多，这就需要合理的规划站 点，将各种文件或资源安排在合理的位置，以方便管理。点，将各种文件或资源安排在合理的位置，以方便管理。 （1 1）将文档分类保存在不同的文件夹中）将文档分类保存在不同的文件夹中一个复杂的站点，包含的文件类型会有很多。而且各类型的文件一个复杂的站点，包含的文件类型会有很多。而且各类型的文件 内容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要内容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要 按照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放按照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放 置，最主要的是网页文档和网页文档中链接的图像文件的安排。有两置，最主要的是网页文档和网页文档中链接的图像文件的安排。有两 种方式：种方式： （2 2） 网页网页HTMLHTML文件和该文件链接的图像等对象文件存贮在同一级目录文件和该文件链接的图像等对象文件存贮在同一级目录 （3 3） 对于一张网页或者几个同类别的网页建立一个对应的文件夹，对于一张网页或者几个同类别的网页建立一个对应的文件夹， 然然 后与该网页相关的网页对象文件放置在其中。后与该网页相关的网页对象文件放置在其中。 推荐后一种文件布局方式推荐后一种文件布局方式 注意：为了方便管理，文件和文件夹的名称最注意：为了方便管理，文件和文件夹的名称最 好有具体的含义好有具体的含义 ，让人一看就明白网页描述的内容。，让人一看就明白网页描述的内容。 Date4网站的整体规划3.3.确定风格并绘制设计图确定风格并绘制设计图 n n风格风格 ：站点的整体形象，及浏览者的感受；整体形象包括：站点的整体形象，及浏览者的感受；整体形象包括cici（logologo、色彩、字体等）、布局、色彩、字体等）、布局、 浏览方式、文字风格等浏览方式、文字风格等n n创意：以一种特别的方式传达信息创意：以一种特别的方式传达信息, , 网站创意的捷径是思考网站创意的捷径是思考1.1.让它的颜色突破人们的印象让它的颜色突破人们的印象2.2.使它成为年轻的标志使它成为年轻的标志3.3.使它立体化使它立体化4.4.让网站拟人化让网站拟人化5.5.举办竞赛、打赌、抽奖等活动举办竞赛、打赌、抽奖等活动6.6.变更常规的一部分变更常规的一部分7.7.使它有罗曼蒂克的味道使它有罗曼蒂克的味道8.8.使它看起来非常流行使它看起来非常流行9.9.给它起个朗朗上口的绰号给它起个朗朗上口的绰号10.10.提供提供“ “免费午餐免费午餐” ”VSDate4网站的整体规划2525种方式给网站添加优质内容种方式给网站添加优质内容： 请先记住以下几点： (1).你只是被你自己的想法和你的网站限制住了。尝试着 往完全不同的方向探索一下。(2).你的网站内容应该是写给你的顾客看，不是给你，也 不是写给搜索引擎的，它们不是你的目标群体。(3).把你的网站想象成一幅完整的画，一个有生命的会呼 吸的整体。它会持续成长，而不是停滞不前。 (4).面向目标群体的优质内容。hao123Date2525种方式给网站添加优质内容种方式给网站添加优质内容n n1 1，事件日历事件日历。对于房地产网站，它可用于展示新开房屋信息。对于房地产网站，它可用于展示新开房屋信息 ；对于在线书店，可用于介绍新书签名会、作者见面会等；对；对于在线书店，可用于介绍新书签名会、作者见面会等；对 于收藏类网站，可用于介绍最近的聚会活动等于收藏类网站，可用于介绍最近的聚会活动等确保访客能确保访客能 添加他们自己的事件到日历中去。添加他们自己的事件到日历中去。2 2，地图地图。考虑给房地产网站、捕猎。考虑给房地产网站、捕猎/ /捕鱼网站、露营网站、酒捕鱼网站、露营网站、酒 店或者其他任何户外休闲网站建一个地图。在地图的底部添加店或者其他任何户外休闲网站建一个地图。在地图的底部添加 内容来描述该地图并说明它的意图。内容来描述该地图并说明它的意图。3 3，售前售前/ /售后经历售后经历。如果你的顾客能就你提供的产品或服务写。如果你的顾客能就你提供的产品或服务写 一小段文字，或者探讨你的产品一小段文字，或者探讨你的产品/ /服务带来的好处，就再好不服务带来的好处，就再好不 过了。你可以把它们作为成功的证明放在网站上。过了。你可以把它们作为成功的证明放在网站上。4 4，来自顾客的图片来自顾客的图片。你可以为已有顾客设立一个特别的地方。你可以为已有顾客设立一个特别的地方 ，让他们能够在你的网站贴出自己的图片和日志等等。这个方，让他们能够在你的网站贴出自己的图片和日志等等。这个方 法比较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影法比较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影 工作室等等。想一想，在工作室等等。想一想，在HalloweenHalloween网站该怎么做？花卉网站网站该怎么做？花卉网站 呢？呢？Date2525种方式给网站添加优质内容种方式给网站添加优质内容n n5 5，在线填色画在线填色画。如果你将一些度假物品做成填色画，孩子们。如果你将一些度假物品做成填色画，孩子们 就可以在旅程开始前给它们填完色然后就可以在旅程开始前给它们填完色然后 贴到他们在网上专有的贴到他们在网上专有的 版块。旅程结束后，他们的父母又可以贴上度假的图片和日志版块。旅程结束后，他们的父母又可以贴上度假的图片和日志 。这样，一个属于他们的度假纪念。这样，一个属于他们的度假纪念“ “网站网站” ”（其实完全是建立在（其实完全是建立在 你的网站上）就你的网站上）就 成为了你这个度假网站的招牌。他们会怎么使成为了你这个度假网站的招牌。他们会怎么使 用这个用这个“ “网站网站” ”呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等 。他们会在其他地方给这个。他们会在其他地方给这个“ “网站网站” ”做连接。你会赢得优势。如做连接。你会赢得优势。如 果网站可以作孩子们的文章，你可以想很多增添果网站可以作孩子们的文章，你可以想很多增添 填色画的方法填色画的方法 ，或者类似的针对孩子的创造性活动。，或者类似的针对孩子的创造性活动。6 6，blogblog或论坛当然会给网站增添新内容或论坛当然会给网站增添新内容。7 7，令你的目标群体感兴趣的文章或者新页面令你的目标群体感兴趣的文章或者新页面。有规律的写出。有规律的写出 新内容新内容你的目标应该是每周你的目标应该是每周1-21-2篇。篇。8 8，在站内主页展示专家问答在站内主页展示专家问答。请个专家来回答问题，然后每。请个专家来回答问题，然后每 周在主页贴出一问一答（或者每天都贴出，自由控制）。把站周在主页贴出一问一答（或