web标准 1 结构标准语言 （1）xml （2）xhtml 2 表现标准语言 css 3 行为标准 （1）DOM （2）ECMAScript 优化网站 1 初级改善 ·为页面添加正确的DOCTYPE 过渡型（Transitional） 严格型（Strict） 框架型（Frameset） ·设定一个名字空间（Namespace） <html XMLns="http://www.w3.org/1999/xhtml" > ·声明你的编码语言 <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />--(XHTML) GB2312（简体中文） BIG5（繁体中文） <?XML version="1.0" encoding="gb2312"?>--(XML) <meta http-equiv="Content-Language" content="gb2312" />--(这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。) ·用小写字母书写所用的标签 ·为图片添加alt属性 ·给所有属性值加引号 ·关闭所有的标签 2 中级改善 ·用css定义元素外观 ·用结构化元素代替无意义的垃圾 ·给每个表格和表单加上id 调用样式表 ·页面内嵌法 <style type="text/css"> <!-- body { background : white ; color : black ; } --> </style> ·外部调用法 <link rel="stylesheet" rev="stylesheet" type="text/css" href="css/style.css" media="all" /> 双表法调用样式表 <link rel="stylesheet" rev="stylesheet" type="text/css" href="css/style.css" media="all" /> <style type="text/css" media="all"> @import url( css/style01.css ); </style> 注："@import"命令在netscape 4.0版本浏览器是无效的。 head区的其他设置 1.收藏夹小图标 <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 注：首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。 2.为搜索引擎准备的内容 ·允许搜索机器人搜索站内所有链接。（如果你想某些页面不被搜索，推荐采用robots.txt方法） <meta content="all" name="robots" /> ·设置站点作者信息 <meta name="author" content="ajie@netease.com,阿捷" /> ·设置站点版权信息 <meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" /> ·站点的简要介绍（推荐） <meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" /> ·站点的关键词（推荐） <meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" /> XHTML代码规范 1.所有的标记都必须要有一个相应的结束标记 2.所有标签的元素和属性的名字都必须使用小写 3.所有的XML标记都必须合理嵌套 4.所有的属性值必须用引号""括起来 注：特殊情况，你需要在属性值里使用单引号，你可以用"，单引号可以使用' 例如： <alt="say'hello'"> 5.把所有<和&特殊符号用编码表示 ·任何小于号（<），不是标签的一部分，都必须被编码为< ·任何大于号（>），不是标签的一部分，都必须被编码为> ·任何与号（&），不是实体的一部分的，都必须被编码为& 注：以上字符之间无空格。 6.给所有属性赋一个值 XHTML规定所有属性都必须有一个值，没有值的就重复本身。 7.不要在注释内容中使用“--” css入门 1.基本语法规范 2.颜色值 3.定义字体 4.群选择器 5.派生选择器 6.id选择器 7.类别选择器 8.定义链接的样式 a:link、a:visited、a:hover和a : active 注：它们的顺序是“LVHA”。 CSS布局入门 1.定义DIV 2.CSS2盒模型 内容(content)、内边距(padding)、边框(border)和外边距(margin)。 注：width、height——(指内容的宽和高) padding和margin是透明元素，不能定义颜色。 3.辅助图片一律用背景处理 {dy}个CSS布局实例 1.确定布局 2.定义body样式 *{margin:0px; padding:0px;} body{font-family:verdana,arial,sans-serif; font-size:11px;} 3.定义主要的div 4.{bfb}自适应高度？ 自适应高度——容器盒子(嵌套div) 注：子盒子(div)的背景无法百分之百显示时，一般的解决办法就是用body的背景色来填充满。 不用表格的菜单 ·定义logo图片 注：给所有的、属于正式内容的图片，加一个alt属性。 ·定义菜单 校验及常见错误 1.XHTML校验 http://validator.w3.org/ 2.CSS2校验 http://jigsaw.w3.org/css-validator/ |
郑重声明：资讯 【网页设计师_私居。_百度空间】由 发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权， 请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。
—— 相关资讯 ——
