第三章http协议和媒体设计.ppt

复习作业：破译密码 公安局收到的一段密码： Theres going to be an evil henchman meetup next month at my underground lair in #208; epsilon;tau;#144;ouml;igrave;tau;. Come join us! 方法：以“密码”做标题，把它变成一个HTML网页，就可以看到答案！ 发布主页到Web上 找到主机代理商 选择网站的名字，注册域名 把文件上传 把新网站告诉你的家人和朋友 网站名=服务器名+域名 没有傻问题 你的域名和我的域名重了怎么办？ 由ICANN（The Internet Corporation for Assigned Names and Numbers），“互联网名称与数字地址分配机构”来统一管理域名。 在域名注册商如www.GoD处可查询。 为什么称为域名，而不是“网站名”？ 一个域名下可以有多个网站，如等，实验使用亚马逊的云服务时就知道了。 网页地址解析 http:// / index.html URL URL: Uniform Resource Locators 统一资源定位符 http:// /index.html HTTP:// HTTP: HyperText Transfer Protocol 超文本传输协议 HTTP是一个简单的“请求—响应协议 就是通过URL帮助你寻找服务器上的资源 HTML文件、图片等。 HTTP找到了文件 HTTP找不到文件的错误信息 两个特殊的文件 你的URL可以只写到文件的目录 index.html和default.htm：目录下的默认文件名 默认文件名可以在服务器那一端修改。 当你输入： URL可以作为链接目标！ 一个普通的a元素 Read about a href=mission.htmlour Mission/a a href=Caffeine Buzz/a 我们一定要试一试！ 目标效果 没有傻问题 相对路径和URL都可以用来做链接是吗？ 对，相对路径只能用于站内资源的链接，URL则没有限制。 我见过这样的URL，:8080/index.html，8080是什么？ “:8080”是你在HTTP中输入的可选端口，可能是为了测试，通常网上的所有东西都是传送到一个默认端口（80）。 title属性 对于有视力障碍的人士，往往网站会读出来，这样的话，链接内容可以被加上title属性。 加上title： Read more about Starbuzz Coffees important mission Read all about caffeine on the Buzz 作业：尝试Safri/Opera/Mathon/世界之窗的处理方式 “网页太长，我想导航到某个部分” 使用a元素创建登录点：三步曲 找到网页中需要创建登录点的地方 用a元素把他围起来 使用a元素的id属性定义登录点的标识名 对index.html设置登录点 h2a id=chaiChai Tea, $1.85/a/h2 看看加了以后外观会有什么变化…… 登录点又叫“目标锚” 在需要引用到目标锚的地方： a href=index.html#chaiSee Chai Tea/a 访问/ 寻找一个id为Coffee的登录点 增加一个指向Coffee处的外部链接。 没有傻问题 当我给a元素title和href属性时，它们的顺序重要吗？ Its up to you! 设置id可以有空格吗？比如“my dream”？ 大多数浏览器会要求id值以一个字母开始，后面可以是字母、下划线、数字、连字符（-）、冒号或句点，不能使用空格。 设置id属性值时，大小写重要吗？ 有的浏览器会区分，所以都用小写吧！ 链接到一个新窗口 使用target属性 取值为_blank：每次都打开新窗口。 Read the a target=_blank href=#Coffee title=Read all about caffeine on the BuzzCaffeine Buzz/a Target 怎么理解？告诉浏览器新窗口的窗口名。如果你起coffee，那么，所有target为coffee的链接都会在同一个窗口中打开。 要点 域名是一个独一无二的名字。 URL代表Uniform Resource Locator 可以定位网上的任何资源，也叫网址。 URL的组成： 协议 网站名（服务器名+域名） 到资源的绝对路径。 Index.html和default.htm 任何目录的默认页面 a元素还有id属性表示目标锚。 图片：