Ph: 0321193121

Óêðà¿íñüêèé ïåðåêëàä "Web Style Sheets home page"

Öåé äîêóìåíò º ïåðåêëàäîì ñòàòò³ «Web Style Sheets home page». Îðèã³íàëüíà âåðñ³ÿ äîêóìåíòó çíàõîäèòüñÿ ò³ëüêè íà ñàéò³ W3C http://www.w3.org/Style/
Öåé ïåðåêëàä ÍÅ º îô³ö³éíèì äîêóìåíòîì W3C.
Âñ³ Àâòîðñüê³ Ïðàâà Íàëåæàòü W3C.
Öåé äîêóìåíò ìîæå ì³ñòèòü ïîìèëêè ïåðåêëàäó òà ïîõèáêè.
Àâòîð: Ñêðèïåöü ªâãåí (âñ³ ïåðåêëàäè àâòîðà)
Äîêóìåíò ïåðåêëàíî çà ï³äòðèìêè ñàéò³â îãëÿäó âåáðåñóðñ³â, ñàéò 360 òà ðåñóðñó îïòèì³çàòîð³â. Ñïîíñîðè ïåðåêëàäó ñàéòè ç îáçîðó âåáñåðâåð³â, ðåñóðñè ç îãëÿäó ñàéò³â òà êðèòèê ñàéò³â òà ìîí³òîð³íãó ñàéò³â
Ëîêàëüíà êîï³ÿ: http://www.mirrors.org.ua/Style/ua/

 

Âåá Òàáëèö³ Ñòèë³â
Ãîëîâíà ñòîð³íêà

(Öÿ ñòîð³íêà âèêîðèñòîâóº êàñêàäí³ òàáëèö³ ñòèë³â CSS)

Ùî íîâîãî?

Ùî òàêå òàáëèö³ ñòèë³â?

Ãàçåòí³ øàëüêè

Êîíôåðåíö³¿

CSS

XSL

DSSSL

CSS-DOM i SAC

"Áóäåìî ñïîä³âàòèñÿ, ùî âñ³ âåá ³íîâàö³¿ áóäóòü áðàòè ïðèêëàä ç Âåá Êîíñîðö³óìó â éîãî ðîáîò³ íàä CSS"

— Jakob Nielsen

Ùî íîâîãî?

Äèâ³òüñÿ ðîçä³ëè "ùî íîâîãî?" òóò CSS ³ òóò XSL

Ùî òàêå òàáëèö³ ñòèë³â?

Òàáëèö³ ñòèë³â îïèñóþòü ÿê äîêóìåíòè ïîâèíí³ â³äîáðàæàþòüñÿ íà åêðàí³, ïðè äðóö³ ³, ìîæëèâî, ÿê âîíè âèìîâëÿþòüñÿ. Ç ìîìåíòó ñòâîðåííÿ â 1994 ðîö³ W3C àêòèâíî ïðîïàãóº âèêîðèñòàííÿ òàáëèöü ñòèë³â â ³íòåðíåò³. Ãðóïà Style Activity ïðåäñòàâèëà äåê³ëüêà ðåêîìåíäàö³é W3C (CSS1, CSS2, XPath, XSLT). CSS îñîáëèâî øèðîêî çàñòîñîâóºòüñÿ â áðàóçåðàõ.

Âèêîðèñòîâóþ÷è òàáëèö³ ñòèë³â â ñòðóêòóðîâàíèõ äîêóìåíòàõ â ³íòåðíåò³ (òàêèõ ÿê. HTML), àâòîðè ³ ÷èòà÷³ ìîæóòü âïëèâàòè íà â³äîáðàæåííÿ äîêóìåíòà áåç éîãî çì³íè àáî äîäàâàòè íîâ³ åëåìåíòè HTML.

Ïðîñòèé øëÿõ ïî÷àòè åêñïåðèìåíòóâàòè ç òàáëèöÿìè ñòèë³â - öå çíàéòè áðàóçåð ï³äòðèìóþ÷èé CSS. Äèñêóñ³¿ ïî ïèòàííÿõ òàáëèöü ñòèë³â âåäóòüñÿ â ïîøòîâ³é ðîçñèëö³ www-style@w3.org òà íà comp.­infosystems.­www.­authoring.­stylesheets.

