HTML web-editore

Wikipedia, Entziklopedia askea
Jump to navigation Jump to search
HTML source code example.svg

Web-orrien editoreak HTML edo XHTML motako dokumentuen sorrera eta edizioa errazteko diseinatutako aplikazioak dira. Web-orri bateko HTML markaketa edozein testu-editorerekin egin daitekeen arren, HTML-editore espezializatuek erosotasun eta funtzionaltasun erantsiak eskaini ditzakete. Izan ere, HTML-editore askok ez dute HTML markaketa-lengoaia soilik erabiltzen, CSS, XML eta JavaScript edo ECMAScript moduko teknologiak ere erabiltzen dituzte. Kasu batzuetan, urrutiko web-zerbitzarietarako komunikazioa (FTP eta WebDAV bidez, adibidez) eta bertsioen kontrolerako sistemak (Subversion edo Git kasu) ere kudeatzen dituzte.

Testu editore motak[aldatu | aldatu iturburu kodea]

Bi motakoak daude: formatu gabeko testu-editoreak eta WYSIWYG ("What You See Is What You Get") editoreak.[1]

Formatu gabeko testu editoreak[aldatu | aldatu iturburu kodea]

Testu lau motako editoreak direla ere esan ohi da, testu-editore hauek ez dutelako aldez aurretik ezarritako formatu finkorik. Windows-eko “Bloc de Notas” editorea, adibidez, testu lau motako editore bat da, nahiz eta ez den oso erabilia web-orrien ediziorako. Formatu gabeko testu-editoreetan zuzenean idatzi behar dira web-orri bat diseinatzeko beharrezkoak diren aginduak.

Edizioan laguntzeko, badira sintaxia nabarmentzen[2] duten aplikazioak, edota txantiloiak, tresna-barrak, eta teklatu-lasterbideak eskaintzen dituztenak ere. Horiei esker, HTML markaketa-lengoaiako elementu eta egitura komunak azkar txerta daitezke. Gainera, mota honetako editoreetan beste hainbat tresna integratzea posible izaten da bertsioen kontrola kudeatzeko, esteken zuzentasuna egiaztatzeko, zuzenketa ortografikoa egiteko, web-orrien FTP edo WebDAV bidezko karga errazteko, etab. Horietako funtzio batzuk, esteken zuzentasuna egiaztatzea kasu, sareko konexioa eskatzen dute.

Testu-editoreen bidez web-orriak sortzeko beharrezkoa gertatzen da erabiltzaileak HTML markaketa-lengoaia edota CSS eta JavaScript ondo ezagutzea. Zeregin horretan laguntzeko, editore batzuk kolore-nabarmenketa eskaintzeaz gain aukera ematen diote erabiltzaileari HTML-markaketa modu antolatuagoan editatzeko. Horrela, adibidez, paleta-leihoak edo elkarrizketa-koadroak erabiltzeko aukera eman ohi dute eremu indibidualetan parametroak editatzeko edo pantailan inprimaki bat betez etiketa berriak txertatzeko. Funtzio gehigarriak ere izaten dira irudi baten aurretiko ikuspegia erakusteko, adibidez.

WYSIWYG HTML editoreak[aldatu | aldatu iturburu kodea]

WYSIWYG (“What You See Is What You Get”)-en akronimoa da. Euskaraz "Ikusten duzuna da lortzen duzuna" moduan itzul genezake. Mota honetako editoreek dokumentuaren emaitza ikuspegia erakuste dute uneoro. LibreOffice Writer edo Microsoft Word editoreak, adibidez, filosofia honetan oinarritzen diren editore ezagunak dira.

WYSIWYG motako web-editoreek ediziorako interfaze bat eskaintzen dute, edizio-prozesu osoan zehar sortze-bidean dagoen web-orriaren aurretiko bista erakusteko. WYSIWYG motako web-editoreekin ez da beharrezkoa HTML markaketa-lengoaia ezagutzea. Hori dela eta, web-orrien edizioan esperientziarik ez duten erabiltzaileentzat errazagoak gertatzen dira. Izan ere, erabiltzaileak ez ditu HTML markaketa-lengoaiaren etiketak zuzenean editorean tekleatu behar. Horren ordez, nahikoa da testua idaztea eta ondoren formatua ematea edota irudiak txertatzea, LibreOffice Writer edo Microsoft Word editoreetan, adibidez, egin ohi den antzera lan eginez.

