仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3190|回复: 20
打印 上一主题 下一主题

[学习教程] JAVA网页设计简明 HTML CSS 开辟标准

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-18 11:44:57 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
学习JAVA的目的更多的是培养自身的工作能力,我觉得工作能力的一个核心就是:独立思考能力,因为只有独立思考后,才会有自己的见解CSS|标准|开辟标准//泛论

本标准既是一个开辟标准,也是一个剧本言语参考,本标准并非一个刻舟求剑的必需严厉恪守的条则,特别情形下要天真使用,做必定的变通。可是,请人人万万不要随便变动标准。假如有任何成绩,请实时与我接洽,我会实时变动本标准的相干代码样例和文档。

/基本要求

1.在网站根目次中开设imagescommontemp三个子目次,依据必要再开设media子目次,images目次中放分歧栏目标页面都要用到的大众图片,比方公司的标记、banner条、菜单、按钮等等;common子目次中放css、js,、php、include等大众文件;temp子目次放客户供应的各类笔墨图片等等原始材料;media子目次中放Flash,avi,quicktime等多媒体文件。
2.在根目次华夏则上应当依照首页的栏目布局,给每个栏目开设一个目次,依据必要在每个栏目标目次中开设一个images和media的子目次用以安排此栏目专有的图片和多媒体文件,假如这个栏目标内容出格多,又分出良多上级栏目,能够响应的再开设其他目次。
3.temp目次中的文件常常会对照多,倡议以工夫为称号开设目次,将客户连续供应的材料回类收拾。

4.除非有特别情形,目次、文件的称号全体用小写英笔墨母、数字、下划线的组合,个中不得包括汉字、空格和特别字符;目次的定名请只管以英文为引导,不到万不得已不要以拼音作为目次称号,履历证实,用拼音定名的目次常常连一个月后的本人都看不懂,

/脚本编写

我们应当有一个剧本全体作风分歧的观点,意义是一个月后和一个月前的你写的剧本作风坚持分歧,和统一个事情组中分歧的开辟职员编写的剧本作风坚持分歧,由于我们不成能永久伶仃的开辟,你随时都有大概和三个月前的本人互助(你的客户请求改版),也常常要和事情室中分歧的同事配合开辟一个项目,另有大概被请求修正已去职职员开辟的剧本,固然你本人也有大概会扔下一个项目给厥后的同事。

1.Html文件的通用模板:

<html>
<!--
Generator:SubDesignStudio(www.eastline.net.cn)
CreationData:2000-8-1
OriginalAuthor:eastline
-->
<head>
<title>文档题目</title>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="author"content="eastline">
其他meta标记

<linkrel="stylesheet"type="text/css"href="style/style.css">
款式表界说
客户端Javascript函数界说及初始化操纵

</head>
<bodybgcolor="#ffffff">
……
</body>
增补:
为了包管网站可以与下一代的web言语xml尺度兼容,一切的HTML标签的属性都要用单引号大概双引号括起,即我们应当写<ahref=”url”>而不是<ahref=url>.

2.同意全文检索的页面,为了使Internet上的搜刮引擎可以无效检索,在频道的首页的html的<head></head>之间应当到场Keywords和Description元标志,比方:

<metaname=”keywords”content=”东方新支线,汽车,买车”>
<metaname=”description”content=”东方新劲头线,环球中文汽车信息第一站”>
3.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:#FFFFFF;text-decoration:none}
a:visited{font-size:9pt;color:#99FFFF;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:#FF9922;text-decoration:none}
.blue{font-family:"宋体";font-size:10.5pt;line-height:20px;color:#0099FF;letter-spacing:5em}
-->
</style>
这里特别要注重的是a:linka:visiteda:hovera:actived的分列按次必定要严厉照下面的样例代码,不然或多或少会出成绩。别的我们划定重界说的开始,伪类其次,自界说最初,便于本人和别人浏览!

为了包管分歧扫瞄器上字号坚持分歧,字号倡议用点数pt和像素px来界说,pt一样平常利用中文宋体的9pt和11pt,px一样平常利用中文宋体12px和14.7px这是经由优化的字号,黑体字大概宋体字加粗时,一样平常选用11pt和14.7px的字号对照符合。

在写<table>相互嵌套时,严厉依照的标准,关于独自的一个<table>来讲,<table><tr>对齐,<td>缩进两个半角空格,<td>中假如另有嵌套的表格,<table>也缩进两个半角空格,假如<td>中没有任何嵌套的表格,</td>停止标志应当与<td>处于统一行,不要换行,

如我们注重在源代码中不该有如许的代码:

<td></td>
这是由于扫瞄器以为换行相称于一个半角空格,以上不标准的写法相称于偶然中增添一个半角空格,假如的确有需要增添一个半角空格,也应当如许写:

<td><imgsrc=http://www.163design.net/j/e/”.images/sample.gif”></td>
属于统一个级别的<table>必定是右首对齐的,别的不同意没有任何内容的空的单位格存在,高度年夜于即是12px的单位格应当在<td>和</td>之间写一个,假如高度小于12px,则应当在<td>和</td>之间拔出一个1*1巨细的通明的gif图片,这是由于某些扫瞄器以为空单位格不法而不会予以注释。假如代码按次较乱,在DW3中能够经由过程command->applysouceformatting举行从头收拾!

5.Width和height的写法也有一致的标准,一样平常情形下只要一列的表格,width写在<table>的标签内,只要一行的表格,height写在<table>的标签内,多行多列的表格,width和height写在第一行大概第一列的<td>标签内。总之遵守一条准绳:不呈现多于一个的把持统一个单位格巨细的height和width,包管任何一个width和height都是无效的,也就是你修改代码中任何一个width和height的数值,都应当在扫瞄器中看到变更。做到这一条不简单,必要较长工夫的实习和思索。

/一般原则

1.在排布表格之前,请人人必定要好好思索一个最好的计划,表格的嵌套只管把持在三层之内,而且应当只管制止<colspan><rowspan>两个标志,履历标明,这两个标志会带来很多贫苦。

2.一个网页要只管制止用全部一张年夜表格,一切的内容都嵌套在这个年夜表格以内,由于扫瞄器在注释页面的元素时,是以表格为单元一一显现,假如一张网页是嵌套在一个年夜表格以内,那末极可能酿成的成果就是,当扫瞄者敲进网址,他要先面临一片空缺很长工夫,然后一切的网页内容同时呈现。假如必需如许做,请利用<tbody>标志,以便可以使这个年夜表格分块显现。

3.排版中我们常常会碰到必要举行首行缩进的处置,不要利用大概全角空格来到达效果,标准的做法是在款式表中界说p{text-indent:2em;}然后给每段加上<p>标志,注重,一样平常情形下,请不要省略</p>停止标志。

4.准绳上,我们克制用<imgwidth=?height=?>来工资干涉图片显现的尺寸,并且倡议<img>标签中不要带上width和height两个属性,这是由于制造过程当中,图片常常必要重复的修正,如许能够制止工资干涉图片显现的尺寸,尽量的发扬扫瞄器本身的功效;可是如许的一个反作用是当网页还未加载图片时,不会留出图片的站位巨细,大概会形成网页在加载过程当中发抖(假如图片是插在一个流动巨细的表格里的,不会有这个征象),特别是当图片的尺寸较年夜时,这类征象会很分明,以是当意料到这类会分明招致网页发抖的情形会产生时,请人人务必在最初给<img>附上width和height属性。

5.为了最年夜水平的发扬扫瞄器主动排版的功效,在一段完全的笔墨中请只管不要利用<br>来野生干涉分段。

6.分歧语种的笔墨之间应当有一个半角空格,但避头的标记之前和避尾的标记以后除外汉字之间的标点要用全角标点,英笔墨母和数字四周的括号应当利用半角括号。

7.一切的字号都应当用款式表来完成,克制在页面中呈现<fontsize=?>标志。

8.请不要在网页中一连呈现多于一个的也只管少利用全角空格(英笔墨符集下,全角空格会酿成乱码),空缺应当只管利用text-indent,padding,margin,hspace,vspace和通明的gif图片来完成。

9.中英文混排时,我们尽量的将英文和数字界说为verdana和arial两种字体。

10.行距倡议用百分比来界说,经常使用的两个行距的值是line-height:120%/150%.

11.网站中的路径全体接纳绝对路径,一样平常链接到某一目次下的缺省文件的链接路径不用写全名,如我们不用如许:<ahref=”aboutus/index.htm”>而应当如许:<ahref=”aboutus/”>

12.嵌进图形文本的利用较年夜的字体,倡议不要在图形中包含文本。

13.“网页巨细”界说为网页的一切文件巨细的总和,包含HTML文件和一切的嵌进的对象。用户喜好快的而不是别致的站点。关于解调器用户,网页巨细坚持在34K以下为符合。

/文件命名原则

1.每个目次中应当包括一个缺省的html文件,文件名一致用index.htm

2.件称号一致用小写的英笔墨母、数字和下划线的组合。

3.定名准绳的引导头脑一是使得你本人和事情组的每个成员可以便利的了解每个文件的意义,二是当我们在文件夹中利用“按称号排例”的命令时,统一种年夜类的文件可以分列在一同,以便我们查找、修正、交换、盘算负载量等等操纵。

4.上面以“旧事”(包括“国际旧事”和“国际旧事”)这个栏目来讲明html文件的定名准绳:

☆在根目次下开设news目录

☆第一条缺省旧事取名index.htm

☆一切属于“国际旧事”的旧事顺次取名为:china_1.htm,china_2.htm,…

☆一切属于“国际旧事”的旧事顺次取名为:internation_1.htm,internation_2.htm,…

☆假如文件的数目是两位数,请将前九个文件定名为:china_01.htm,china_02.htm以包管一切的文件可以在文件夹中准确排序。

5.图片的定名准绳遵守以下几条标准:

☆称号分为头尾两两部分,用下划线离隔。

☆头部分暗示此图片的年夜类性子,比方告白、标记、菜单、按钮等等。

☆一样平常来讲:

安排在页面顶部的告白、粉饰图案等长方形的图片我们取名:banner
标记性的图片我们取名为:logo
在页面上地位不流动而且带有链接的小图片我们取名为button
在页面上某一个地位一连呈现,性子不异的链接栏目标图片我们取名:menu
粉饰用的照片我们取名:pic
不带链接暗示题目的图片我们取名:title
按照此准绳类推。

☆尾部分用来暗示图片的详细寄义。

☆上面是几个样例,人人应当可以一眼看分明图片的意义:
banner_sohu.gifbanner_sina.gifmenu_aboutus.gifmenu_job.gif
title_news.giflogo_police.giflogo_national.gifpic_people.jpg
pic_hill.jpg.


C++编译的是本地码,优点是启动快,而且可以精确控制资源因此可以开发很高效的程序.缺点是编程麻烦,而且容易留下安全隐患.跨平台靠源代码在各个平台间分别编译(一处编写到处编译)
小女巫 该用户已被删除
沙发
发表于 2015-1-21 13:52:24 | 只看该作者
是一种语言,用以产生「小应用程序(Applet(s))
金色的骷髅 该用户已被删除
板凳
发表于 2015-1-27 17:27:07 | 只看该作者
是一种使网页(Web Page)由静态(Static)转变为动态(Dynamic)的语言
老尸 该用户已被删除
地板
发表于 2015-2-5 08:16:46 | 只看该作者
你可以去承接一些项目做了,一开始可能有些困难,可是你有技术积累,又考虑周全,接下项目来可以迅速作完,相信大家以后都会来找你的,所以Money就哗啦啦的。。。。。。
变相怪杰 该用户已被删除
5#
发表于 2015-2-10 23:14:07 | 只看该作者
是一种突破用户端机器环境和CPU
活着的死人 该用户已被删除
6#
发表于 2015-3-1 17:09:14 | 只看该作者
你就该学一学Servlet了。Servlet就是服务器端小程序,他负责生成发送给客户端的HTML文件。JSP在执行时,也是先转换成Servlet再运行的。虽说JSP理论上可以完全取代Servlet,这也是SUN推出JSP的本意,可是Servlet用来控制流程跳转还是挺方便的,也令程序更清晰。接下来你应该学习一下Javabean了,可能你早就看不管JSP在HTML中嵌Java代码的混乱方式了,这种方式跟ASP又有什么区别呢?
若天明 该用户已被删除
7#
发表于 2015-3-8 00:54:07 | 只看该作者
接着就是EJB了,EJB就是Enterprise JavaBean, 看名字好象它是Javabean,可是它和Javabean还是有区别的。它是一个体系结构,你可以搭建更安全、更稳定的企业应用。它的大量代码已由中间件(也就是我们常听到的 Weblogic,Websphere这些J2EE服务器)完成了,所以我们要做的程序代码量很少,大部分工作都在设计和配置中间件上。
柔情似水 该用户已被删除
8#
发表于 2015-3-11 20:59:11 | 只看该作者
如果要向java web方向发展也要吧看看《Java web从入门到精通》学完再到《Struts2.0入门到精通》这样你差不多就把代码给学完了。有兴趣可以看一些设计模块和框架的包等等。
山那边是海 该用户已被删除
9#
发表于 2015-3-19 13:16:26 | 只看该作者
不过,每次的执行编译后的字节码需要消耗一定的时间,这同时也在一定程度上降低了 Java 程序的运行效率。
小妖女 该用户已被删除
10#
发表于 2015-3-20 18:36:49 | 只看该作者
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件,如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢?当然Java语法得先看一看的,I/O包,Util包,Lang包你都熟悉了吗?然后再从JSP学起。
不帅 该用户已被删除
11#
发表于 2015-3-20 21:46:12 | 只看该作者
是一种突破用户端机器环境和CPU
admin 该用户已被删除
12#
发表于 2015-3-25 22:02:42 | 只看该作者
是一种简化的C++语言 是一种安全的语言,具有阻绝计算机病毒传输的功能
若相依 该用户已被删除
13#
发表于 2015-3-26 20:40:13 | 只看该作者
多重继承(以接口取代)等特性,增加了垃圾回收器功能用于回收不再被引用的对象所占据的内存空间,使得程序员不用再为内存管理而担忧。在 Java 1.5 版本中,Java 又引入了泛型编程(Generic Programming)、类型安全的枚举、不定长参数和自动装/拆箱等语言特性。
再现理想 该用户已被删除
14#
发表于 2015-4-5 02:05:26 | 只看该作者
象、泛型编程的特性,广泛应用于企业级Web应用开发和移动应用开发。
乐观 该用户已被删除
15#
发表于 2015-4-20 23:28:00 | 只看该作者
接着就是EJB了,EJB就是Enterprise JavaBean, 看名字好象它是Javabean,可是它和Javabean还是有区别的。它是一个体系结构,你可以搭建更安全、更稳定的企业应用。它的大量代码已由中间件(也就是我们常听到的 Weblogic,Websphere这些J2EE服务器)完成了,所以我们要做的程序代码量很少,大部分工作都在设计和配置中间件上。
飘灵儿 该用户已被删除
16#
发表于 2015-4-24 20:35:51 | 只看该作者
是一种使网页(Web Page)产生生动活泼画面的语言
第二个灵魂 该用户已被删除
17#
发表于 2015-5-1 17:28:15 | 只看该作者
任职于太阳微系统的詹姆斯·高斯林等人于1990年代初开发Java语言的雏形,最初被命名为Oak,目标设置在家用电器等小型系统的程序语言
冷月葬花魂 该用户已被删除
18#
发表于 2015-5-4 18:27:25 | 只看该作者
Sun公司看见Oak在互联网上应用的前景,于是改造了Oak,于1995年5月以Java的名称正式发布。Java伴随着互联网的迅猛发展而发展,逐渐成为重要的网络编程语言。
简单生活 该用户已被删除
19#
发表于 2015-6-14 19:23:44 | 只看该作者
任职于太阳微系统的詹姆斯·高斯林等人于1990年代初开发Java语言的雏形,最初被命名为Oak,目标设置在家用电器等小型系统的程序语言
莫相离 该用户已被删除
20#
 楼主| 发表于 2015-6-22 05:13:36 | 只看该作者
Jive的资料在很多网站上都有,大家可以找来研究一下。相信你读完代码后,会有脱胎换骨的感觉。遗憾的是Jive从2.5以后就不再无条件的开放源代码,同时有licence限制。不过幸好还有中国一流的Java程序员关注它,外国人不开源了,中国人就不能开源吗?这里向大家推荐一个汉化的Jive版本—J道。Jive(J道版)是由中国Java界大名 鼎鼎的banq在Jive 2.1版本基础上改编而成, 全中文,增加了一些实用功能,如贴图,用户头像和用户资料查询等,而且有一个开发团队在不断升级。你可以访问banq的网站
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:56

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表