Ãðóïà Style Activity W3C òàêîæ ðîçðîáëÿº XSL, ÿêèé ñêëàäàºòüñÿ ç êîìá³íàö³¿ XSLT ³ "Îá'ºêò³â Ôîðìàòóâàííÿ" (XSL-FO).

×îìó äâ³ ìîâè òàáëèöü ñòèë³â?

Ðîçäóìóºòå ÿêó ç ìîâ âèáðàòè? ×èòàéòå "CSS & XSL"

Ôàêò òîãî, ùî W3C ðîçðîáëÿº XSL íà äîäàòîê äî CSS ïðèâîäèòü äî äåÿêîãî áåçëàäó. Íàâ³ùî ðîçðîáëÿòè äðóãó ìîâó òàáëèöü ñòèë³â ÿêùî ðîçðîáíèêè ùå íå çàê³í÷èëè ïåðøèé? ³äïîâ³ä³ ïðåäñòàâëåí³ â íàñòóïí³é òàáëèö³:

CSS XSL
Ìîæå âèêîðèñòîâóâàòèñÿ ç HTML? òàê í³
Mîæå âèêîðèñòîâóâàòèñÿ ç XML? òàê òàê
Ìîâà ïåðåòâîðåíü? í³ òàê
Ñèíòàêñèñ CSS XML

Óí³êàëüí³ñòü â òîìó, ùî CSS ìîæå âèêîðèñòîâóâàòèñÿ äëÿ ðîçì³òêè HTML ³ XML äîêóìåíò³â. XSL, ç ³íøîãî áîêó, ìîæå çì³íþâàòè äîêóìåíò. Òàê, íàïðèêëàä, XSL ìîæå âèêîðèñòîâóâàòèñÿ äëÿ ïåðåòâîðåííÿ äàíèõ XML â äîêóìåíò HTML/CSS íà âåá-ñåðâåð³.  öüîìó âèïàäêó ìîâè äîïîâíþþòü îäèí îäíîãî ³ ìîæóòü áóòè âèêîðèñòàí³ ðàçîì.

Îáèäâ³ ìîâè ìîæóòü áóòè âèêîðèñòàí³ äëÿ ôîðìàòóâàííÿ äîêóìåíòà XML.

CSS ³ XSL âèêîðèñòîâóþòü ñõîæå ôîðìàòóâàííÿ ³ òàêèì ÷èíîì ðîçðîáíèêè ìàþòü äîñòóï äî ³äåíòè÷íèõ ìîäåëåé ôîðìàòóâàííÿ â îáîõ ìîâàõ. W3C ïðàöþº íàä çàáåçïå÷åííÿì ìîæëèâîñò³ âèêîðèñòîâóâàòè ìîäåë³ ôîðìàòóâàííÿ.

Äîñòóïí³ çàïèñêè W3C ïî òåì³ "Âèêîðèñòàííÿ XSL ³ CSS ðàçîì"

Ãàçåòí³ øïàëüêè

ßêùî âè ïî÷àòêèâåöü â ö³é òåì³, òî Âè éìîâ³ðíî çàõî÷åòå ïî÷èòàòè ïðî òàáëèö³ ñòèë³â:

Åôåêòèâíå âèêîðèñòàííÿ òàáëèöü ñòèë³â, íàïèñàíî Jakoba Nielsena (âèäàíî: Alertbox, Ëèïåíü 1997), Òàêîæ ðåêîìåíäóºìî: éîãî êíèãó Ðîçðîáêà çðó÷íîãî Âåáà: ïðàêòèêà ïðîñòîò³ (New Riders, 2000). 2000-06-02 ³äêðèéòå ñèëó òàáëèöü ñòèë³â ç Mozilla, è ñòàòòÿ Andrew Wooldridge â O'Reilly MozillaZine, ÿêà ïîêàçóº ÷îìó òàê³ âàæëèâ³ òàáëèö³ ñòèë³â íà ñòîðîí³ êîðèñòóâà÷³â. XML Âåá ñòîð³íêè ç Mozilla, íàïèñàíà Simon St. Laurent, íàâ÷àííÿ ôîðìàòóâàííþ XML.

