1 / 43

网 站 设 计 与 建 设 Website design and developments

网 站 设 计 与 建 设 Website design and developments. 第三部分 网站设计技术. 第 14 章 Metadata, Cookies 与 Web 设计. 概 述. Metadata Cookies. 14.1 Metadata. Metadata: 元数据 描述数据的数据 描述网页的内容，由页面内容可用的但不必为用户显示的概要信息组成。 失效日期 作者名字 搜索引擎关键字 搜索引擎网页大纲的描述信息. 1.<Meta> 标记. <head> … .. </head> <body> …… </body>.

rhiannon-briallen
Download Presentation

网 站 设 计 与 建 设 Website design and developments

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 网 站 设 计 与 建 设Website design and developments

  2. 第三部分 网站设计技术 第14章 Metadata, Cookies与Web 设计

  3. 概 述 • Metadata • Cookies

  4. 14.1 Metadata • Metadata: 元数据 • 描述数据的数据 • 描述网页的内容，由页面内容可用的但不必为用户显示的概要信息组成。 • 失效日期 • 作者名字 • 搜索引擎关键字 • 搜索引擎网页大纲的描述信息

  5. 1.<Meta>标记 • <head> • ….. • </head> • <body> • …… • </body> <meta ... >

  6. META属性 • Name • http-equiv • content • ：创建或者改变文档的概要信息 • <META NAME=“nameValue” CONTENT=“contentValue”> • <META HTTP-EQUIP=“nameValue”CONTENT=“contentValue”>

  7. 2.http-equiv 属性 • 加入到 http 头中

  8. 2.http-equiv 属性 • 加入到 http 头中 HTTP头 Please refreash on 11/20/2002 at 8:21:57 ….

  9. HTTP头 (header) 是服务器以 HTTP 传 HTML 资料到浏览器前所送出的字串，在标头 与 HTML 文件之间尚需空一行分隔。 • 传统的标头一定包含下面三种标头之一，并只能出现一次。 Content-Type: xxxx/yyyy Location: xxxx:yyyy/zzzz Status: nnn xxxxxx

  10. 字符集选择 content-type <meta http-equiv=“content-type” content=“text/html; GB2312”> • 在指定时间后, 页面跳转 refresh <meta http-equiv=“refresh” content=“20; URL=www.sina.com.cn”> • 控制浏览器的页cache pragma <meta http-equiv=“pragma” content=“no-cache”> • 网页有效期 expires <meta http-equiv=“expires” content=“Fri, 8,Aug,2008 08:23:41 GMT”>

  11. PHP 设置<meta> 内容 • Header() 函数 <?php header("refresh:3;url=http://axgle.za.net"); print('正在加载，请稍等...<br>三秒后自动跳转~~~'); ?>

  12. 3.NAME属性：用于不响应HTTP头的信息类型，信息值不被加入到HTTP头中，但仍然保留在HTML文档中。3.NAME属性：用于不响应HTTP头的信息类型，信息值不被加入到HTTP头中，但仍然保留在HTML文档中。

  13. 网页作者 author <meta name=“author" content=“lyunc"> • 关键字 keywords <meta name=“keywords” content=“xml,car"> • META标记符允许大多数搜索引擎并不是所有搜索引擎通过该标记符找到该网站-keywords关键词。 • 一个关键字<=1000字符，忽略255字符后的内容 • 选择和网站相关的关键字 • 使用关键字的单数、复数以及其他变体 • 不要使用冠词、介词和连结词等

  14. HTTP-EQUIP、CONTENT属性值

  15. 14.2 cookies • 小文本文件 • 服务器在HTTP响应头中发送给用户浏览器 • 维持客户端与服务器端的状态 • 保存在客户端的一个目录中 C:\Documents and Settings\Administrator\Cookies

  16. 可以用 setcookie() 函数来设置 cookie • bool setcookie ( string name , string value , int expire , string path , string domain , bool secure , bool httponly)name:     cookie变量名value:     cookie变量的值expire:  有效期结束的时间,     path:    有效目录,     domain: 有效域名,顶级域唯一secure:  如果值为1,则cookie只能在https连接上有效,如果为默认值0,则http和https都可以.

  17. <?php$value='something from somewhere';setcookie("TestCookie",$value);/* 简单cookie设置 */setcookie("TestCookie",$value,time()+3600);/* 有效期1个小时 */setcookie("TestCookie",$value,time()+3600,"/~rasmus/",".example.com", 1);/* 有效目录 /~rasmus,有效域名example.com及其所有子域名 */?>

  18. 使用header()设置cookie;header("Set-Cookie: name=$value;path=$path[;domain=xxx.com;...]]");后面的参数和上面列出setcookie函数的参数一样.$value='something from somewhere';header("Set-Cookie:name=$value");

  19. Cookie的读取: • 直接用php内置超级全局变量 $_COOKIE就可以读取浏览器端的cookie.上面例子中设置了cookie"TestCookie",现在我们来读取: • print $_COOKIE['TestCookie'];

  20. 删除cookie只需把有效时间设为小于当前时间, 和把值设置为空. • setcookie("name","",time()-1); • 用header()类似.

  21. 允许和禁止Cookies(IE6)

  22. 允许和禁止Cookies(续)

  23. Session机制 • http协议是一种无状态的连接,要想跟踪用户的行为就必须有一个能工作于不同于页面的变量，在PHP中可以用cookie和session两种办法实现。 • cookie机制采用的是在客户端保持状态的方案， • session机制采用的是在服务器端保持状态的方案。

  24. 在PHP中，session可以有两种办法实现， • 用cookie，即把sessionID保存在cookie文件中； • 把sessionID附带在URL上进行传递 • URL重写----把session id直接附加在URL路径的后面。 <a href="submit.php<?=sessionID;?>"> • 提交表单</a>

  25. 表单隐藏字段-----服务器会自动修改表单，添加一个隐藏字段，以便在表单提交时能够把session id传递回服务器。 <form name=“testform” action=“/xxx”> <input type=“hidden”name=“jsessionid” value=“ByOK3vjFD75aPnrF7C2HmdnV6QZcEbzWoWiBYEnLerjQ99zWpBng!-145788764”> <input type=“text”> …… </form>

  26. Header() 重定向 • 标头 (header) 是服务器以 HTTP 传 HTML 资料到浏览器前所送出的字串，在标头 与 HTML 文件之间尚需空一行分隔。 • 传统的标头一定包含下面三种标头之一，并只能出现一次。 Content-Type: xxxx/yyyy Location: xxxx:yyyy/zzzz Status: nnn xxxxxx

  27. 使浏览器重定向到 PHP的官方网站。 • Header("Location: http://www.php.net";); exit; >?

  28. <?php • if(xxx) • { • Header("Location: http://www.php.net"); • } • else • { • Header("Location: http://www.php2.net"); • } • ?>

  29. <?php • header("refresh:3;url=http://axgle.za.net"); • print('正在加载，请稍等...<br>三秒后自动跳转~~~'); • ?>

  30. 要使用者每次都能得到最新的资料，而不是 Proxy 或 cache 中的资料，可以使用下列的标头 • header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); • header("Last-Modified: " . gmdate("D, d M Y H:i:s") . "GMT"); • header("Cache-Control: no-cache, must-revalidate"); • header("Pragma: no-cache");

  31. 让使用者的浏览器出现找不到档案的信息。 header("Status: 404 Not Found"); • 让使用者下载档案。 header("Content-type: application/x-gzip"); header("Content-Disposition: attachment; filename=文件名\"); header("Content-Description: PHP3 Generated Data"); ?>

  32. 删除Cookies • C:\Documents and Settings\ Administrator\Cookies • http://www.3721.com

  33. 删除Cookies(续)

  34. 删除Cookies(续)

  35. 删除Cookies(续)

  36. 删除Cookies(续)

  37. IE工具栏中的3721“清理”按钮

  38. IE工具栏中的3721“清理”按钮 (续)

More Related