《第一讲网页设计基础》由会员分享，可在线阅读，更多相关《第一讲网页设计基础（35页珍藏版）》请在金锄头文库上搜索。
1、 PHP+MYSQL动态网页设计主讲人：张瑞林联系方式：Email:9/4/2024课程内容动态网页制作需要的技术n掌握一种网络编程语言（asp,,php,jsp等）n掌握一种数据库编程（MSSQL,mysql,oracle等）n客户端JavaScript脚本语言nHtml编写技术nCss编写技术nXML技术9/4/2024课程目标n快速入门，学会一种网络编程语言n没有编程基础的同学可以设计出专业的网站n有编程基础的同学则可以使网站锦上添花9/4/2024课程内容n第一讲 网页制作基础n第二讲 PHP和MYSQL基础n第三讲 PHP应用实例：网络通讯录n第四讲 网站架设9/4/20241.WW
2、W服务与网页服务与网页2.静态网页与动态网页静态网页与动态网页3.网页设计工具网页设计工具4.网站的整体规划网站的整体规划5.网页中的元素网页中的元素6.动态网页的支持技术动态网页的支持技术7.HTML的基础知识的基础知识8.PHP开发环境的安装开发环境的安装第一讲第一讲 网页制作基础网页制作基础9/4/20241.WWW服务与网页服务与网页nInternet最初的服务都局限于文本的方式。随着多媒体技术的高最初的服务都局限于文本的方式。随着多媒体技术的高速发展，人们非常希望在网上也能观看漂亮的图片、欣赏优美的速发展，人们非常希望在网上也能观看漂亮的图片、欣赏优美的音乐，这时革命性的服务诞生了，
3、这就是音乐，这时革命性的服务诞生了，这就是WWW服务服务 nWWW的全称是的全称是World Wide Web。它是一种以网页它是一种以网页(webpage)为基本单位构建的框架结构，其目的是为了把遍布在为基本单位构建的框架结构，其目的是为了把遍布在Internet上上数以万计的网页数以万计的网页链接链接起来，形成一个庞大的资源信息网。起来，形成一个庞大的资源信息网。 nWWW将将Internet上所有的资源上所有的资源(包括文字、图片、声音、视频包括文字、图片、声音、视频等等)采用采用统一的资源定位方式统一的资源定位方式(URL)串连起来，而在客户端，访问串连起来，而在客户端，访问者只需用者
4、只需用浏览器浏览器(browser)便可很轻松地访问任何角落的便可很轻松地访问任何角落的Internet资源。资源。9/4/2024nwww的成功传播需要三项技术：的成功传播需要三项技术：1. HTML（HyperText Makerup Language，超文本标记语言）：创，超文本标记语言）：创建网页的语言建网页的语言2. HTTP （HyperText Transfer Protocol，超文本传输协议）：网页，超文本传输协议）：网页传输协议传输协议3. 浏览器：接收、解释网页数据并显示其内容浏览器：接收、解释网页数据并显示其内容1. WWW服务与网页服务与网页9/4/20242、静态网
5、页与动态网页n网页与网站n静态网页与动态网页客户机服务器发送请求传回页面客户机服务器发送请求传回页面处理过程静态网页：人机交互困难动态网页：实现浏览者与网页间的互动动态处理技术：ASP,ASP.NET,JSP,PHP9/4/2024 网页设计三剑客网页设计三剑客网页设计三剑客网页设计三剑客1.Dreamweaver是是Maromedia开发的所见即所得的可视化开发工具开发的所见即所得的可视化开发工具2.Fireworks是由是由Macromedia公司开发的图形处理工具，是专门为制公司开发的图形处理工具，是专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解作网页图形而设计的软
6、件，同时也是专业的网页图形设计及制作的解决方案。决方案。3.Flash是是Macromedia公司开发的是一种交互式动画设计工具，广泛公司开发的是一种交互式动画设计工具，广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作 其他工具其他工具其他工具其他工具1.记事本记事本 必须熟悉必须熟悉HTML语言代码语言代码2.Microsofet FrontPage是所见即所得网页编辑器是所见即所得网页编辑器3.Photoshop是由是由Adobe公司开发的图形处理软件，它是目前公认的公司开发的图形处理软件，它是目前公认的PC机上最
7、好的通用平面美术设计软件机上最好的通用平面美术设计软件 几乎所有的广告、出版、软件几乎所有的广告、出版、软件公司公司Photoshop都是首选的平面制作工具。都是首选的平面制作工具。3、网页制作工具、网页制作工具9/4/20244网站的整体规划网站的整体规划 n n网站规划和设计流程网站规划和设计流程网站规划和设计流程网站规划和设计流程1.1.确定站点主题确定站点主题确定站点主题确定站点主题2.2.组织规划站点结构组织规划站点结构组织规划站点结构组织规划站点结构3.3.创建站点创建站点创建站点创建站点4.4.确定风格并绘制设计图确定风格并绘制设计图确定风格并绘制设计图确定风格并绘制设计图 5.
8、5.收集资源并制作相应的图片、动画收集资源并制作相应的图片、动画收集资源并制作相应的图片、动画收集资源并制作相应的图片、动画6.6.制作网页制作网页制作网页制作网页 9/4/20244网站的整体规划网站的整体规划1.1.确定站点主题确定站点主题确定站点主题确定站点主题 根据以下的介绍希望可以对你的选题有帮助根据以下的介绍希望可以对你的选题有帮助根据以下的介绍希望可以对你的选题有帮助根据以下的介绍希望可以对你的选题有帮助n n主要的网站类别主要的网站类别主要的网站类别主要的网站类别n n门户类网站门户类网站门户类网站门户类网站n n产品类网站产品类网站产品类网站产品类网站n n娱乐类网站娱乐类网
9、站娱乐类网站娱乐类网站n n游戏类网站游戏类网站游戏类网站游戏类网站n n时尚类网站时尚类网站时尚类网站时尚类网站n n音乐类网站音乐类网站音乐类网站音乐类网站n n杂志类网站杂志类网站杂志类网站杂志类网站n n传记类网站传记类网站传记类网站传记类网站n n个人类网站个人类网站个人类网站个人类网站9/4/20244网站的整体规划网站的整体规划十大热门题材十大热门题材十大热门题材十大热门题材n n网上求职网上求职网上求职网上求职n n网上聊天、即时信息、网上聊天、即时信息、网上聊天、即时信息、网上聊天、即时信息、ICQICQn n网上社区、讨论、邮件列表网上社区、讨论、邮件列表网上社区、讨论、邮
10、件列表网上社区、讨论、邮件列表n n计算机技术计算机技术计算机技术计算机技术n n网页、网站开发网页、网站开发网页、网站开发网页、网站开发n n娱乐网站娱乐网站娱乐网站娱乐网站n n旅行旅行旅行旅行n n参考、咨询参考、咨询参考、咨询参考、咨询n n家庭、教育家庭、教育家庭、教育家庭、教育n n生活时尚生活时尚生活时尚生活时尚9/4/20244网站的整体规划网站的整体规划个人主页最受欢迎的题材主要有：个人主页最受欢迎的题材主要有：个人主页最受欢迎的题材主要有：个人主页最受欢迎的题材主要有：n n拆解类、软件介绍类拆解类、软件介绍类拆解类、软件介绍类拆解类、软件介绍类n n金融类金融类金融类金融
11、类n n游戏类游戏类游戏类游戏类n n资料收集类资料收集类资料收集类资料收集类n n新闻类新闻类新闻类新闻类n n娱乐类娱乐类娱乐类娱乐类n n业内文章创作类业内文章创作类业内文章创作类业内文章创作类n n其他专栏创作文章其他专栏创作文章其他专栏创作文章其他专栏创作文章n n文学类文学类文学类文学类n n图形设计类图形设计类图形设计类图形设计类9/4/20244网站的整体规划网站的整体规划 2.2.组织规划站点结构组织规划站点结构组织规划站点结构组织规划站点结构一个一个一个一个WebWeb站点中的资源文件可能是非常的繁多，这就需要合理的规划站点，站点中的资源文件可能是非常的繁多，这就需要合理的
12、规划站点，站点中的资源文件可能是非常的繁多，这就需要合理的规划站点，站点中的资源文件可能是非常的繁多，这就需要合理的规划站点，将各种文件或资源安排在合理的位置，以方便管理。将各种文件或资源安排在合理的位置，以方便管理。将各种文件或资源安排在合理的位置，以方便管理。将各种文件或资源安排在合理的位置，以方便管理。（1 1）将文档分类保存在不同的文件夹中）将文档分类保存在不同的文件夹中）将文档分类保存在不同的文件夹中）将文档分类保存在不同的文件夹中 一个复杂的站点，包含的文件类型会有很多。而且各类型的文件内一个复杂的站点，包含的文件类型会有很多。而且各类型的文件内一个复杂的站点，包含的文件类型会有很
13、多。而且各类型的文件内一个复杂的站点，包含的文件类型会有很多。而且各类型的文件内容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要按容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要按容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要按容上也可能会有不一样。因此，为了清晰地对文件进行管理，就要按照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放置，照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放置，照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放置，照一定地规则将不同的文件放置在不同的文件夹中。关于文件的放置，最主要的是网页文档和网页文档中链
14、接的图像文件的安排。有两种方最主要的是网页文档和网页文档中链接的图像文件的安排。有两种方最主要的是网页文档和网页文档中链接的图像文件的安排。有两种方最主要的是网页文档和网页文档中链接的图像文件的安排。有两种方式：式：式：式：（2 2） 网页网页网页网页HTMLHTML文件和该文件链接的图像等对象文件存贮在同一级目录文件和该文件链接的图像等对象文件存贮在同一级目录文件和该文件链接的图像等对象文件存贮在同一级目录文件和该文件链接的图像等对象文件存贮在同一级目录（3 3） 对于一张网页或者几个同类别的网页建立一个对应的文件夹，对于一张网页或者几个同类别的网页建立一个对应的文件夹，对于一张网页或者几个
15、同类别的网页建立一个对应的文件夹，对于一张网页或者几个同类别的网页建立一个对应的文件夹， 然后然后然后然后与该网页相关的网页对象文件放置在其中。与该网页相关的网页对象文件放置在其中。与该网页相关的网页对象文件放置在其中。与该网页相关的网页对象文件放置在其中。推荐后一种文件布局方式推荐后一种文件布局方式推荐后一种文件布局方式推荐后一种文件布局方式 注意：为了方便管理，文件和文件夹的名称最好注意：为了方便管理，文件和文件夹的名称最好注意：为了方便管理，文件和文件夹的名称最好注意：为了方便管理，文件和文件夹的名称最好有具体的含义有具体的含义有具体的含义有具体的含义 ，让人一看就明白网页描述的内容。，
16、让人一看就明白网页描述的内容。，让人一看就明白网页描述的内容。，让人一看就明白网页描述的内容。9/4/20244网站的整体规划网站的整体规划 3.3.确定风格并绘制设计图确定风格并绘制设计图确定风格并绘制设计图确定风格并绘制设计图 n n风格风格风格风格 ：站点的整体形象，及浏览者的感受；整体形象包括：站点的整体形象，及浏览者的感受；整体形象包括：站点的整体形象，及浏览者的感受；整体形象包括：站点的整体形象，及浏览者的感受；整体形象包括cici（logologo、 色彩、字体等）、布局、色彩、字体等）、布局、色彩、字体等）、布局、色彩、字体等）、布局、 浏览方式、文字风格等浏览方式、文字风格等
17、浏览方式、文字风格等浏览方式、文字风格等n n创意：以一种特别的方式传达信息创意：以一种特别的方式传达信息创意：以一种特别的方式传达信息创意：以一种特别的方式传达信息, , 网站创意的捷径是思考网站创意的捷径是思考网站创意的捷径是思考网站创意的捷径是思考1.1.让它的颜色突破人们的印象让它的颜色突破人们的印象让它的颜色突破人们的印象让它的颜色突破人们的印象2.2.使它成为年轻的标志使它成为年轻的标志使它成为年轻的标志使它成为年轻的标志3.3.使它立体化使它立体化使它立体化使它立体化4.4.让网站拟人化让网站拟人化让网站拟人化让网站拟人化5.5.举办竞赛、打赌、抽奖等活动举办竞赛、打赌、抽奖等活
18、动举办竞赛、打赌、抽奖等活动举办竞赛、打赌、抽奖等活动6.6.变更常规的一部分变更常规的一部分变更常规的一部分变更常规的一部分7.7.使它有罗曼蒂克的味道使它有罗曼蒂克的味道使它有罗曼蒂克的味道使它有罗曼蒂克的味道8.8.使它看起来非常流行使它看起来非常流行使它看起来非常流行使它看起来非常流行9.9.给它起个朗朗上口的绰号给它起个朗朗上口的绰号给它起个朗朗上口的绰号给它起个朗朗上口的绰号10.10.提供提供提供提供“ “免费午餐免费午餐免费午餐免费午餐” ”VS9/4/20244网站的整体规划网站的整体规划 2525种方式给网站添加优质内容种方式给网站添加优质内容种方式给网站添加优质内容种方式
19、给网站添加优质内容：请先记住以下几点：(1).你只是被你自己的想法和你的网站限制住了。尝试着往完全不同的方向探索一下。 (2).你的网站内容应该是写给你的顾客看，不是给你，也不是写给搜索引擎的，它们不是你的目标群体。 (3).把你的网站想象成一幅完整的画，一个有生命的会呼吸的整体。它会持续成长，而不是停滞不前。 (4).面向目标群体的优质内容。hao1239/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n1 1，事件日历事件日历事件日历事件日历。对于房地产网站，它可用于展示新开房屋信息；。对于房地产网站，它可用于展示新开房屋信息；。对于房地产网站，它可用于展示新开房屋信
20、息；。对于房地产网站，它可用于展示新开房屋信息；对于在线书店，可用于介绍新书签名会、作者见面会等；对于收对于在线书店，可用于介绍新书签名会、作者见面会等；对于收对于在线书店，可用于介绍新书签名会、作者见面会等；对于收对于在线书店，可用于介绍新书签名会、作者见面会等；对于收藏类网站，可用于介绍最近的聚会活动等藏类网站，可用于介绍最近的聚会活动等藏类网站，可用于介绍最近的聚会活动等藏类网站，可用于介绍最近的聚会活动等确保访客能添加他确保访客能添加他确保访客能添加他确保访客能添加他们自己的事件到日历中去。们自己的事件到日历中去。们自己的事件到日历中去。们自己的事件到日历中去。2 2，地图地图地图地图
21、。考虑给房地产网站、捕猎。考虑给房地产网站、捕猎。考虑给房地产网站、捕猎。考虑给房地产网站、捕猎/ /捕鱼网站、露营网站、酒店捕鱼网站、露营网站、酒店捕鱼网站、露营网站、酒店捕鱼网站、露营网站、酒店或者其他任何户外休闲网站建一个地图。在地图的底部添加内容或者其他任何户外休闲网站建一个地图。在地图的底部添加内容或者其他任何户外休闲网站建一个地图。在地图的底部添加内容或者其他任何户外休闲网站建一个地图。在地图的底部添加内容来描述该地图并说明它的意图。来描述该地图并说明它的意图。来描述该地图并说明它的意图。来描述该地图并说明它的意图。3 3，售前售前售前售前/ /售后经历售后经历售后经历售后经历。如
22、果你的顾客能就你提供的产品或服务写一。如果你的顾客能就你提供的产品或服务写一。如果你的顾客能就你提供的产品或服务写一。如果你的顾客能就你提供的产品或服务写一小段文字，或者探讨你的产品小段文字，或者探讨你的产品小段文字，或者探讨你的产品小段文字，或者探讨你的产品/ /服务带来的好处，就再好不过了。服务带来的好处，就再好不过了。服务带来的好处，就再好不过了。服务带来的好处，就再好不过了。你可以把它们作为成功的证明放在网站上。你可以把它们作为成功的证明放在网站上。你可以把它们作为成功的证明放在网站上。你可以把它们作为成功的证明放在网站上。4 4，来自顾客的图片来自顾客的图片来自顾客的图片来自顾客的图
23、片。你可以为已有顾客设立一个特别的地方，。你可以为已有顾客设立一个特别的地方，。你可以为已有顾客设立一个特别的地方，。你可以为已有顾客设立一个特别的地方，让他们能够在你的网站贴出自己的图片和日志等等。这个方法比让他们能够在你的网站贴出自己的图片和日志等等。这个方法比让他们能够在你的网站贴出自己的图片和日志等等。这个方法比让他们能够在你的网站贴出自己的图片和日志等等。这个方法比较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影工作室较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影工作室较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影工作室较适合度假网站、休闲网站、婚姻网站、宝宝网站、摄影工作
24、室等等。想一想，在等等。想一想，在等等。想一想，在等等。想一想，在HalloweenHalloween网站该怎么做？花卉网站呢？网站该怎么做？花卉网站呢？网站该怎么做？花卉网站呢？网站该怎么做？花卉网站呢？9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n5 5，在线填色画在线填色画在线填色画在线填色画。如果你将一些度假物品做成填色画，孩子们就。如果你将一些度假物品做成填色画，孩子们就。如果你将一些度假物品做成填色画，孩子们就。如果你将一些度假物品做成填色画，孩子们就可以在旅程开始前给它们填完色然后可以在旅程开始前给它们填完色然后可以在旅程开始前给它们填完色然后可以在旅
25、程开始前给它们填完色然后 贴到他们在网上专有的版块。贴到他们在网上专有的版块。贴到他们在网上专有的版块。贴到他们在网上专有的版块。旅程结束后，他们的父母又可以贴上度假的图片和日志。这样，旅程结束后，他们的父母又可以贴上度假的图片和日志。这样，旅程结束后，他们的父母又可以贴上度假的图片和日志。这样，旅程结束后，他们的父母又可以贴上度假的图片和日志。这样，一个属于他们的度假纪念一个属于他们的度假纪念一个属于他们的度假纪念一个属于他们的度假纪念“ “网站网站网站网站” ”（其实完全是建立在你的网站（其实完全是建立在你的网站（其实完全是建立在你的网站（其实完全是建立在你的网站上）就上）就上）就上）就
26、成为了你这个度假网站的招牌。他们会怎么使用这个成为了你这个度假网站的招牌。他们会怎么使用这个成为了你这个度假网站的招牌。他们会怎么使用这个成为了你这个度假网站的招牌。他们会怎么使用这个“ “网网网网站站站站” ”呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等。他们会在呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等。他们会在呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等。他们会在呢？他们会告诉朋友、爷爷奶奶、叔叔婶婶等等。他们会在其他地方给这个其他地方给这个其他地方给这个其他地方给这个“ “网站网站网站网站” ”做连接。你会赢得优势。如果网站可以做连接。你会赢得优势。如果网站可以做连接。你会赢得优势。如果网
27、站可以做连接。你会赢得优势。如果网站可以作孩子们的文章，你可以想很多增添作孩子们的文章，你可以想很多增添作孩子们的文章，你可以想很多增添作孩子们的文章，你可以想很多增添 填色画的方法，或者类似的填色画的方法，或者类似的填色画的方法，或者类似的填色画的方法，或者类似的针对孩子的创造性活动。针对孩子的创造性活动。针对孩子的创造性活动。针对孩子的创造性活动。6 6，blogblog或论坛当然会给网站增添新内容或论坛当然会给网站增添新内容或论坛当然会给网站增添新内容或论坛当然会给网站增添新内容。7 7，令你的目标群体感兴趣的文章或者新页面令你的目标群体感兴趣的文章或者新页面令你的目标群体感兴趣的文章或
28、者新页面令你的目标群体感兴趣的文章或者新页面。有规律的写出新。有规律的写出新。有规律的写出新。有规律的写出新内容内容内容内容你的目标应该是每周你的目标应该是每周你的目标应该是每周你的目标应该是每周1-21-2篇。篇。篇。篇。8 8，在站内主页展示专家问答在站内主页展示专家问答在站内主页展示专家问答在站内主页展示专家问答。请个专家来回答问题，然后每周。请个专家来回答问题，然后每周。请个专家来回答问题，然后每周。请个专家来回答问题，然后每周在主页贴出一问一答（或者每天都贴出，自由控制）。把站上以在主页贴出一问一答（或者每天都贴出，自由控制）。把站上以在主页贴出一问一答（或者每天都贴出，自由控制）。
29、把站上以在主页贴出一问一答（或者每天都贴出，自由控制）。把站上以往的问答做个可搜索的归档。往的问答做个可搜索的归档。往的问答做个可搜索的归档。往的问答做个可搜索的归档。 情侣拼图情侣拼图9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n9 9，产品评测产品评测产品评测产品评测。如果你的行业有产品或软件需要评测，可考虑写。如果你的行业有产品或软件需要评测，可考虑写。如果你的行业有产品或软件需要评测，可考虑写。如果你的行业有产品或软件需要评测，可考虑写一些公正的评测文章。将文章发布到自己的网站上。读者永远都一些公正的评测文章。将文章发布到自己的网站上。读者永远都一些公正的评
30、测文章。将文章发布到自己的网站上。读者永远都一些公正的评测文章。将文章发布到自己的网站上。读者永远都会对完整的公正评测感兴趣。会对完整的公正评测感兴趣。会对完整的公正评测感兴趣。会对完整的公正评测感兴趣。1010，小提示小提示小提示小提示。如果你的产品或服务适合用小提示，就写一个系列。如果你的产品或服务适合用小提示，就写一个系列。如果你的产品或服务适合用小提示，就写一个系列。如果你的产品或服务适合用小提示，就写一个系列并把它们发布到你的网站上。作为新闻信来发送。邀请使用你的并把它们发布到你的网站上。作为新闻信来发送。邀请使用你的并把它们发布到你的网站上。作为新闻信来发送。邀请使用你的并把它们发
31、布到你的网站上。作为新闻信来发送。邀请使用你的产品的读者也来写小提示产品的读者也来写小提示产品的读者也来写小提示产品的读者也来写小提示/ /技巧，如果他们提交过来，就给他们一技巧，如果他们提交过来，就给他们一技巧，如果他们提交过来，就给他们一技巧，如果他们提交过来，就给他们一些购买其他产品的优惠些购买其他产品的优惠些购买其他产品的优惠些购买其他产品的优惠/ /折扣。折扣。折扣。折扣。1111，常见问题常见问题常见问题常见问题。常见问题（。常见问题（。常见问题（。常见问题（FAQFAQ）是你的目标群体想要了解的内）是你的目标群体想要了解的内）是你的目标群体想要了解的内）是你的目标群体想要了解的内
32、容。当你从读者那里收到提问，就在容。当你从读者那里收到提问，就在容。当你从读者那里收到提问，就在容。当你从读者那里收到提问，就在FAQFAQ里面添加新的问答内容，里面添加新的问答内容，里面添加新的问答内容，里面添加新的问答内容，使它保持更新。使它保持更新。使它保持更新。使它保持更新。1212，使用手册使用手册使用手册使用手册/ /指引指引指引指引。人们喜欢看使用手册。如果你正在线销售。人们喜欢看使用手册。如果你正在线销售。人们喜欢看使用手册。如果你正在线销售。人们喜欢看使用手册。如果你正在线销售抽水马桶部件，为何不写一份关于抽水马桶部件，为何不写一份关于抽水马桶部件，为何不写一份关于抽水马桶部
33、件，为何不写一份关于“ “如何在卫生间安如何在卫生间安如何在卫生间安如何在卫生间安 装抽水马桶装抽水马桶装抽水马桶装抽水马桶” ”的指导手册呢？为你的顾客提供便利，客人就会源源不断。撰的指导手册呢？为你的顾客提供便利，客人就会源源不断。撰的指导手册呢？为你的顾客提供便利，客人就会源源不断。撰的指导手册呢？为你的顾客提供便利，客人就会源源不断。撰写一系列的使用手册。做一个网络上的写一系列的使用手册。做一个网络上的写一系列的使用手册。做一个网络上的写一系列的使用手册。做一个网络上的“ “厕所超人厕所超人厕所超人厕所超人” ”。如此。如此。如此。如此 一来一来一来一来你就会被高度关注，你会在互联网以
34、外魅力十足你就会被高度关注，你会在互联网以外魅力十足你就会被高度关注，你会在互联网以外魅力十足你就会被高度关注，你会在互联网以外魅力十足 9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n1313，能够解决实际问题的内容能够解决实际问题的内容能够解决实际问题的内容能够解决实际问题的内容。人们为何访问互联网？为了寻找信息或。人们为何访问互联网？为了寻找信息或。人们为何访问互联网？为了寻找信息或。人们为何访问互联网？为了寻找信息或者对比购物。如果你能为你的访客解决这些问者对比购物。如果你能为你的访客解决这些问者对比购物。如果你能为你的访客解决这些问者对比购物。如果你能为你的
35、访客解决这些问 题，就帮他们达到了目的。题，就帮他们达到了目的。题，就帮他们达到了目的。题，就帮他们达到了目的。你的潜在顾客自然能从搜索引擎里找到你的页面。你的潜在顾客自然能从搜索引擎里找到你的页面。你的潜在顾客自然能从搜索引擎里找到你的页面。你的潜在顾客自然能从搜索引擎里找到你的页面。1414，历史数据历史数据历史数据历史数据。假设你是销售钢管的。钢管的历史是怎样的？创建一个。假设你是销售钢管的。钢管的历史是怎样的？创建一个。假设你是销售钢管的。钢管的历史是怎样的？创建一个。假设你是销售钢管的。钢管的历史是怎样的？创建一个页面专门介绍一下它的历史吧。事实上，页面专门介绍一下它的历史吧。事实上
36、，页面专门介绍一下它的历史吧。事实上，页面专门介绍一下它的历史吧。事实上， 你还应该创建关于以下内容的你还应该创建关于以下内容的你还应该创建关于以下内容的你还应该创建关于以下内容的页面：钢管和铜管以及其他种类的金属管的比较；为何会生锈；钢的硬页面：钢管和铜管以及其他种类的金属管的比较；为何会生锈；钢的硬页面：钢管和铜管以及其他种类的金属管的比较；为何会生锈；钢的硬页面：钢管和铜管以及其他种类的金属管的比较；为何会生锈；钢的硬度如何；钢管的实际价值（钢管是如何在近乎每个建筑物中使用度如何；钢管的实际价值（钢管是如何在近乎每个建筑物中使用度如何；钢管的实际价值（钢管是如何在近乎每个建筑物中使用度如
37、何；钢管的实际价值（钢管是如何在近乎每个建筑物中使用 的，等的，等的，等的，等等）；钢的寿命；等等等等，所有这些构成一个版块，将是整个网站非等）；钢的寿命；等等等等，所有这些构成一个版块，将是整个网站非等）；钢的寿命；等等等等，所有这些构成一个版块，将是整个网站非等）；钢的寿命；等等等等，所有这些构成一个版块，将是整个网站非常有价值的组成。常有价值的组成。常有价值的组成。常有价值的组成。比如圣西蒙岛上的一家旅店，当然应该在它的网站上提供关于这个岛屿比如圣西蒙岛上的一家旅店，当然应该在它的网站上提供关于这个岛屿比如圣西蒙岛上的一家旅店，当然应该在它的网站上提供关于这个岛屿比如圣西蒙岛上的一家旅店
38、，当然应该在它的网站上提供关于这个岛屿的历史和旅游信息等。的历史和旅游信息等。的历史和旅游信息等。的历史和旅游信息等。一家销售一家销售一家销售一家销售MustangMustang软管部件的网站该如何运用这个策略？销售婚纱礼服软管部件的网站该如何运用这个策略？销售婚纱礼服软管部件的网站该如何运用这个策略？销售婚纱礼服软管部件的网站该如何运用这个策略？销售婚纱礼服的网站呢？的网站呢？的网站呢？的网站呢？9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n1515，采访采访采访采访。制造内容的最简单手段。采访你所在行业内的一位专。制造内容的最简单手段。采访你所在行业内的一位专。
39、制造内容的最简单手段。采访你所在行业内的一位专。制造内容的最简单手段。采访你所在行业内的一位专家。给他列出问题，让专家用自己的话回答。除了纠正拼写错误家。给他列出问题，让专家用自己的话回答。除了纠正拼写错误家。给他列出问题，让专家用自己的话回答。除了纠正拼写错误家。给他列出问题，让专家用自己的话回答。除了纠正拼写错误或者语法错误，不要删改专家的回答。与专家坦诚相待，并保持或者语法错误，不要删改专家的回答。与专家坦诚相待，并保持或者语法错误，不要删改专家的回答。与专家坦诚相待，并保持或者语法错误，不要删改专家的回答。与专家坦诚相待，并保持采访文章的完整性。写出一系列采访文章，并在你的网站主要页采
40、访文章的完整性。写出一系列采访文章，并在你的网站主要页采访文章的完整性。写出一系列采访文章，并在你的网站主要页采访文章的完整性。写出一系列采访文章，并在你的网站主要页面上高亮表示出来。面上高亮表示出来。面上高亮表示出来。面上高亮表示出来。1616，季节性文章，季节性文章，季节性文章，季节性文章。你的行业是否也有。你的行业是否也有。你的行业是否也有。你的行业是否也有“ “季节性季节性季节性季节性” ”？如果有，季节？如果有，季节？如果有，季节？如果有，季节性文章常常会很受欢迎。性文章常常会很受欢迎。性文章常常会很受欢迎。性文章常常会很受欢迎。1717，统计统计统计统计。在你的网站上提供统计数据也
41、是一种增加内容的方式。在你的网站上提供统计数据也是一种增加内容的方式。在你的网站上提供统计数据也是一种增加内容的方式。在你的网站上提供统计数据也是一种增加内容的方式。如果统计数据不是来自你自己，则往往会告诉你信息是从哪里来如果统计数据不是来自你自己，则往往会告诉你信息是从哪里来如果统计数据不是来自你自己，则往往会告诉你信息是从哪里来如果统计数据不是来自你自己，则往往会告诉你信息是从哪里来的。引用这些信息来源！金融或者资产抵押网站如何运用这个策的。引用这些信息来源！金融或者资产抵押网站如何运用这个策的。引用这些信息来源！金融或者资产抵押网站如何运用这个策的。引用这些信息来源！金融或者资产抵押网站
42、如何运用这个策略？略？略？略？1818，建议专栏建议专栏建议专栏建议专栏。这可以用在约会网站，也可用在其他网站。这可以用在约会网站，也可用在其他网站。这可以用在约会网站，也可用在其他网站。这可以用在约会网站，也可用在其他网站。SEOSEO（搜索引擎优化）搜索引擎优化）搜索引擎优化）搜索引擎优化）网站如何运用此战略？室内装潢网站或者整网站如何运用此战略？室内装潢网站或者整网站如何运用此战略？室内装潢网站或者整网站如何运用此战略？室内装潢网站或者整形手术网站呢？形手术网站呢？形手术网站呢？形手术网站呢？9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n1919，每月冠军每月
43、冠军每月冠军每月冠军。假设你经营一个销售插花的网站。邀请你的顾客。假设你经营一个销售插花的网站。邀请你的顾客。假设你经营一个销售插花的网站。邀请你的顾客。假设你经营一个销售插花的网站。邀请你的顾客发送过来他们用你的花设计的花束的照片等等。把照片公布在网发送过来他们用你的花设计的花束的照片等等。把照片公布在网发送过来他们用你的花设计的花束的照片等等。把照片公布在网发送过来他们用你的花设计的花束的照片等等。把照片公布在网上。每个月选出一个优胜者，并把他的照片放在网站的显要页面。上。每个月选出一个优胜者，并把他的照片放在网站的显要页面。上。每个月选出一个优胜者，并把他的照片放在网站的显要页面。上。每
44、个月选出一个优胜者，并把他的照片放在网站的显要页面。给优胜者颁发礼品等作为获奖证书。给优胜者颁发礼品等作为获奖证书。给优胜者颁发礼品等作为获奖证书。给优胜者颁发礼品等作为获奖证书。2020，用花店的例子，制作一些关于如何插花的视频教程用花店的例子，制作一些关于如何插花的视频教程用花店的例子，制作一些关于如何插花的视频教程用花店的例子，制作一些关于如何插花的视频教程。确保观。确保观。确保观。确保观众照着教程做的时候所有的材料都可以在你的店里买到。众照着教程做的时候所有的材料都可以在你的店里买到。众照着教程做的时候所有的材料都可以在你的店里买到。众照着教程做的时候所有的材料都可以在你的店里买到。2
45、121，还是拿花店举例还是拿花店举例还是拿花店举例还是拿花店举例。邀请顾客提供一些心得，比如他们是如何。邀请顾客提供一些心得，比如他们是如何。邀请顾客提供一些心得，比如他们是如何。邀请顾客提供一些心得，比如他们是如何制作插花的，用到了哪些材料，以及照片等等。把这些信息放到制作插花的，用到了哪些材料，以及照片等等。把这些信息放到制作插花的，用到了哪些材料，以及照片等等。把这些信息放到制作插花的，用到了哪些材料，以及照片等等。把这些信息放到你的网站上。相关的材料就连接到你的在线商店。发挥创意。在你的网站上。相关的材料就连接到你的在线商店。发挥创意。在你的网站上。相关的材料就连接到你的在线商店。发挥
46、创意。在你的网站上。相关的材料就连接到你的在线商店。发挥创意。在你的行业里你该怎么做？如果你有一个戏装网站，该怎么做？艺你的行业里你该怎么做？如果你有一个戏装网站，该怎么做？艺你的行业里你该怎么做？如果你有一个戏装网站，该怎么做？艺你的行业里你该怎么做？如果你有一个戏装网站，该怎么做？艺术品网站呢？动动脑筋，把这个策略用到狩猎或者捕鱼网站。术品网站呢？动动脑筋，把这个策略用到狩猎或者捕鱼网站。术品网站呢？动动脑筋，把这个策略用到狩猎或者捕鱼网站。术品网站呢？动动脑筋，把这个策略用到狩猎或者捕鱼网站。9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n2222，每月送出一封
47、新闻信，附上你想告诉顾客的那些信息每月送出一封新闻信，附上你想告诉顾客的那些信息每月送出一封新闻信，附上你想告诉顾客的那些信息每月送出一封新闻信，附上你想告诉顾客的那些信息。可以。可以。可以。可以是来自顾客的小技巧、销售中的产品、假期计划、每月冠军等等。是来自顾客的小技巧、销售中的产品、假期计划、每月冠军等等。是来自顾客的小技巧、销售中的产品、假期计划、每月冠军等等。是来自顾客的小技巧、销售中的产品、假期计划、每月冠军等等。把过去的新闻信也贴在网站上，增加内容。把过去的新闻信也贴在网站上，增加内容。把过去的新闻信也贴在网站上，增加内容。把过去的新闻信也贴在网站上，增加内容。2323，重要人物的
48、传记重要人物的传记重要人物的传记重要人物的传记。如果与你的行业相关，你就可以这么做。如果与你的行业相关，你就可以这么做。如果与你的行业相关，你就可以这么做。如果与你的行业相关，你就可以这么做。比如你经营一个关于美国内战历史的网站或者一个旧书店，这就比如你经营一个关于美国内战历史的网站或者一个旧书店，这就比如你经营一个关于美国内战历史的网站或者一个旧书店，这就比如你经营一个关于美国内战历史的网站或者一个旧书店，这就非常有用。非常有用。非常有用。非常有用。2424，新闻事件新闻事件新闻事件新闻事件。因你的所在行业而异。因你的所在行业而异。因你的所在行业而异。因你的所在行业而异。2525，与社群相关
49、的页面与社群相关的页面与社群相关的页面与社群相关的页面。如果这是个本地网站，比如，你可以在。如果这是个本地网站，比如，你可以在。如果这是个本地网站，比如，你可以在。如果这是个本地网站，比如，你可以在社群相关的页面或者社群相关的页面或者社群相关的页面或者社群相关的页面或者blogblog上讨论本地的餐馆、棒球联盟、校园开上讨论本地的餐馆、棒球联盟、校园开上讨论本地的餐馆、棒球联盟、校园开上讨论本地的餐馆、棒球联盟、校园开幕式等等。幕式等等。幕式等等。幕式等等。9/4/202425种方式给网站添加优质内容种方式给网站添加优质内容n n结论结论结论结论创建内容时记住创建内容时记住创建内容时记住创建内
50、容时记住“ “优质优质优质优质” ”。想想下面这些问题。如果你开始创建优质内容，接下想想下面这些问题。如果你开始创建优质内容，接下想想下面这些问题。如果你开始创建优质内容，接下想想下面这些问题。如果你开始创建优质内容，接下来是什么？优质的连接。其他网站会开始连向你的内来是什么？优质的连接。其他网站会开始连向你的内来是什么？优质的连接。其他网站会开始连向你的内来是什么？优质的连接。其他网站会开始连向你的内容，因为你做了你该做的：容，因为你做了你该做的：容，因为你做了你该做的：容，因为你做了你该做的：为你的顾客提供了他们所为你的顾客提供了他们所为你的顾客提供了他们所为你的顾客提供了他们所需需需需。
51、他们需要看到优质的、持续更新的信息。你成了。他们需要看到优质的、持续更新的信息。你成了。他们需要看到优质的、持续更新的信息。你成了。他们需要看到优质的、持续更新的信息。你成了可信赖的信息来源。可信赖的信息来源。可信赖的信息来源。可信赖的信息来源。不要试图走不要试图走不要试图走不要试图走“ “捷径捷径捷径捷径” ”。成功来自辛勤的劳动。成功来自辛勤的劳动。成功来自辛勤的劳动。成功来自辛勤的劳动。 9/4/2024网站成功与否很关键的几个因素网站成功与否很关键的几个因素 n一、最重要的就是网站内容。n二、更新频率。有人回访，说明他想看些不一样的新东西（个别站除外），这就像吃饭一样，如果每顿吃的东西
52、都一样，我想谁都会烦。 n三、网站的结构。结构清晰，浏览者很快就能找到自己想要的，这能给他们一个很好的印象n四、网站风格及颜色搭配。颜色的搭配，各种边条的宽度高度都该经过仔细考量。 n五、搜索优化。n六、适当的炒作也是必不可少的。就像娱乐圈里一样，越炒越红，混个脸熟，有点什么事以后大家就想着你了。9/4/20245、网页中的元素网页中的元素 n n基本元素基本元素基本元素基本元素 文本、图像和动画、声音和视频、超链接、表格、表单、导航栏文本、图像和动画、声音和视频、超链接、表格、表单、导航栏文本、图像和动画、声音和视频、超链接、表格、表单、导航栏文本、图像和动画、声音和视频、超链接、表格、表单
53、、导航栏 和其他特殊效果和其他特殊效果和其他特殊效果和其他特殊效果n n其他设计元素其他设计元素其他设计元素其他设计元素 首页设计、版面布局、网页色彩搭配首页设计、版面布局、网页色彩搭配首页设计、版面布局、网页色彩搭配首页设计、版面布局、网页色彩搭配 9/4/20246 6 动态网页的支持技术动态网页的支持技术 目前，最常用的三种目前，最常用的三种动态网网页语言有言有ASP，ASP.NET,JSP,PHPASP 全名全名Active Server Pages，是一个是一个WEB服服务器端的开器端的开发环境，利用境，利用它可以它可以产生和生和执行行动态的、互的、互动的、高性能的的、高性能的WEB
54、服服务应用程序。用程序。ASP采用脚本采用脚本语言言VBScript（Java script）作作为自己的开自己的开发语言。言。ASP.NET 微微软新一代的新一代的动态网网页开开发语言，功能言，功能强大。大。 PHP 是一种的服是一种的服务器端的嵌入式脚本器端的嵌入式脚本语言。它大量地借用言。它大量地借用C,Java和和Perl语言的言的语法法, 并耦合并耦合PHP自己的特性自己的特性,使使WEB开开发者能者能够快速地写出快速地写出动态产生生页面。它支持目前面。它支持目前绝大多数数据大多数数据库。还有一点，有一点，PHP是完全免是完全免费的，不用花的，不用花钱，你可以从，你可以从PHP官方站
55、点官方站点(http: /)自由下自由下载。而且你可以不受限制地。而且你可以不受限制地获得源得源码，甚至可以从中加，甚至可以从中加进你自己需要你自己需要的特色。的特色。 JSP 是是Sun公司推出的新一代跨平台网站开公司推出的新一代跨平台网站开发语言，言，Sun公司借助自己公司借助自己在在Java上的、非凡造上的、非凡造诣，将，将Java从从Java应用程序和用程序和Java Applet之外，之外，又有新的又有新的硕果，就是果，就是JSP，Java Server Page。JSP可以在可以在Serverlet和和JavaBean的支持下，完成功能的支持下，完成功能强大的站点程序。大的站点程序
56、。 9/4/20247、HTML的基础知识的基础知识1.HTML的基本概念的基本概念HTML（Hypertext Marked Language） 是一种描述语言，对是一种描述语言，对WEB页面中显示内容的属性以标签的页面中显示内容的属性以标签的形式进行描述。客户机上的浏览器（形式进行描述。客户机上的浏览器（browser）对这些描）对这些描述进行解释将相应页面内容正确显示在显示器上。一个述进行解释将相应页面内容正确显示在显示器上。一个WEB页面就是一个页面就是一个HTML文档文档 。用它编写的文件。用它编写的文件(文档文档)的的扩展名是扩展名是.html或或.htm HTML 文档是普通文本文档是普通文本 ( ASCII) 文件文件, 它可以用任意文本编它可以用任意文本编缉器（如缉器（如windows中的记事本、写字板中的记事本、写字板）进行编辑进行编辑9/4/20242. HTML文件的结构文件的结构7、HTML的基础知识的基础知识9/4/20249/4/20248.PHP和MYSQL开发环境安装1.下载集成的安装组件：wamp5.exe(http:/