Äèâ³òüñÿ CSS è XSL äëÿ á³ëüøî¿ (³ á³ëüø ñâ³æî¿) ³íôîðìàö³¿.

CSS

²íôîðìàö³ÿ ïðî êíîïêè âíèçó ñòîð³íêè äîñòóïíà íà ñòîð³íö³ êíîïîê òà íà âàë³äàòîð³ CSS.

Êàñêàäí³ òàáëèö³ ñòèë³â (CSS) öå ìåõàí³çì òàáëèöü ñòèë³â, ÿêèé ñïåö³àëüíî ðîçðîáëåíèé äëÿ çàäîâîëåííÿ ïîòðåá âåáäèçàéíåð³â ³ êîðèñòóâà÷³â.

XSL

Ó W3C º Ðîáî÷à Ãðóïà, ÿêà ðîçðîáëÿº ðîçøèðþâàíó ìîâó ôîðìàòóâàííÿ (XSL). XSL ðîçðîáëÿºòüñÿ íà îñíîâ³ DSSSL ³ CSS ³ ãîëîâíèì ÷èíîì íàö³ëåíèé íà âèñîêî ñòðóêòóðîâàí³ äàí³ XML, ÿê³, íàïðèêëàä, íåîáõ³äíî çàïèñàòè ïåðåä â³äîáðàæåííÿì. Äëÿ á³ëüøî¿ ³íôîðìàö³¿ ïî XSL äèâ³òüñÿ ñòîð³íêó XSL W3C .

DSSSL

DSSSL öå ïåðåòâîðåííÿ ñòðóêòóðè äîêóìåíòà ³ ìîâà ôîðìàòóâàííÿ, ÿêà ìຠáàãàòî ïðèõèëüíèê³â ç ñåðåäîâèùà ðîçðîáíèê³â SGML. DSSSL ðåñóðñè â ³íòåðíåò³:

Ñïåöèô³êàö³ÿ Document Style Semantics and Specification Language (DSSSL) äîñòóïíà â ñòèñë³é ôîðì³. DSSSList ïîøòîâà ðîçñèëêà ïî DSSSL. Jade öå äâèãóí DSSSL Äæåéìñà Êëàðêà.

CSS-DOM i SAC

CSS ôàéë ìîæå áóòè ñòâîðåíèé ³ ðåäàãóâàòèñÿ "ðóêàìè", òîáòî áóäü-ÿêèì òåêñòîâèì ðåäàêòîðîì, àëå âè ìîæåòå ñòâîðèòè ïðîãðàìó íà ECMAscript, Java àáî íà áóäü-ÿê³é ³íø³é ìîâ³ äëÿ ðîáîòè ç ôàéëàìè òàáëèöü ñòèë³â. Ôàêòè÷íî âè ìîæåòå âèêîðèñòîâóâàòè ñòîðîíí³é ñîôòâåð ³ á³áë³îòåêè äëÿ ðîáîòè ç òàáëèöÿìè ñòèë³â. Äëÿ äîïîìîãè â ³ìïîðòóâàíí³ òàêèõ ïðîãðàì ³ á³áë³îòåê íà ð³çí³ êîìï'þòåðí³ ïëàòôîðìè W3C ðîçðîáèâ ñïåöèô³êàö³þ, ÿêà ìຠíàçâó CSS-DOM, äå âèçíà÷èâ íàá³ð ôóíêö³é, ÿê³ âñ³ ïîä³áí³ á³áë³îòåêè ïîâèíí³ ìàòè.

Îá'ºêòíà ìîäåëü äîêóìåíòà CSS öå API (Àáñòðàêòíèé ³íòåðôåéñ ïðîãðàìóâàííÿ) äëÿ ðåäàãóâàííÿ CSS (³ äî ïåâíî¿ ì³ðè ³íøèõ ìîâ ñòèë³â) ç ïðîãðàìè. API öå ñïåöèô³êàö³ÿ ïðîãðàìíî¿ á³áë³îòåêè. Âè ìîæåòå öå ïîð³âíÿòè ç êåð³âíèöòâîì: ó Âàñ º îïèñ ³ ïàðàìåòðè âñ³õ ôóíêö³é, àëå íåìຠñàìîãî êîäó.