WYSIWYG motako web-editoreek erakusten duten aurretiko bista hori txertatua duten diseinu-motor baten bidez lortzen da. Pertsonalizatua izan daiteke edo web-nabigatzaile batean erabilitako batean oinarritua izan. Web-orria renderizatua izan ondoren web-nabigatzaile tipiko batean ikusiko litzatekeen moduan erakustea da motor horien helburua.

WYSIWYG motako editoreen paradigma alternatiboa WYSIWYM (“What You See Is What You Mean”) edo euskaraz "Ikusten duzuna da esan nahi duzuna" da. Filosofia horri jarraitzen dioten editoreek erabiltzailearen arreta dokumentuaren edukian egotea da, eta ez formatuan edo itxura kontuetan. Horregatik editatzen dira zuzenean aginduak, eta aginduen bidez adierazten dira, adibidez, dokumentuaren orri-buruak, atalak, paragrafoak, etab. Editorean aginduak ikusten ditu erabiltzaileak baina haien eragina behar bezala erakusten da nabigatzailean.

Baliozko HTML markaketa[aldatu | aldatu iturburu kodea]

World Wide Weberako estandarrak sortzen dituen erakundea da World Wide Web Consortium (W3C), eta HTML markaketa-lengoaiaren bidez sortutako web-orriek W3Cren estandarrak bete ditzaten, idazteko moduari buruzko zenbait arau bete behar dira. Arau horiek jarraitzeak esan nahi du webguneak eskuragarri egongo direla ordenagailu-mota guztietan, baita haririk gabeko gailuetan ere (telefono mugikor edo PDA) nahiz eta haien banda-zabalera eta pantailaren tamaina mugatua izan. Desgaitasunak dituzten pertsonentzat ere irisgarri izan beharko lukete web-orriek. Hala ere, Internet sarean dauden HTML dokumentu askok ez dituzte W3Cren estandarrak betetzen. 2011ean egindako azterlan batean, 350 webgune ezagunenak (Alexa indizearen bidez aukeratutakoak) aztertu ziren, eta %94ak ez zituzten estandarraren testak gainditu.

Valid HTML 4.0.1 (blue).svg

Gerta daiteke sintaktikoki zuzenak diren dokumentuak eraginkorrak ez izatea, gaur egun zaharkituak geratu diren arauetan oinarrituz sortuak izan zirelako, adibidez. CSSren eta HTMLren erabilerari buruz W3C elkartzeak eman zituen lehen gomendioak 1996koak dira, eta berrikusiak eta finduak izan dira ordutik hona (ikus CSS, XHTML, W3Cren egungo CSS gomendioa, W3Cren egungo HTML gomendioa).[3]

Web-orrien ediziorako gomendioek web-orrien edukia (HTML edo XHTML) eta estiloa (CSS) ondo bereiztu behar direla azpimarratzen dute. Bereizketa hori egiteak duen abantaila honakoa da: webgune bat diseinatzean, estiloari buruzko informazioa behin bakarrik ematen da, ez web-orri guztietan edo HTML-elementu bakoitzean errepikatuta. WYSIWYG motako editoreen diseinatzaileak euren erabiltzaileei kontzeptu hori ahalik eta ondoen azaltzen saiatu izan dira, eta filosofia horri jarraitzen dioten gaur egungo editore moderno gehienek neurri batean arrakasta lortu dute, arrakasta erabatekoa ez bada ere.

Desgaitasun fisikoak, ikusteko desgaitasuna edo bestelakoak dituzten pertsonentzat web-orriak irisgarriak izatea ideia ona izateaz gain betebehar bat ere bada. Gaur egungo gizarte modernoan webguneek duten lekua eta garrantzia kontuan izanik, herrialde batzuetan (AEB eta Erresuma Batua, adibidez) webguneek irisgarritasun arauak betetzea legez derrigortutako zerbait da.

Web semantikoa[aldatu | aldatu iturburu kodea]

HTMLk izan ditzakeen arazoak[aldatu | aldatu iturburu kodea]

HTML lengoiaren bidez ez dago informazio ona eta txarra bereizteko modurik, bilatzaileek lehenengo agertzen duten ez baita beti kalitatea ziurtatzen. HTMLko etiketa gehienak testuaren egitura eta itxura deskribatzeko dira, gizaki batek testua modu egokian ikusi eta ulertu ahal izateko. Ez daude pentsatuta makinen tratamendu automatikoa hobetu edo errazteko.[4]

