来谈谈：网页制造前先来看看这些所谓的标准

只看该作者 · 发表于 2015-1-15 22:27:31

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。本文收拾了一些网页制造前先来看看这些所谓的标准，但愿对人人有匡助。01文件定名标准
文件定名的准绳：以起码的字母到达最简单了解的意义。
一样平常文件及目次定名标准：
每个目次中应当包括一个缺省的html文件，文件名一致用index.htm
文件称号一致用小写的英笔墨母、数字和下划线的组合
只管按单词的英语翻译为称号。比方：feedback(信息反应)，aboutus(关于我们)
多个同范例文件利用英笔墨母加数字定名，字母和数字之间用_分开。比方：news_01.htm。注重，数字位数与文件个数成反比，不敷的用0补齐。比方共有200条旧事，个中第18条定名为news_018.htm
图片的定名标准：
称号分为头尾两两部分，用下划线离隔。
头部分暗示此图片的年夜类性子。比方：安排在页面顶部的告白、粉饰图案等长方形的图片我们取名：banner；标记性的图片我们取名为：logo；在页面上地位不流动而且带有链接的小图片我们取名为button；在页面上某一个地位一连呈现，性子不异的链接栏目标图片我们取名：menu；粉饰用的照片我们取名：pic；不带链接暗示题目的图片我们取名：title按照此准绳类推。
尾部分用来暗示图片的详细寄义，用英笔墨母暗示。比方：banner_sohu.gifbanner_sina.gifmenu_aboutus.gifmenu_job.giftitle_news.giflogo_police.giflogo_national.gifpic_people.jpgpic_hill.jpg.
有onmouse效果的图片，两张分离在原有文件名后加"_on"和"_off"定名。
别的文件定名标准
js的定名准绳以功效的英语单词为名。比方：告白条的js文件名为:ad.js
一切的CGI文件后缀为cgi。一切CGI程序的设置文件为config.cgi
02目次布局标准
目次创建的准绳：以起码的条理供应最明晰烦琐的会见布局。
目次的定名以小写英笔墨母，下划线构成。(参照定名标准)
根目次一样平常只寄存index.htm和其他必需的体系文件
每一个次要栏目开设一个响应的自力目次
根目次下的images用于寄存各页面都要利用的公用图片，子目次下的images目次寄存本栏目页面利用的公有图片
一切JS,ASP,PHP等剧本寄存在根目次下的scripts目次
一切CGI程序寄存在根目次下的cgi-bin目次
一切CSS文件寄存在根目次下style目次
每一个言语版本寄存于自力的目次。比方：简体中文gb
一切Flash,avi,ram,quicktime等多媒体文件寄存在根目次下的media目次

03尺寸标准
尺寸标准请依据您的实践情形调剂：
页面尺度按800*600分辩率制造，保举尺寸为766*430px
页面长度准绳上不凌驾3屏，宽度不凌驾1屏
每一个尺度页面为A4幅面巨细，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px，别的120*90，120*60也是小图标的尺度尺寸
每一个非首页静态页面含图片字节不凌驾60K，全尺寸banner不凌驾14K
　
04首页代码标准
首页的代码关头在head区，head区是指首页HTML代码的<head>和</head>之间的内容。
head区必需到场的标识
公司版权正文
网页显现字符集比方：
简体中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312">
繁体中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=BIG5">
英语：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=iso-8859-1">

原始制造者信息<METAname="author"content="webmaster@poluoluo.com">
网站简介<METANAME="DESCRIPTION"CONTENT="这里填您网站的简介">
搜刮关头字<METANAME="keywords"CONTENT="关头字1,关头字2,关头字3,...">
网页的css标准<LINKhref="style/style.css"rel="stylesheet"type="text/css">
网页题目<title>这里是你的网页题目</title>
head区能够选择到场的标识
设定网页的到期工夫。一旦网页过时，必需到服务器上从头调阅。
<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">
克制扫瞄器从当地机的缓存中调阅页面内容。
<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">
用来避免他人在框架里挪用你的页面。
<METAHTTP

123下一页