Äîñòóïíî äåê³ëüêà á³áë³îòåê CSS-DOM äëÿ ð³çíèõ ïëàòôîðì. Áàãàòî õòî ç íèõ áåçêîøòîâíèé. Ìàéæå óñ³ áðàóçåðè ìàþòü âáóäîâàí³ á³áë³îòåêè CSS-DOM, äëÿ âèêîðèñòàííÿ ECMAScript ïðîãðàì.

SAC (Ïðîñòèé API äëÿ CSS) öå äîïîâíåííÿ äëÿ CSS-DOM. CSS-DOM ì³ñòèòü ôóíêö³¿ äëÿ ìàí³ïóëþâàííÿ òàáëèöÿìè ñòèë³â ï³ñëÿ òîãî, ÿê âîíè áóäóòü çàâàíòàæåí³ â ïàì'ÿòü êîìï'þòåðà; ôóíêö³¿ ÿê³ ì³ñòÿòüñÿ â SAP ïîìàãàþòü ðîçáèðàòè òàáëèö³ ñòèë³â, òîáòî ïåðåäàâàòè òàáëèö³ ñòèë³â ç ôàéëó â ïàì'ÿòü.

CSS-DOM Ðåêîìåíäàö³ÿ W3C. SAC ïðîåêò ó ðîçâèòêó. Äåÿê³ ïðîãðàìè (íå áðàóçåðè) ïðåäñòàâëåíí³ íà ñòîð³íö³ ïðî CSS.

Êîíôåðåíö³¿, ðîçðîáêà, äîñë³äæåííÿ

Êîìàíäà W3C ³ ¿¿ ïðåäñòàâíèêè ÷àñòî ïðîâîäÿòü ïðåçåíòàö³¿.

Äèíàì³÷íèé HTML

Äèíàì³÷íèé HTML öå òåðì³í äëÿ âèçíà÷åííÿ HTML äîêóìåíòà ç äèíàì³÷íèì çì³ñòîì. CSS îäèí ç òðüîõ êîìïîíåíò³â äèíàì³÷íîãî çì³ñòó HTML äîêóìåíòà; äâà ³íøèõ öå ñàì HTML òà JavaScript (ÿêèé ñòàíäàðòèçîâàíèé ï³ä ³ì'ÿì EcmaScript). Òðè êîìïîíåíòè îá'åäíàí³ çà äîïîìîãîþ DOM - Îá'ºêòí³é Ìîäåë³ Äîêóìåíòà.

Òåìàòè÷í³ ðåñóðñè

DMOZ (³äêðèòèé Êàòàëîã) ³ éîãî ñòîð³íêè XML ³ òàáëèö³ ñòèë³â è CSS. Ùî òðàïèëîñÿ ç åëåìåíòîì <FONT> ? <FONT FACE> ââàæàºòüñÿ øê³äëèâèì W3C õîñòèòü ïîøòîâó ðîçñèëêó www-style@w3.org çà äîïîìîãîþ òàáëèöü ñòèë³â. Âè ìîæåòå äîäàòè ñåáå â ðîçñèëêó àáî ïåðåãëÿíóòè àðõ³â. David Siegel's Balkanization of the web Îêðåìà ñòîð³íêà ç ³ñòî𳿠ïðîïîçèö³é ïî òàáëèöÿõ ñòèë³â. ²ñòîð³ÿ CSS îïèñàíà ó ðîçä³ë³ 20 ó êíèç³ Êàñêàäí³ òàáëèö³ ñòèë³â, ðîçðîáêà äëÿ Web, íàïèñàíà Håkon Wium Lie òà Bert Bos (3rd ed., 2005, Addison Wesley, ISBN 0-321-19312-1)

CSS Valid CSS!

Bert Bos, Êåð³âíèê Style Activity W3C
Âåáìàñòåðó
Îñòàííÿ ïðàâêà äîêóìåíòó: $Date: 2006/03/22 16:37:32 $ GMT

Copyright  C 1997-2005 W3C (MIT, ERCIM, Keio)


You are viewing a mobilized version of this site...
View original page here

How do you rate mobile version of this page?

Mobilized by Mowser Mowser