网页美工

简介: 引用:http://www.jb51.net/article/474.htm 1, 允许全文检索的页面,为了使Internet 上的搜索引擎能够有效检索,在频道的首页的html的之间应该加入Keywords 和Description 元标记,制作页面是不要忘记添加客户网站的关键字。

引用:http://www.jb51.net/article/474.htm

1, 允许全文检索的页面,为了使Internet 上的搜索引擎能够有效检索,在频道的首页的html的<head></head>之间应该加入Keywords 和Description 元标记,制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面,一定要加关键字~!这样便于推广~! 
范例: 
<meta name="DESCRIPTION" content="提供域名注册,服务器主机空间,网站设计制作建设,电子商务系统开发,软件开发等"> 
<meta name="keywords" content="商家注册电脑查询,二手市场电子商务,boys,sex,star,today,news"> 

2, 制作网站时,遇到页面有统一的头部文件和尾部文件。一定要做成单一的top头文件和bottom尾文件,然后再嵌套在页面中。这样修改方便。嵌套代码: 
1.<!--#include file=”conn.asp”--> (推荐使用) 
2.<iframe border=0 frameborder=0 framespacing=0 marginheight=0 marginwidth=0 name=news_title noResize scrolling=no src="*****.asp" width="200" height="150" vspace="0" ></iframe>(使用时修改蓝色部分即可) 

3. 统一使用外挂式样式表~!相关代码: <link href="css.css" rel="stylesheet" type="text/css"> 
要注意a:link a:visited a:hover a:actived 的排列顺序要和原有的一致。 
重定义的最先,伪类其次,自定义最后。 
为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px 和14.7px 这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px 的字号比较合适。 

4.一个网页要尽量避免用整个一张大表格 
所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用 <tbody>标记,以便能够使这个大表格分块显示。 
表格的嵌套尽量控制在三层以内 
5.Width 和height 的写法也有统一的规范,一般情况下只有一列的表格,width 写在<table> 的标签内,只有一行的表格,height 写在 <table> 的标签内,多行多列的表格,width 和height 写在第一行或者第一列的 <td> 标签内。总之遵循一条原则:不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的,也就是你改动代码中任何一个width 和height 的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。 

◆布局: 
1、 别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。 
2、 不要在每一页使用风格不同的图标。 
3、 在img行加alt标记。这样就会让使用基于文本的流览器的读者除了看到 [IMAGE] 以外还能看到别的一些东西,使用图形流览器的读者在图像未能成功载入之时也会看到一些东西,而你也能让自己的html文件相当整洁。 
4、 不要让什么东西看起来象是一个按钮却不起按钮的作用。 

◆网页色彩搭配的技巧   
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。 
2.用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。 
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:) 
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。 
在网页配色中,忌讳的是: 
1.不要将所有颜色都用到,尽量控制在三种色彩以内。 
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容 
◆ 闪烁让人头痛 
  通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。 
◆ 动画点缀 
网页上的动画最多只用一个 
“空白万岁” 
  注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。 

相关文章
|
1月前
|
前端开发 JavaScript 测试技术
如何制作网页
创建自己的网站涉及多个步骤,从确定主题到最终测试和发布。本文详细介绍了每个步骤:首先明确网站目的和受众;其次设计直观易用的布局;选择符合主题的颜色和字体;撰写清晰简洁的内容;优化加载速度;全面测试功能和兼容性;选择托管服务并注册域名;最后通过SEO、社交媒体和广告进行推广。注意事项包括关注用户体验、学习基本编码知识,并考虑网站的扩展性和可维护性。遵循这些步骤,你将能创建一个美观且实用的网站。
|
3月前
404错误页面简约清新源码 非常好看
404错误页面简约清新源码 非常好看,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
22 0
404错误页面简约清新源码 非常好看
|
6月前
|
移动开发 HTML5
超级高大上HTML5引导页源码 动态效果更好看
超级高大上HTML5引导页源码 动态效果更好看
246 3
超级高大上HTML5引导页源码 动态效果更好看
|
6月前
|
移动开发 HTML5
高大上HTML5引导页源码 动态效果更好看
高大上HTML5引导页源码 动态效果更好看,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,
74 0
高大上HTML5引导页源码 动态效果更好看
|
6月前
|
移动开发 HTML5
动漫渐显引导页HTML5单页源码
挺不错的动漫渐显引导页,记事本右键打开即可修改~
38 0
动漫渐显引导页HTML5单页源码
|
前端开发
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
413 0
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
|
弹性计算 移动开发 开发者
制作一个表白网页
快速学习制作一个表白网页
制作一个表白网页
|
移动开发 开发者 HTML5
制作一个表白网页|学习笔记
快速学习制作一个表白网页
制作一个表白网页|学习笔记
|
前端开发
一篇文章教会你如何制作精美导航条
一篇文章教会你如何制作精美导航条
537 0
一篇文章教会你如何制作精美导航条
|
前端开发 安全 BI