Bilatzaileak makinak dira eta etiketetan oinarritzen dira informazio egokia eskuratzeko, ez dute informazio nahikorik lan ona egiteko. Hori dela eta, izen bera duten bi gauzen artean egokia aukeratzea oso zaila izan daiteke. Bilatzaile batek ezin du jakin Java hitza agertzen denean uharteari buruz edo programazio-lengoiari buruz hitz egiten ari den. World Wide Webaren sortzailea bera ari da konponbidea bilatu nahian. Hain zuzen ere, web semantikoarena da Tim Berners-Leek zuzendutako World Wide Web Consortium nazioarteko erakundea azkenaldian gehien lantzen ari den gidalerroetako bat: hasierako diseinu haren akatsak zuzendu nahi dituen egitasmoa. HTML formatuaren etiketatzeak dokumentuak eta haien arteko loturak deskribatzeko balio du. Web semantikoan, aldiz, objektuak, pertsonak eta horrelakoak, eta haien arteko erlazioak deskribatzen dira. Etiketek orriaren itxura eta egitura azaldu beharrean, orriko elementuen esanahia etiketatzen da. Web semantikoan etiketa jakin batzuk leudeke, adibidez, musika-taldeak deklaratu eta deskribatzeko, beste batzuk pertsonak deklaratu eta deskribatzeko, beste batzuk pertsona batzuek musika talde bat osatzen dutela deskribatzeko, eta horrela gauza guztiekin. Beraz, web semantikoa izango litzateke pertsonentzat kodetzen den HTML sarearekin batera existituko litzatekeen sare paralelo bat, makinek ulertzeko moduko ezagutza-base bat, semantika adierazteko formatuetan kodetua. Lengoaia naturaleko webaz gain, testu egituratuko beste bat izango genuke. Ezagutzaren errepresentazio hori makinek ulertu ahal izango lukete, modu eraginkorrean tratatu, ezagutza berria inferitu...

Web baten erabiltzen diren teknologiak[aldatu | aldatu iturburu kodea]

Sarean dauden kontzeptu guztiak definitzeko, etiketatze semantikoko eskema eta formatuak behar dira. W3Ck formatu horiek definitu ditu hainbat estandarretan; RDF eta OWL dira garrantzitsuenak eta ezagunenak.[5]

RDF ( Resource Description Framework ) baliabideak deskribatzeko balio duen formatu bat da, XMLn oinarritua. Hiru elementutan oinarritzen da: baliabideak, propietateak eta propietateen balioak. Baliabidea deskribatuko den hori da, eta URL batez (web identifikatzaile edo helbide batez) identifikatzen da. Propietatea baliabidearen ezaugarri bat da, deskribatu nahi dena. Eta balioak deskribatu nahi diren ezaugarrien balio konkretuak dira, horrela nahi duguna deskriba dezakegu. RSS ( Really Simple Syndication ) formatua izatez RDF mota bat da (jatorrizko izena RDF Site Summary da), albisteak deskribatzen espezializatutakoa. Blogak teknologia honetan oinarritzen dira.Web 2.0ren iraultzaren benetako "errudunetako" bat RSSa izan zen.

OWL ( Web Ontology Language ) lengoaiak gauza-mota bakoitza (pertsonak, musika taldeak, liburuak...) deskribatzeko erabili beharreko etiketetan ados jartzen laguntzen du. OWLk ezagutza-arlo edo bizitzaren esparru jakin bateko objektu edo entitateak nola deskribatuko diren definitzea ahalbidetzen du.

Ez da lan erraza,batetik, existitzen diren kontzeptu guztientzako ontologiak definitu eta adostu behar dira, eta, hainbat gauza jada egin diren arren, lan ikaragarria da. Baina, bestetik, gero edukia formatu horietan sortu behar da, eta hori oso neketsua izan daiteke. Webguneak tresnak erabiliz sortzen dira aspalditik, eta tresna horiek izan beharko dira egokitu eta edukia formatu semantikoan ere sortuko dutenak, blog-plataformek zuzenean RSSa ere publikatzen duten bezala.

Mikroformatuak[aldatu | aldatu iturburu kodea]

