网页制作中的问题及对策[腾讯公司编辑部].pptVIP

为了让大家更高效、更轻松的工作，我们策划制作小组汇总了各频道提出的在实际工作中遇到的问题，并针对问题制定了这次培训的内容。在这里抛砖引玉，希望可以对编辑们日后工作有一定的帮助。 网页制作入门非常容易，但是真正制作出标准规范的网页，却需要长期的积累，循序渐进，精益求精。不仅外观要精美，而且代码要精炼，表里如一。 下面我们开始了，加油！ 推荐制作工具 页面排版、制作： DreamWeaver 图片制作、切图：Photoshop CSS编写：Topstyle 脚本编写：Ultraedit 不使用word制作生成页面 也不使用Frontpage制作页面。 HTML标签问题 一、html标签缺失或多余一般网页的html都用小写形式（所用符号都为半角，即英文状态下），不使用大写形式，这样对区分大小写的语言与更好的兼容性。HyperText Markup Language缩写HTMLhtml语法中以“”开始，以“/”结束，缺一不可。标记html的定义符号，通常都是成对出现的，如：table······/table，如果只有table而没有相应的/table，叫做标签未闭合（实例1）。除了个别单标签外，都是不允许的，会导致网页结构的错乱。常用的单标签：img、br html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title……/title link href=css/englishcss.css rel=stylesheet type=text/css /head body table …… /table /body /html同一网页中html /html 、head /head 、title /title 、body /body 只可以使用一次。 三、语法格式参考注释：通常用于inclued的页面片页面片调用 !-- #include virtual=“xxxxxx” --正确的写法 !-- xxxxxxxxxx -- 不正确的写法 ! xxxxxxxxxx 属性：标签名称 参数名称=“参数值”， 色彩值要加#，如：body bgcolor=“#FFFFFF”table width=“750” border=“0” cellspacing=“0” cellpadding=“0”等等 文字样式定义问题 一、外部调用css文件多次调用css文件，有的多次调用同一个css文件。调用位置参看第五页，调用css写在/title和/head之间。要调用两个或以上的css文件时，保证定义内容不重复不冲突。 二、文字样式定义方式使用外部的css文件，应尽量的使用css控制文字的样式。多次使用的样式定义，一定要用外部的css定义。不要使用font定义，以及strong标签。不要使用内嵌的style块定义，否则无端增加代码量。（实例 3） 三、链接样式定义 四、css的使用参考 可以用三种方式使用css。这里只推荐使用两种方式，如下： 链入外部样式表文件，如：headtitle文档标题/titlelink rel=stylesheet href=“/indexcss.css” type=“text/css”/head 定义内部样式块对象，如： ……title文档标题/titlestyle type=text/css !-- body {font: 12px Arial“;} --/style…… 内联定义，如：td style=“font:12px; color:#FF0000;”/td 定义单元格内文字大小和颜色。 类的具体使用（实例）td class=“xxxx xxxx xxxx xxxx”class可以使用多个类，一般不超过4个，类名中间要加空格。 五、css的格式参考 css定义的顺序为：重定义的最先，伪类其次，自定义最后。（实例 4）重定义是指对已有的html标签定义样式，如：body、td等；伪类　是指对已有的html标签指定样式，可重新定义类名，如：a:link自定义是指自定义类名，并为该类名指定样式，如：.bigfont、.font01 对于伪类a:link的css定义，请严格按照link、visited、hover 、 active顺序格式，以保证链接的样式定义能正常生效。 编写css时尽量使用速记格式，如：body,td,input { font: 12px; color: #FFF; } 自定义以“.”开始，命名使用英文字母开头。属性与值之间用:半角的冒号分隔，两种属性之间用;半角分号分隔，速记格