第4章 网站管理与维护课件
合集下载
网站建设与维护PPT
内容描述
在本学习情境中共设计了1个子任务， 在本学习情境中共设计了 个子任务，编写一程序来判断 个子任务
某一年是否为闰年完成本工作任务。 某一年是否为闰年完成本工作任务。
2.4
情境教学条件
整体教学环境要求： 整体教学环境要求： 建议实训计算机使用Windows XP操作系统 建议实训计算机使用 操作系统 建议实训计算机硬件配置足够高，内存至少 建议实训计算机硬件配置足够高，内存至少512MB
1、编程实现使用if/elseif/else语句对 、编程实现使用 语句对type的值进行判断。当type的 的值进行判断。 语句对 的值进行判断 的 值为 “gold”时，则输出“您是金牌会员”的信息，当type的值 时 则输出“您是金牌会员”的信息， 的值 为“common”时，则输出“您是普通会员”的信息，否则输出 时 则输出“您是普通会员”的信息， “您是游客”的信息。 您是游客”的信息。 2、重复第1题，编程实现使用 、重复第 题 编程实现使用switch语句替换 语句替换if/elseif/else语句 语句替换 语句
2.5.2 知识点介绍 知识点介绍——逻辑运算符 逻辑运算符
逻辑运算符 && 用法 $a&&$b 运算结果 (1)变量a与变量b都为true，则返回true (1)变量a与变量b都为true，则返回true 变量 true (2)变量a与变量b都为false，则返回false (2)变量a与变量b都为false，则返回false 变量 false (3)变量a与变量b有一个为false，则返回 (3)变量a与变量b有一个为false， 变量 false false (1)变量a与变量b都为true，则返回true (1)变量a与变量b都为true，则返回true 变量 true (2)变量a与变量b都为false，则返回false (2)变量a与变量b都为false，则返回false 变量 false (3)变量 与变量b有一个为true 则返回true 变量a true， (3)变量a与变量b有一个为true，则返回true 如果变量a ture则返回false，如果变量a 如果变量a为ture则返回false，如果变量a为 则返回false false则返回 则返回true false则返回true (1)变量a与变量b都为true，则返回false (1)变量a与变量b都为true，则返回false 变量 true (2)变量 与变量b都为false 则返回false 变量a false， (2)变量a与变量b都为false，则返回false (3)变量 与变量b有一个为true 则返回true 变量a true， (3)变量a与变量b有一个为true，则返回true
网站建设与维护PPT
一、Apache在Windows系统中的详细配置 在 系统中的详细配置 1、在网上下载 “Apache2.0”进入安装 、 进入安装
2、我们点Next 到如下的界面 、我们点 如本机的IIS使用了 端口，请修改IIS的使用端口 不然Apache不能 使用了80端口 的使用端口， 注：如本机的 使用了 端口，请修改 的使用端口，不然 不能 正常使用。 如选用8080端口，则Apache只能在本机使用。 端口， 只能在本机使用。 正常使用。 如选用 端口 只能在本机使用
1.2 PHP的特点 的特点
i i i i i i
i
完全免费 代码完全开放 语法结构简单 功能强大 强大的数据库支持( 强大的数据库支持 Oracle、Sybase、MySQL、ODBC） 、 、 、 ） 代码执行效率高
它能运行在包括Windows、Linux等在内的绝大多数操作系统环境中， 、 等在内的绝大多数操作系统环境中， 它能运行在包括 等在内的绝大多数操作系统环境中 常与免费Web服务软件 服务软件Apache和免费数据库 和免费数据库Mysql配合使用于 配合使用于Linux平 常与免费 服务软件 和免费数据库 配合使用于 平 台上即LAMP号称“黄金组合”。 号称“ 台上即 号称 黄金组合”
5、设置数据库的初始密码 、
注：密码设置为123456 密码设置为
6、设置完成 、
三、PHP配置环境 配置环境
i i
我们在官方网站下载PHP5.0（for Windows）； （ 我们在官方网站下载 ）； 就完成。 将压缩包解压到 D:\php5,就完成。 就完成
学习情境1 学习情境1 输出问候语的功能实现
1.1
情境描述
PHP应用程序运行需要一定的运行环境，网站开发和部署及 应用程序运行需要一定的运行环境， 应用程序运行需要一定的运行环境
网站建设与维护-课件30
动作是预先编写好的JavaScript脚本程序，这些代码执 行特定的任务。
本章小结
创建网站的一般流程
规划——设计——实现——发布——维护
需求分析的任务
明确网站的功能及用户群
整体设计的任务
设计logo、网页配色方案、页面布局
模板与库的作用
使用网站具有统一的风格、简化操作
行为的作用
网页设计与网站建设
第四章 综合案例
——完成一个网站的设计与制作
目录
4.5 行为
4.5 行为
什么是行为
行为是对象、事件和由该事件触发的动作的组合。
对象是产生行为的主体。网页中的很多元素都可以成为 对象。例如：整个HTML文档、插入的一个图片、一段 文字、一个媒体文件等。
事件是触发动态效果的条件，是指我们对网页进行的某 种操作。网页事件分为不同的种类。有的与鼠标有关， 有的与键盘有关，有的和网页相关。
ቤተ መጻሕፍቲ ባይዱ加动态效果
本章小结
创建网站的一般流程
规划——设计——实现——发布——维护
需求分析的任务
明确网站的功能及用户群
整体设计的任务
设计logo、网页配色方案、页面布局
模板与库的作用
使用网站具有统一的风格、简化操作
行为的作用
网页设计与网站建设
第四章 综合案例
——完成一个网站的设计与制作
目录
4.5 行为
4.5 行为
什么是行为
行为是对象、事件和由该事件触发的动作的组合。
对象是产生行为的主体。网页中的很多元素都可以成为 对象。例如：整个HTML文档、插入的一个图片、一段 文字、一个媒体文件等。
事件是触发动态效果的条件，是指我们对网页进行的某 种操作。网页事件分为不同的种类。有的与鼠标有关， 有的与键盘有关，有的和网页相关。
ቤተ መጻሕፍቲ ባይዱ加动态效果
网站建设与维护PPT)
3.3
内容描述
在本学习情境中设计了1个子任务， 在本学习情境中设计了 个子任务，是通过对文件 个子任务
的读取操作实现对访问人数的统计。 的读取操作实现对访问人数的统计。
3.4
情境教学条件
整体教学环境要求： 整体教学环境要求： 建议实训计算机使用Windows XP操作系统 建议实训计算机使用 操作系统 建议实训计算机硬件配置足够高，内存至少 建议实训计算机硬件配置足够高，内存至少512MB
3.6 任务代码
<?php if(file_exists("counter.txt")){ $fp=fopen("counter.txt","r");//建立 建立counter.txt并写上初始值！ 并写上初始值！ 建立 并写上初始值 $num=fgets($fp,5); fclose($fp); $num++; $fp=fopen("counter.txt","w"); fputs($fp,$num); fclose($fp); $ip=getenv("REMOTE_ADDR"); echo "您是来自 您是来自".$ip."的朋友 的朋友"; 您是来自 的朋友 echo "<br>"; echo "您是第 您是第".$num."访客 访客"; 您是第 访客 } else{ echo "读取文件失败 读取文件失败"; 读取文件失败 } ?>
实训拓展
实现倒计时效果， 实现倒计时效果，实训效果如下 图：
距离新年还有63天
代码提示：从文件中读出数据记录在 变量里， 代码提示：从文件中读出数据记录在$num变量里，并且显示 变量里 的图片存在当前image文件夹中。 文件夹中。 的图片存在当前 文件夹中 for($i=0;$i<strlen($num);$i++) { $digit= substr($num,$i,1); $str .="<img src=\"image/$digit.gif\">"; } echo "距离新年还有 距离新年还有".$str."天"; 距离新年还有 天
网站建设与维护ppt课件
3.5.2 知识点介绍——fclose函数
用于关闭打开的文件 fclose($file);
3.5.2 知识点介绍——of函数
feof() 函数检测是否已达到文件的末端 (EOF)。 在循环遍历未知长度的数据时，feof() 函数很有用。 注释：在 w 、a 以及 x 模式，您无法读取打开的文件！ if (feof($file)) echo "End of file";
在PHP程序设计中，函数的命名必须符合下列规则。 函数名称只能包含数字、字母和下划线，并且函数名不能用数字作为开始。 函数名称是不区分大小写的。 函数不能和已经存在的函数重名，也就是说每个函数都必须拥有一个独一无二 的函数名称。
4.5.2 知识点介绍——相关函数
打开文件：fopen() 函数 关闭文件：fclose() 函数 检测是否到文件尾： feof() 逐行读取文件:fgets() 逐字符读取文件：fgetc() 检查文件是否存在:
学习情境4
客户资料搜索的功能实现
4.1 情境描述
一般来讲，冗余的代码都是不好的，一而再，再而三地重写 代码不仅浪费时间，而且在布局和结构上也显得粗制滥造。与所 有优秀语言一样，PHP采用了很多方法来缓解冗余代码问题， 其中最常用且最容易实现的方法就是使用函数。
本学习情境的设计，是一个客户资料搜索程序，使用函数能 在一定程度上简化编码流程。
3.5.2 知识点介绍——fgets函数
feof() 函数检测是否已达到文件的末端 (EOF)。 在循环遍历未知长度的数据时，feof() 函数很有用。 注释：在 w 、a 以及 x 模式，您无法读取打开的文件！ if (feof($file)) echo "End of file";
网站管理PPT课件
THANKS FOR WATCHING
感谢您的观看
日常维护
定期更新内容、修复漏洞、优化性能，保持网站的稳定性和可用 性。
数据分析
收集和分析网站访问数据，了解用户行为和需求，为网站的优化 提供依据。
04 网站优化与推广
关键词优化
关键词选择
选择与网站内容相关的关键词，确保关键词具有较高的搜索量和 较低的竞争度。
关键词密度
合理安排关键词密度，避免过度堆砌，保持自然流畅的文本内容。
互动与参与
积极与关注者和粉丝互 动，提高用户参与度和 忠诚度。
05 网站性能监测与评估
网站性能监测工具
Web服务器日志分析工具
用于分析Web服务器的访问日志，了解网站的访 问量、用户行为等信息。
网页性能分析工具
用于分析网页的加载速度、资源占用等情况，如 Chrome Developer Tools、PageSpeed Insights等。
06 网站管理案例分析
案例一：某电商网站的管理策略
总结词
成功的电商网站管理策略
详细描述
该电商网站通过制定有效的管理策略，实现了快速的业务增长和用户满意度提 升。具体措施包括精准的市场定位、丰富的商品种类、高效的物流配送以及优 质的客户服务。
案例二：某新闻网站的技术架构
总结词
先进的技术架构
详细描述
重要指标之一。
加载速度
指网页从开始加载到完全显示 所需的时间，也是衡量网站性
能的重要指标之一。
带宽使用率
指网站传输数据所占用的带宽 ，是衡量网站性能的重要指标
之一。
并发用户数
指在同一时间内可以同时访问 网站的用户数量，也是衡量网
站性能的重要指标之一。
电子商务网站运营与维护-PPT课件
下一页 返回
4.3 电子商务网站推广
• 4.3.1 品牌商务网站
• 商务网站的设计需要一些技术，而更多的是对整个网络的了解，即 使你投入了非常大的精力，但只是获得了失败，这就是现在许多非 常优秀的商务网站还默默无闻的道理。所以我们要努力改造自己的 站点，使得它产生更多吸引力，而这又是提高访问量的关键。当我 们在开始改造商务网站使其具有品牌效应的时候，考虑以下问题： • 站点的定位是什么？ • 商品的设置分类合理吗？ • 浏览者能快速找到想要的商品吗？ • 怎样根据统计数据修改网页？ • 那些商品是受欢迎的？
上一页 下一页 返回
4.2 域名注册及管理
4.2.3 域名记录
• 成功注册了域名之后，域名的日常管理就是对各种域名记录的 配置和管理。下面我对常用的三种域名记录进行一个简单的介绍， 这三种域名记录类型分别是A记录（地址记录）、CNAME记录 （别名记录）和MX记录（邮件服务器记录）。前面两种主要作用 都是将一个域名解释成一个IP地址，用于几乎所有的TCP/IP通信。 后一种是将一个域名解释成一个邮件服务器的域名，只用于SMTP （互联网的邮件系统）通信过程。在开始之前需要简单说明一下 DNS系统所作的事情不仅仅是将域名解释成IP地址。DNS实际上 作的是名字翻译工作。虽然在TCP/IP环境下最后基本上都会牵扯 到IP地址。
下一页 返回
4.1 服务供应商的选择
• 选择合适的服务器和宽带接入是电子商务网站成功运营的基础。在 选择的时候，应从技术要求和资金消耗两个方面考虑。 • 服务器和宽带技术必须满足网站的访问需求。稳定的服务器环境， 网站的程序可以正常运行，不至于频频发生访问错误。在运行过程 中积累的用户数据和商品数据信息可以安全的存储，不产生丢失。 必要的带宽，可以保证多用户的同时访问，不发生无法连接或者等 待时间过长的情况。这都是运行一个商务网站基本的需求。 • 服务器和宽带的接入，投入的资金是比较大的。一般大中型的网站 会考虑自己购买服务器放入服务商的机房并选择相应的宽带接入方 式。在满足现有的运行要求并有一定冗余的基础上，尽可能的降低 资金的投入，缩小网站初期的投入，也是作为运营者应重点考虑的 内容。
网站管理及维护共39页文档
39、没有不老的誓言，没有不变的承 诺，踏 上旅途 ，义无 反顾。 40、对时间的价值没有没有深切认识 的人， 决不会 坚韧勤 勉。
61、奢侈是舒适的，否则就不是奢侈 。——CocoCha nel 62、少而好学，如日出之阳；壮而好学 ，如日 中之光 ；志而 好学， 如炳烛 之光。 ——刘 向 63、三军可夺帅也，匹夫不可夺志也。 ——孔 丘 64、人生就是学校。在那里，与其说好 的教师 是幸福 ，不如 说好的 教师是 不幸。 ——海 贝尔 65、接受挑战，就可以享受胜利的喜悦 。——杰纳勒 尔·乔治·S·巴顿
谢谢！Leabharlann 网站管理及维护36、“不可能”这个字(法语是一个字 )，只 在愚人 的字典 中找得 到。--拿 破仑。 37、不要生气要争气，不要看破要突 破，不 要嫉妒 要欣赏 ，不要 托延要 积极， 不要心 动要行 动。 38、勤奋，机会，乐观是成功的三要 素。(注 意：传 统观念 认为勤 奋和机 会是成 功的要 素，但 是经过 统计学 和成功 人士的 分析得 出，乐 观是成 功的第 三要素 。
61、奢侈是舒适的，否则就不是奢侈 。——CocoCha nel 62、少而好学，如日出之阳；壮而好学 ，如日 中之光 ；志而 好学， 如炳烛 之光。 ——刘 向 63、三军可夺帅也，匹夫不可夺志也。 ——孔 丘 64、人生就是学校。在那里，与其说好 的教师 是幸福 ，不如 说好的 教师是 不幸。 ——海 贝尔 65、接受挑战，就可以享受胜利的喜悦 。——杰纳勒 尔·乔治·S·巴顿
谢谢！Leabharlann 网站管理及维护36、“不可能”这个字(法语是一个字 )，只 在愚人 的字典 中找得 到。--拿 破仑。 37、不要生气要争气，不要看破要突 破，不 要嫉妒 要欣赏 ，不要 托延要 积极， 不要心 动要行 动。 38、勤奋，机会，乐观是成功的三要 素。(注 意：传 统观念 认为勤 奋和机 会是成 功的要 素，但 是经过 统计学 和成功 人士的 分析得 出，乐 观是成 功的第 三要素 。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
切片
切片
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第19页，共69页
4.1.4 网页造型
5. Pop结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第20页，共69页
4.1.5 网页可访问性
1. 为视觉与听觉内容提供等义的替代
所有呈现给网民的内容，在视觉、听觉上都 必须提供功能、语义上的替代。比如当网页中的 图片、电影、声音、Flash等信息不能正常呈现 时，最好提供相关的文字内容信息。
4.1.1 网站目标
网站目标 为了在众多同类网站中脱颖而出，需要明确 网站的主题，针对性要强，题材要新颖。对于企 业宣传、医院、银行、学校等不同性质的网站， 弄清网站的目标，确定网站所应达到的预期目标。 之后才可以恰当的设计网页的风格，并确定网站 的功能。采用相关技术和配置的服务器、数据库。
© 2011.5 电子工业出版社
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第36页，共69页
4.2.3 色彩对比与调和
3. 纯度对比
未经调色的原色的纯 度是最高的，因此称为高 纯度颜色。间色的纯度较 原色差一些，一般称为中 纯度颜色。色轮上其他区 域的颜色属于低纯度的色 彩。
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第12页，共69页
4.1.3 网站框架组织
2. 树状结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第13页，共69页
4.1.3 网站框架组织
3. 网状结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第14页，共69页
4.1.3 网站框架组织
4. 大学网站内容的组织框架
© 2011.5 电子工业出版社
新编计算机类本科规划Байду номын сангаас材
2013-10-8
第15页，共69页
4.1.4 网页造型
1. T型结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第16页，共69页
4.1.4 网页造型
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第24页，共69页
4.1.5 网页可访问性
5. 创建干净利落的表格
<TABLE width="500" border="1" summary="山西师范大学2010届一年级下半学期成绩"> <CAPTION> 山西师范大学某班级学生成绩表 </CAPTION> <THEAD> <TR> <TH>姓名</TH> <TH>英语</TH> <TH>计算机</TH> <TH>排名</TH> <TH>均分</TH> </TR> </THEAD> <TBODY> <TR> <TD>小华</TD> <TD>95</TD> <TD>97</TD> <TD>1</TD> <TD>96</TD> </TR> <TR> <TD>小白</TD> <TD>90</TD> <TD>88</TD> <TD>2</TD> <TD>89</TD> </TR> </TBODY> <TFOOT> <TR> <TH align="left" colspan="4">班级均分</TH> <TH>92.5</TH> </TR> </TFOOT> </TABLE>
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第22页，共69页
4.1.5 网页可访问性
3. 恰当地使用HTML和CSS
超文本标识语言HTML是有语义的。如H1代表 标题一，Cite代表引用，A代表超级链接，P代表 段落文字。标记多半会有自己的属性，如A的 href属性指定超级链接的目的页
新编计算机类本科规划教材
局域网组建、管理与维护
（第2版）
第4章 Web网站设计与管理基础
杨 威
山西师范大学网络信息中心
电子工业出版社
问题思考
Web主页设计原则有哪些？ Web网站设计包括那些方面？
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第2页，共72页
第4章 Web网站设计与管理基础
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第9页，共69页
4.1.2 网页设计原则
3. 整体与变化的统一
强调网站的整体性，在内容和形式上和谐统 一，但又不能太过死板，否则不能唤起用户的浏 览欲望。还要有一定的变化层次，但又不能过于 杂乱。
© 2011.5 电子工业出版社
第4章 Web网站设计与管理基础
重点知识： 网页设计原则 主页风格设计 Web网站测试 Web网站维护 难点知识： 色彩体系 色彩对比与调和
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第4页，共72页
第4章 Web网站设计与管理基础
网站策划 网站配色设计 主页风格设计 Web网站发布 Web网站测试 Web网站维护
2. “三”字型结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第17页，共69页
4.1.4 网页造型
3. “口”字型结构
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第18页，共69页
4.1.4 网页造型
4. 网格结构
切片 切片 切片 切片
学习目标 （1）理解主页制作原则，熟悉主页框架组织、 造型组合，基本掌握主页配色设计，包括色彩 体系、色彩三要素、色彩对比和调和。 （2）理解主页视觉效果，熟悉面向公众的不 同行业门户网站主页风格设计。 （3）基本掌握 Web 网站发布，以及 Web 网 站测试与维护的方法。
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第3页，共72页
<A href=“”>谷歌搜索</A>
可以用CSS（样式表语言）控制布局和外观表 现。
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第23页，共69页
4.1.5 网页可访问性
4. 讲明使用何种语言
<html lang=“zh”> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>- - 山西师范大学 - - 2011版 - -</title> <meta name=“keywords” content=“山西师范大学，山西，临汾，山西师大"> </head> <body> <abbr title=“” lang=“zh”>SXNU</abbr> ……………. ……………. </body>
新编计算机类本科规划教材
2013-10-8
第10页，共69页
4.1.2 网页设计原则
4. 技术与设计的协调
最后沉淀 之后炫耀技术 初学时笨手笨脚
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第11页，共69页
4.1.3 网站框架组织
1. 链状结构
下 一 页
上 一 页
© 2011.5 电子工业出版社
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第25页，共69页
4.1.5 网页可访问性
5. 创建干净利落的表格
© 2011.5 电子工业出版社
新编计算机类本科规划教材
2013-10-8
第26页，共69页
4.1.5 网页可访问性
6. 确保页面能够在目前的先进技术下良 好地呈现 Flash CSS HTML 框架
© 2011.5 电子工业出版社 新编计算机类本科规划教材 2013-10-8 第35页，共69页
4.2.3 色彩对比与调和
2. 明度对比
明度对比是指两种颜色在 明度上的差异所形成的对比 效果。当同色相的两种不同 明度的颜色，如深绿、淡绿 搭配在一起的时候，便形成 一种明度对比。而黑、白、 灰三种颜色搭配在一起的时 候，通常就是明度对比。
2013-10-8
第34页，共69页
4.2.3 色彩对比与调和
1. 色相对比
色相对比是指不同种类的 颜色因为色相的不同而形成 的差异对比。两种不同色相 的颜色对比，如果颜色越接 近，对比效果就越柔和。在 色轮上，直径两端的颜色， 其色相对比效果就比较强烈， 也更醒目，因此一些户外广 告牌，其文字与背景就采用 这种色相对比效果。