Web semantikoa ez bezala, mikroformatuak ez dira World Wide Web edo sarearen etorkizuna gidatzen duen W3C erakundearen eta haren zuzendari eta web-aren asmatzaile den Sir Tim Berners Lee-ren ekimen bat, internauten artean sortutako mugimendu bat baizik. Mikroformatuaren helburua web semantikoa iritsi bitartean ideia beraren gainean aurrerapausoak ematea da. Web semantikoarekiko paraleloan sortutako ekimen bat da.[6]

Web semantikoan, sare paralelo bat eraikitzea proposatzen da, esanahia adierazteko formatu egituratuetan kodetutakoa, eta, sare paralelo horretan, bestean aipatzen diren objektu, pertsona eta abar guztiak eta euren arteko erlazioak deskribatuko lirateke. Mikroformatuen mugimenduan, aldiz, kontzeptu jakin batzuk soilik etiketatzen dira semantikoki, erabilienak eta praktikoenak alegia, eta HTMLn dagoen egungo webaren baitan. Horretarako, HTML formatuak dituen etiketa eta atributu generiko batzuez baliatzen dira: div etiketa (orriko atalak ezberdintzeko erabilia), span etiketa (testu baten zatiak nabarmentzeko erabilia), class atributua (edozein elementu zein motatakoa den deskribatzeko erabilia) eta rel atributua (erlaziozko elementuetan erlazio mota definitzeko erabilia). Hala, etiketa horiei class eta rel atributuen balio jakin batzuk emanez definitzen da mikroformatu bat.

Mikroformatuen mugimendua ez da estandarrak definitzeko erakunde bat; beraien webgunearen bidez koordinatzen den komunitate ireki bat besterik ez da. Horko wikiak, posta-zerrendak eta abarrak erabiltzen dituzte mikroformatuak definitzeko, berriak sortzeko, eztabaidatzeko eta abarretarako, eta modu horretan definitu dituzte egun existitzen diren mikroformatuak. Beraz, webgune bat kudeatzen badugu, webgune horretako hainbat gauza (kontaktu-informazioa, ekitaldien egutegia...) mikroformatu bidez kodetu ditzakegu. Webgunearen HTML kodean edo programazioan zuzenean egin dezakegu, baina, bestela ere, gero eta web-garapeneko tresna gehiagok ematen dute aukera mikroformatuak kodetzeko: Drupal, Wordpress, Dreamweaver... Eta balidatzaileak ere badaude, ongi egin ditugun ikusteko.

Badaude hainbat zerbitzu mikroformatuak erabiltzen dituztenak. Bilatzaile nagusiek lizentzia libreko edukiak bilatzea ahalbidetzen dute, rel-license mikroformatua erabiltzen duten webguneei esker. Google-k berriki jakinarazi du webguneetan hCard, hReview eta hProduct mikroformatuak detektatuko dituela, bilaketa-emaitza aberatsagoak eskaintzeko (Yahoo!-k egiten du hori, duela urtebetetik baino gehiagotik). Eta Firefox nabigatzaileak badu Operator izeneko plug-in bat, nabigatzen ari garen orrietan mikroformatuak detektatzen dituena; eta, haiekin, eragiketa aurreratuak egiten uzten digu: ekitaldiak gure agendara gehitu, kontaktu-informazioa automatikoki gure helbide-zerrendan sartu, koordenatu geografiko bat gure Tagzania-ko kontura eraman... Laster, horrelako aukerak zuzenean nabigatzailean integratuta etorriko dira.

Erreferentziak[aldatu | aldatu iturburu kodea]

  1. (Ingelesez) HTML editor 2019-08-28 . Noiz kontsultatua: 2019-10-17.
  2. (Ingelesez) Syntax highlighting 2019-09-12 . Noiz kontsultatua: 2019-12-02.
  3. «HTML 5: estandarrak behar zuen eguneraketa - Zientzia.eus» zientzia.eus . Noiz kontsultatua: 2019-12-02.
  4. «Web semantikoa: Interneten benetako ahala iristeko dago oraindik - Zientzia.eus» zientzia.eus . Noiz kontsultatua: 2019-11-28.
  5. «Web semantikoa, badauden eta beharko diren teknologiak - Zientzia.eus» zientzia.eus . Noiz kontsultatua: 2019-11-28.
  6. «Mikroformatuak, web semantikoaren aperitifa - Zientzia.eus» zientzia.eus . Noiz kontsultatua: 2019-11-28.

Ikus, gainera[aldatu | aldatu iturburu kodea]

Kanpo estekak[aldatu | aldatu iturburu kodea]