但他也直言说，这就像写软件时，在添加改善的新功能时，难免遭遇稳定性的问题，必须先把问题清除干净，才能推出新产品。

只看该作者 · 发表于 2015-1-15 23:40:50

HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展.-EQUIV="Window-target"CONTENT="_top">
主动跳转。
<METAHTTP-EQUIV="Refresh"CONTENT="5;URL=http://www.poluoluo.com">
5指工夫停止5秒。</p>网页搜刮呆板人导游.用来告知搜刮呆板人哪些页面必要索引，哪些页面不必要索引。
<METANAME="robots"CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默许是all。
保藏夹图标
<linkrel="ShortcutIcon"href="favicon.ico">
JS挪用标准
一切的javascript剧本只管接纳内部挪用
<SCRIPTLANGUAGE="JavaScript"SRC="script/xxxxx.js"></SCRIPT>
CSS誊写标准
一切的CSS的只管接纳内部挪用
<LINKhref="style/style.css"rel="stylesheet"type="text/css">誊写时重界说的开始，伪类其次，自界说最初（个中a:linka:visiteda:hovera:actived要依照按次写）便于本人和别人浏览。
为了包管分歧扫瞄器上字号坚持分歧，字号倡议用点数pt和像素px来界说，pt一样平常利用中文宋体的9pt和11pt，px一样平常利用中文宋体12px和14.7px这是经由优化的字号，黑体字大概宋体字加粗时，一样平常选用11pt和14.7px的字号对照符合。
CSS保举模板。
<styletype="text/css">
<!—
p{text-indent:2em;}
body{font-family:"宋体";font-size:9pt;color:#000000;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
table{font-family:"宋体";font-size:9pt;line-height:20px;color:#000000}
a:link{font-size:9pt;color:#0000FF;text-decoration:none}
a:visited{font-size:9pt;color:#990099;text-decoration:none}
a:hover{font-size:9pt;color:#FF9900;text-decoration:none}
a:active{font-size:9pt;color:#FF9900;text-decoration:none}
a.1:link{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:visited{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:hover{font-size:9pt;color:#FF9900;text-decoration:none}
a.1:active{font-size:9pt;color:#FF9900;text-decoration:none}
.blue{font-family:"宋体";font-size:10.5pt;line-height:20px;color:#0099FF;letter-spacing:5em}
-->
</style>
body标识
为了包管扫瞄器的兼容性，必需设置页面背景<bodybgcolor="#FFFFFF">
05抽象计划标准
网站的CI全体抽象包含上面几个要素
标记(logo)
网站必需有自力的标记
标记能够以网站中英文称号计划，也能够接纳出格的图案。准绳是复杂易记。
标记必需能够用口角和黑色分离明晰体现
标记图片的称号为"logo_域名.gif"，比方：logo_sina.gif
只管供应标记的矢量图片
请尽量在每一个页面上都利用标记
尺度色
网站应当有本人的尺度色（主体色）
尺度色准绳上不凌驾两种，假如有两种，个中一种为尺度色，另外一种为尺度帮助色
尺度色应只管接纳216种web平安色以内的色采
必需供应尺度色切实的RGB和CYMK数值
请尽量利用尺度色
尺度字体
网站应当界说一种尺度字体（指logo上，图片上利用的字体）
尺度字体准绳上界说两种，一种中笔墨体，一种英笔墨体（不包含文本内容字体）
必需供应尺度字体的称号和字库
请尽量利用尺度字体
06内容编纂标准
内容
必需恪守我国《盘算机信息收集国际联网平安回护办理举措》的划定
任何单元和团体不得使用国际联网制造、复制、查阅和传布以下信息：
(一)怂恿顺从、损坏宪法和功令、行政律例实行的；
(二)怂恿倾覆国度政权，颠覆社会主义轨制的；
(三)怂恿决裂国度、损坏国度一致的；
(四)怂恿平易近族冤仇、平易近族卑视，损坏平易近族勾结的；
(五)假造大概曲解现实，分布流言，侵扰社会次序的；
(六)宣传封建科学、淫秽、色情

使用HTML5也是断断续续的有些历史了，但是没有系统的总结过，最近发现公司的图书馆有不少藏书，

只看该作者 · 发表于 2015-1-15 23:53:03

通过大家的心得，或许能找出"怎么学html5"这个问题的答案。另，我会不定期把群里面关于技术的讨论贴到本帖，敬请关注。、打赌、暴力、凶杀、可怕，唆使犯法的；
(七)公开凌辱别人大概假造现实中伤别人的；
(八)伤害国度构造信用的；
(九)其他违背宪法和功令、行政律例的。</p>转载必需找到原出处，经接洽后利用
题目
力图冗长、夺目、新奇、吸惹人。
注释
文章的段首空两格，与传统格局坚持分歧
段与段之间空一行可使文章更明晰易看
根绝错字、别字和自造字
简体版中不得同化繁体字
译名要按我国标准。比方：singapore一致翻译"新加坡"不克不及用"星加坡"
全角数字标记（不含标点）应改成半角
　
07新手艺利用标准
利用新手艺准绳是：兼容扫瞄器，包管下载速率，照应最多半的用户。
cookie用于辨认、跟踪和撑持会见者，经由过程cookie你能够懂得用户的会见路径，搜集和存储用户的喜欢，但要思索到用户封闭cookie的情形处置，非要用cookie，应供应周全的办理举措。
Java是一种跨平台的面向工具的编程言语，它在Web中的使用次要是JavaApplet，可是JavaApplet的下载速率较慢，审慎利用。
在服务器端，最好翻开SSI剖析，但不要利用过量的SSI嵌套。不克不及利用SSI时，能够用includeLibrary（包括库文件）取代，效果要差一些
Flash已是较广泛的手艺，保举利用。
新网页制造倡议接纳XHTML标准，便于将来和XML接轨。
XML系列手艺能够在服务器端利用，客户端临时不保举利用
非特别请求，不保举在网页上供应必要下载分外插件的多媒体手艺
程序言语保举利用PHP，JSP，Java等跨平台言语，不保举CGI,ASP手艺

08导航标准
导航要复杂、明晰，倡议不凌驾3层的链接
用于导航的笔墨要长篇大论，字数限定在一行之内
首页，各栏目一级页面之间互链，各栏目一级和本栏目二级页面之间互链
凌驾三级页面，在页面顶部设置导航条，标明地位
凸起比来更新的信息，能够加上更新工夫或New标识
一连性页面应到场上一页，下一页按钮
凌驾一屏的内容，在底部应有gotop按钮
凌驾三屏的内容，应在头部设大纲，间接链接到文内锚点
09数据库利用标准
服务器上有关数据库的统统操纵只能由服务器办理职员举行。
程序中会见数据库时利用一致的用户、一致的毗连文件会见数据库。
准绳上每个栏目只能建一个库，库名与各栏目标英文称号相分歧，库中再包括多少表。对照年夜的、重点的栏目能够思索独自建库，库名与栏目标英文称号相分歧。
数据库、表、字段、索引、视图等一系列与数据库相干的称号必需全体利用与内容相干的英文单词定名，关于一个单词难以表达的，能够思索用多个单词加下划线（_）毗连（不克不及凌驾四个单词）定名。(拜见定名标准)
不再利用的数据库、表应删除，在删除之前必需备份（包含布局和内容）。
</p>

上一页123

有些差异相对轻微，有充分的理由将这两种HTML5规范草案合并为一，让浏览器制造商与网络开发者不必面对不兼容的窘境。

只看该作者 · 发表于 2015-1-18 05:13:51

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-1-27 05:05:21

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

只看该作者 · 发表于 2015-2-11 08:42:39

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-3-2 08:25:41

以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

只看该作者 · 发表于 2015-3-11 05:36:34

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-3-17 23:10:28

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

		自动登录	找回密码
密码			立即注册

[HTML5] 来谈谈：网页制造前先来看看这些所谓的标准

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

来谈谈：网页制造前先来看看这些所谓的标准

来谈谈：网页制造前先来看看这些所谓的标准