本人多年来一直从事网站建设,并从事网页制作课程的教学,现总结出几条网站建设应遵循的一般性原则和网站推广的常用方法,供大家参考,希望能让同行们少走弯路、提高工作效率。当然大家还可以在此基础上再进行一些修正、补充,使之更加完善,更具有指导性。网站开发与其他软件的开发性质上一致的,因此本人认为以软件工程的方法来进行网站建设,在网站建设过程中应遵循一定的规范并形成一系列文档。为名称开设目录,将客户陆续提供的资料进行归类整理。文件按一定的规则命名,如:栏目名称~提供时间满拱者址内容说明。
除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不应包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录和文件的名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂并且栏目多了以后容易导致重名。
网站目录规划原则
(1)在网站根目录中应开设img, common, source三个子目录,根据需要再开设media子目录。11119目录用于存放页面用到的图片,例如公司的标志、banner条、菜单、按钮等等;Com'二子目录用于存放css,js以及include等公用文件,如asp,php,JSP中公用的数据库连接文件等可以放在include目录中;source子目录用于存放客户提供的各种文字图片等原始资料;media子目录用于存放flash, avi, quick time等多媒体文件。
(2)在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录下开设一个img和media的子目录用以放置此栏目专用的图片和多媒体文件,如果这个栏目的内容特别多,又分出很二级栏目、三级栏目……,可以为相应栏目再开设子目录。
(3) source目录中的文件会逐渐增多,建议以首页一级栏目2代码编写原则
编写网页代码时,我们应尽可能保持一个相对不变的风格,这样方便日后自己或他人维护网站或进行改版。一个大型的网站可能由多人合作,这时这个工作组中不同的开发人员编写的代码风格也应保持一致。在站点开发初期应制作一个主页框架并建立一个与主页颜色、格调和谐的HT ML通用模板、一个CSS样式表并确定一个合理的代码编写风格。还可以创建基于通用模板二级或三级栏目的模板。C SS和SCRIPT代码最好保存成独立的文件(如style. css, head. is),并存放在。ommon目录下供其他页面调用。
2.1 Html文件的通用模板
下面是-一个简单的H I 'ML.模板,读者可以对其进行充实。
<html>
<!一一Generator: Center of Modern Education Tech-
nology, Quzhou College一一>
<head>
<title;)文档标题<八itle>
<meta http一equlv二”content一type" content=”text/
html; charset=gb2312">
<meta name= "author" content= "babara">
<!一一链接样式表文件一一>
<link rel="stylesheet" type= "text/css" href="com-
mon/style. css">
< script language ="JavaScript" src=”common/head.
js">
</script></head>
<body>
</body>
</html>
另外,为了使Internet上的搜索引擎能够有效检索,网页的html的<head></head>之间应该加人Keywords和De-
scription元标记,以便提高网页被搜索引擎收录几率更好地宣传和推广网站,例如:
<meta name= "keywords"content=”浙江,街州,衙州学院”>
<meta name= "description"content="街州学院">
2. 2 HTML代码编写注意事项
为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,
即我们应该写<a href="url">而不是<a href=url>o
表格在页面的布局中使用相当广泛,< table>标记互相嵌套时,严格按照常规进行缩进,对于单独的一个<table>来说,<table><tr>对齐,<td>缩进两个半角空格,< td>中如果还有嵌套的表格,<table>也缩进两个半角空格,如果<td>中没有任何嵌套的表格,</td>结束标记应该与<td>处于同一行,不要换行,注意在源代码中不应有这样的代码:
<td><img src=“二/images/sample. gif ">
</td>
而应该是这样:
<td><img src=“二/images/sample. gif"></td>
这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:
<td><img src=“二/images/ sample. gif"></记>
属于同一个级别的<table>一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,高度大于等于12px的
单元格应该在<td>和<八d>之间写一个“.”,如果高度小于12px,则应该在<td>和<八d>之间插人一个1X1大小
的透明的gif图片,这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱,在Dreamweaver中可以通过command->apply soucre formatting进行重新整理。
width和height的写法也有统一的规范,一般情况下只有一列的表格,width写在<table>的标签内,只有一行的表
格,height写在<table>的标签内,多行多列的表格,width和 height写在第一行或者第一列的<td>标签内。总之遵
循一条原则:不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的,
也就是你改动代码中任何一个width和height的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。
2. 3 (SS代码编写注意事项
下面是一个较规范的CSS样式文件:
<style type="text/css0>
<!一
p{text-indent: gem;}
body{font-family:”宋体”;font-size: 9pt; color:#
000000; margin-top: Opx; margin-right: Opx;
margin-bottom: Opx; margin-left: Opx}
table t font一family:”宋体”;font一size: 9pt; line一
height: 20px; color:#000000}
a: link{font-size: 9pt; color:#FFFFFF; text-deco-
ration: none}
a:visited {font-size: 9pt; color:#99FFFF; text-dec-
oration: none}
a: hover{font-size: 9pt; color:#FF9900; text-dec-
oration: none}
a: active{font-size: 9pt; color:#FF9900; text一dec-
oration: none}
menu: link{font一size: 9pt; color:#3366cc; text一
decoration: none}
menu: visited{font-size: 9pt; color:#3366cc; text-
decoration: none}
menu: hover{font-size: 9pt; color:并FF9900; text-
decoration: none}
menu: active{font-size: 9pt; color:#FF9922; text-
decoration: none}
.blue{font- family:”宋体’‘;font一size: 10.5pt; line
一height: 20px; color: 4$ 0099FF; letter-spac-
ing: 5em}
一一>
</style>
seo关键词的优化技巧
中国央企100强排名、简述网站的推广策略、永久使用、不限域名、宁波网站建设哪里有
东莞网站制作电话?
- 首页
- 办公室装修图片 真实
- 正文