愤怒的大鸟 发表于 2015-1-16 00:05:20

CSS教程之WEB2.0的五个手艺点:单手定章

提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
之前的一篇关于CSS的文章不太被良多人懂得,了局好一段工夫都在寻思关于CSS一块的文章应当怎样写,至今还没有得出一个让本人中意的谜底。新的一年了,回想之前的日子;公司内里一年夜堆器材在忙差未几有一个月没有写过有关手艺的文章,也好久没有存眷过群里的事变(屏障了好几个)。这两天回到群内里看,觉察质量下落了;闲谈的人愈来愈多,议论乱78糟事变的人也愈来愈多了。……看来是时分该写一点器材出来,鼓动一下网站重构职员的士气和给人人建立一个明白的方针。
回到主题,关于WEB2.0的。关于这个名词应当对人人都不生疏。这几年的中国互联网闹得沸沸扬扬的,有人推许,有人以为炒作。但是这些人都晓得WEB2.0么?没错,我的锋芒不但是指向各个互联网企业的CO,另有那些多少想靠一篇批评出位的bloger。大概人人也会以为我是如许的一团体,那我们一同先来看看我们如今所晓得的WEB2.0的几点:


[*]WEB2.0是一个并不是以手艺为主导的观点;
[*]WEB2.0是以一系列网站做为代表的统称;
[*]WEB2.0是以用户作为内容来历的;
[*]WEB2.0是出自于2004年3月,在欧雷利媒体公司(O’ReillyMediaInc.)在线出书及研讨的副总裁戴尔·多尔蒂(DaleDougherty)之手。
这里要说说的就是从这里的提出人和公司。DaleDougherty是最早提出API的人之一。关于如许的一个手艺型的人说出了一个并不是以手艺作为主导的观点,单是这一点就能够认定这个是一个不成让人信任的圈套。记得EMU说过的如许的一句话:“一个有手艺影响力的手艺型的人,一旦处置的事情得到了手艺影响力就是说已没有了影响力。当没有了影响力他处置的任何事情城市得到信念,进而生效。”
别的的一方面来讲,一系列的网站作为代表的统称。那是不是依照那些网站的形式和架构就是叫做WEB2.0时期的网站呢?以是呈现了这么多“找逝世的WEB2.0”。由于从一个尽头形貌往多向开展是基本不成能抵达所谓的尽头的。
第三点,良多所谓的内容为王,进而的另有以用户作为内容来历。那末我们的用户在那里来?是否是就是说国际的除Tencent、Taobao等这些有着年夜型用户群体的公司之外其余公司都没法进进WEB2.0?
人人能够看到就依耐TimOReilly收拾后的演讲一文《WhatisWEB2.0》(官方指定译文)傍边,被国人转达后所注意的几点是那末的毛病百出。也就正如页面界没有人不晓得的一本书《网站重构》到了中国就酿成了DIV+CSS。可是人人不晓得有无仔细地读过这本书,内里有着JeffreyZeldman所说如许的一句话——“即大批的利用div标签作为布局元素,没有流动的尺度和事理说不可,但现实上这是一种更初级的table滥用。”原文为“Well,ifknowanythingabouttemplates,youwillknowthatyoucanusetablesor<div>tags.Well,itsthesamefornestedtemplates.Inotherwords,ifyouwantedtoyankoutthetablesandreplacethemwith<div>tags,youstillcanusenestedtemplatesanditwillstillwork.Thereisnoruleortechnicalreasonthatsaysyoucantuse<div>tagsintemplatesornestedtemplatesorlibraryitems.”(收集的出处)。以是真正拦阻我们的开展的并非我们“拿来”的他人的书,而是那些鲁迅笔下的被有形的手掐着的鸭子。
但是本文并非纯真的像良多人一样只是说出他的成绩而不往办理它,也就是我想让人人晓得的WEB2.0的单手准绳。依照TimOReilly的演讲中后半段和DaleDougherty的意向我们能够将两头的所提到的手艺兼并同类项依照汗青中呈现的按次回结为以下的5点(如RSS和XML兼并到XHML一类等):

[*]API
[*]XHTML
[*]CSS
[*]AJAX
[*]SEO
我们再将以上5个手艺点依照我们手指的前后分离定名:

我们人人再将本人的一只手竖起来,正如你在物理课下面学“右手定律”和“左手定章”一样随着我做一个实验:(固然条件是基于一个身材一般的人类)将恣意一只手指独自的曲折到切近手心,看看其他的四只手指是不是还能与手背成一向线而且温馨。人人是不是发明了一些奇怪的事变:单只手指曲折的时分,只要拇指才干完成指定举措。
我们看看这申明了甚么:

当单项手艺分离到落实的时分,只要单做API能完成义务。但是单做API在我们看来在互联网傍边应该只要我们的用户,由于这些用户只会不休地开源本人的“接口”(这里先不讲手艺上的API),不休地输入我们想要的材料和信息,同时我们的WEB2.0也是能单靠这一点能够先存活上去的,也就是我们罕见的VC砸钱。在如许的WEB2.0时期,冒头的产物就已很坚苦了;保存下往就加倍的坚苦,并且在一种无期的耐久战中折腾于一个存活阶段却不明白利用这些手艺伎俩往保持本人的生存,不会开源撙节就是同等于本人找逝世。
举例逐一的申明,好比尾指也就是人人罕见的渣滓站,没有甚么手艺技能纯真的作静态页面,被挪动封杀今后几渣滓站站长要自愿转型为服务器供应商。接着是知名指,这里就想以饭否为例说一说,之前在群里和人赌博过一顿饭他们不克不及支持过两年,除非转型。不看好他的缘故原由是由于过量的利用服务器操纵,没法将页面静态化,数据静态化;这里会有过量的流量损耗和服务器吐页面的功能损耗。再谈到中指,过往的WEB1.0的对应情势是甚么,针对一项营业开辟新的终端平台就必要从头的招收一批开辟团队;而在WEB2.0的时期,我们只是必要用一个开辟团队和一个杰出的页面重构职员,经由过程页面傍边CSS毗连的media属性毗连到“screen”、“handheld”、“TV”等往展示分歧的体现,从而完成开源撙节。
因而可知,在WEB2.0傍边,要真实的立于不败之地就必需五个手指一同曲折,就是五样手艺一同抓。然后良多人会奇异,SEO和AJAX二者手艺而言其自己就是有所抵触的;那末他们二者怎样能一同的并存于WEB2.0的手艺范畴呢?我们看一看我们的手,知名指和尾指邻近,相连。而在我们的产物情势傍边如许的形态就只要呈现在我们的“Portal端”和“client端”。我们就应该针对用户会见最多(关于全站而言)的client端做AJAX,静态化模板、静态拉往数据,同时也能借助AJAX的不被搜刮引擎收录性回护升引户未公然公布的、加密的和点对点的信息和内容;而别的的一方面我们应该在portal端举行页面文件的静态化,使得用户想要公布的信息加倍简单的往被搜刮引擎所收录增添网站和用户的出名度和将信息凝结。(这里说的是信息的自己而不是像以后良多所谓WEB2.0网站做的用户自己,固然这里存有多少的手艺细节技能。)而别的的一方面利用完美的XHMTL(傍边包含语义化的页面文件和RSS)体现页面布局,和利用多向的CSS作为多平台终真个低本钱扩大。最初利用多撑持性的插件和尺度化的API(这里指的就是手艺上的API)往蚕食那些不属于你的互联网领地,就好比饭否的插件(11个blog服务商)、和叽歪的输出路子(9种)和API这一块团体以为就做得十分的乐成;比拟起来以后的别的老迈哥反倒体现出一种“吃成本”的滋味,好比“搬场工具”掉势的blogcn,输出路子掉势的滚滚……等等。
这个定章放在我这里已快一年了。一向本着看3做2说1的体例,但是这个3看了做了也快一年了;到如今才把他说出来皆因临时内心面还没有看到一个更高的3。不外我信任“舍得”——有舍必有得,正如现在想通这些前也是履历着如许的没有3的阶段。但如今的情况是的确必要把他写出来的。人人也能够看到这里傍边提到的五样手艺都是我们网站重构职员的职责局限(是指网站重构而非页面重构和页面制造),以是我们应该有义务也有任务往把中国的WEB2.0做好。固然我们只是手艺层面,而真实的WEB2.0固然另有有其他层面的掌控。不外本定章傍边的一些完成细节技能由于贸易保密准绳不克不及公然,但愿人人包涵。

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。

谁可相欹 发表于 2015-1-18 05:13:47

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

分手快乐 发表于 2015-1-25 20:06:09

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

莫相离 发表于 2015-2-3 22:15:23

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

乐观 发表于 2015-2-9 07:31:07

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

蒙在股里 发表于 2015-2-27 04:59:36

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

小魔女 发表于 2015-3-8 22:49:51

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

活着的死人 发表于 2015-3-16 20:03:42

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

第二个灵魂 发表于 2015-3-23 06:46:41

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
页: [1]
查看完整版本: CSS教程之WEB2.0的五个手艺点:单手定章