Óęđŕżíńüęčé ďĺđĺęëŕä "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 đŕçîě"

Ăŕçĺňíł řďŕëüęč

ßęůî âč ďî÷ŕňęčâĺöü â öłé ňĺěł, ňî Âč éěîâłđíî çŕőî÷ĺňĺ ďî÷čňŕňč ďđî ňŕáëčöł ńňčëłâ:

Äčâłňüń˙ CSS č XSL äë˙ áłëüřîż (ł áłëüř ńâłćîż) łíôîđěŕöłż.

CSS

˛íôîđěŕöł˙ ďđî ęíîďęč âíčçó ńňîđłíęč äîńňóďíŕ íŕ ńňîđłíöł ęíîďîę ňŕ íŕ âŕëłäŕňîđł CSS.

Ęŕńęŕäíł ňŕáëčöł ńňčëłâ (CSS) öĺ ěĺőŕíłçě ňŕáëčöü ńňčëłâ, ˙ęčé ńďĺöłŕëüíî đîçđîáëĺíčé äë˙ çŕäîâîëĺíí˙ ďîňđĺá âĺáäčçŕéíĺđłâ ł ęîđčńňóâŕ÷łâ.

XSL

Ó W3C ş Đîáî÷ŕ Ăđóďŕ, ˙ęŕ đîçđîáë˙ş đîçřčđţâŕíó ěîâó ôîđěŕňóâŕíí˙ (XSL). XSL đîçđîáë˙şňüń˙ íŕ îńíîâł DSSSL ł CSS ł ăîëîâíčě ÷číîě íŕöłëĺíčé íŕ âčńîęî ńňđóęňóđîâŕíł äŕíł XML, ˙ęł, íŕďđčęëŕä, íĺîáőłäíî çŕďčńŕňč ďĺđĺä âłäîáđŕćĺíí˙ě. Äë˙ áłëüřîż łíôîđěŕöłż ďî XSL äčâłňüń˙ ńňîđłíęó XSL W3C .

DSSSL

DSSSL öĺ ďĺđĺňâîđĺíí˙ ńňđóęňóđč äîęóěĺíňŕ ł ěîâŕ ôîđěŕňóâŕíí˙, ˙ęŕ ěŕş áŕăŕňî ďđčőčëüíčęłâ ç ńĺđĺäîâčůŕ đîçđîáíčęłâ SGML. 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 - Îá'şęňíłé Ěîäĺëł Äîęóěĺíňŕ.

Ňĺěŕňč÷íł đĺńóđńč

CSS Valid
CSS!

Bert Bos, Ęĺđłâíčę Style Activity W3C
Âĺáěŕńňĺđó
Îńňŕíí˙ ďđŕâęŕ äîęóěĺíňó: $Date: 2006/03/22 16:37:32 $ GMT

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