网页设计DIV+CSS——第5天:head区的其他设置

这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。
收藏夹小图标
如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区: 
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
为搜索引擎准备的内容
代码如下,替换成你自己站点的内容就可以:
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法
<meta content="all" name="robots" />
设置站点作者信息
<meta name="author" content="ajie@netease.com,阿捷" />
设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
站点的简要介绍(推荐)

Java代码  

  1. <meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" />  

站点的关键词(推荐)

Java代码  

  1. <meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />   

先介绍这么多。补充说明,前面花了5节都是讲head区的代码,实际页面内容还一字未提,呵呵,不要急,其实head区是非常重要的,看一个页面的head的代码就可以知道设计师是否够专业。

时间: 2024-10-21 19:27:55

网页设计DIV+CSS——第5天:head区的其他设置的相关文章

网页设计DIV+CSS——第1 天:选择什么样的DOCTYPE

大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的.之前阿捷也一直没有制作过一个真正符合 web 标准的网站. 现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助.好了,让我们开始吧  第一天  开始制作符合标准的站点,第一件事情就是声明符合自己需要的 DOCTYPE.  查看本站首页原代码,可以看到第一行就是: <!DOCTYPE  html  PUBLIC  "-//W3C//DTD  XHTML  1.0  Transitional//EN"

网页设计DIV+CSS——第7天:CSS入门

在了解XHTML代码规范后,我们就要进行CSS布局.首先先介绍一些CSS的入门知识.如果你已经很熟悉了,可以跳过这一节,直接进入下一节. CSS是Cascading Style Sheets(层叠样式表)的缩写 .是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"

网页设计DIV+CSS——第2 天:什么是名字空间

DOCTYPE 声明好以后,接下来的代码是:  <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">   通常我们 HTML4.0 的代码只是<html>,这里的"xmlns"是什么呢? 这个"xmlns"是 XHTML namespace 的缩写,叫做"名字空间"声明.名字空间是什么作用呢?阿捷自己的理解是: 由于 xm

网页设计DIV+CSS——第3 天:定义语言编码

第三步是定义你的语言编码,类似这样: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  为了被浏览器正确解释和通过 W3C 代码校验,所有的 XHTML 文档都必须声明它们所使用的编码语言,我们一般使用 gb2312(简体中文),制作多国语言页面也有可能用 Unicode.ISO-8859-1等,根据你的需要定义. 通常这样定义就可以了.但是要补充说明的是,XM

网页设计之css+div&amp;nbsp;PK&amp;nbsp;table+css

css|设计|网页|网页设计 用过div+CSS作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现Ajax拖动效果的时候比较麻烦,所以我觉得眼下还是div+嵌套table比较好. 圆角--可以用div+css做出一样漂亮的圆角,而且不用图片,而且是宽度.高度自适应的 怎么实现?挖挖Google Tal

网页设计之css+div PK table+css

css|设计|网页|网页设计 用过div+css作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现ajax拖动效果的时候比较麻烦,所以我觉得眼下还是div+嵌套table比较好. 圆角--可以用div+css做出一样漂亮的圆角,而且不用图片,而且是宽度.高度自适应的 怎么实现?挖挖Google Tal

网页设计基础:Div+CSS布局入门教程

css|教程|入门教程|设计|网页|网页设计 在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图.

网页设计引入CSS样式的五种方式

css|设计|网页|网页设计 一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%> 这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二.使用STY

用网页标准DIV+CSS创建固定宽度的网页布局

css|标准|创建|网页 用 XHTML 和 CSS 实现两列或三列页面布局的各个方面.到目前为止,所有例子都使用流式布局(也就是布局会自动扩展和适应浏览器窗口的宽度).现在是时候考虑另外一种主要的页面布局方法了,这种布局方法是固定宽度布局. 很多 Web 构建人员倾向于使用固定宽度的布局进行页面设计,因为它们能生成精确且可预知的结果.这种方法与打印布局非常接近,对于设计人员和访问者来说都是一个很重要的舒适因素:另外,对于包含很多大图片和其它元素的内容,由于它们在流式布局中不能很好地表现,因此固