Кіріспе

The source text is taken from here: https://webtips.dan.info/intro.html

Даниэль Р. Тобиас

Интернетте серфинг жасап, дамып келе жатқан жылдар ішінде мен веб-әзірлеушілер жиі ескермейтін көптеген ұсақ-түйектерді білдім. Бұл сайтта олардың кейбірі көрсетілген.

HTML деген не және ол емес

КЕҢЕС: HTML сипаты мен шектеулерді білу, және ол үшін құрылған болатын мақсаттар мен жұмыс бар орнына жұмыс тырысып олардың айналасында оларға.

Мен HTML табиғаты туралы бірнеше сөзден бастайын. Гипермәтінді белгілеу тілі дегеніміз оның аты айтып тұрғаны – мәтінді белгілеу тілі. Ол емес бет орналасуын тілі. HTML is intended to describe the logical structure of a text document, which can also contain some inserted graphical elements. HTML is not intended to reproduce the precise appearance of a visual effect dreamed up by an artist. It is, rather, intended to allow information to be structured in a manner that can be rendered in an understandable manner on everything from a designer’s wide-screen professional workstation to a text-mode VT100 terminal to a blind person’s audio text reader. Always keep this in mind if you want to produce Web pages that work well on a wide variety of systems.

Веб-беттерде пиксельге арналған макеттерге қол жеткізгісі келетіндер, әдетте, құжаттың логикалық құрылымын қиыстыратын әртүрлі бұрмаланған, стандартты емес қулықтарға жүгінеді және пайдаланылатын барлық мүмкіндіктерді қолдамайтын браузерлерде жиі нашарлайды, немесе дизайнерден ерекшеленетін жүйелерде қаралған кезде. Мысалы, кестеде қатаң кодталған пиксель енін кеңінен қолдану әр түрлі экран ені үшін өлшемі өзгермейтін беттерге әкеледі, сондықтан үлкен экраны бар пайдаланушылардың бос кеңістігі шамалы, ал экрандары кіші пайдаланушылар солға және оңға жылжуы керек.

Мен сайттың визуалды көрінісін жақсарту үшін ешқашан айла-тәсіл қолданбау керек деп айтпаймын, бірақ оны құрылымның есебінен жасамаңыз. HTML негіздерін үйреніп, жақсы, таза беттерді жобалаудан бастаңыз, содан кейін кейбір қолданушылар үшін жағымсыз жанама әсерлер туғызатындығына назар аудара отырып, қоңыраулар мен ысқырықтарды мұқият қосыңыз. Өкінішке орай, көптеген веб-әзірлеушілер «WYSIWYG» (не көресіз, не аласыз) әзірлеу құралдарын Microsoft FrontPage және Netscape Composer (атауын «Composter») пайдаланады, дегенмен мен Mozilla негізіндегі браузерлерде жаңа нұсқасы алдыңғы нұсқаларына қарағанда әлдеқайда жақсы болды ), және бұл редакторлар көбінесе таңқаларлық, стандартты емес визуалды трюктерді қолданады және олардың логикасыз кодты қолданушыдан жасырады, бұл көбінесе құрал әзірлеушісі ойлағаннан басқа браузерлерде жұмыс істемейді. Мен өзімнің барлық дамуымды қарапайым мәтіндік редакторларды қолдана отырып жасаймын, осылайша кодтаудың кез-келген бөлігі дәл мен қалағандай болады.

КЕҢЕС: HTML стандарттарын белгілі бір мақсатпен бұзғыңыз келсе де, біліңіз (әсіресе!).

Үшінші веб-соғыс

HTML пуристері мен графикалық дизайнерлері арасында «қасиетті соғыс» жүріп жатыр. Мен пуристтердің жағындамын, бірақ мен фундаменталист емеспін. Стандартты емес функцияны, егер ол менің парақтарымның «тексерілуіне» әкеліп соқтырса да, мен оны қолдануда мұқият болғанымнан және оның функциясын қолдайтын браузерлерде де, оның қандай әсер ететіндігін білгенімде де, оны қолдануға дайынмын. жасамаңыз.

Бүйірлік тақта: eкі соғысқан лагерьді  бір жағынан структуралистер, ал презентационерлер деп атауға болады  екінші жағынан. Әдетте бағдарламалау немесе инжиниринг сияқты ортадан шыққан структуралистер, негізінен, құжаттардың кең ауқымды (графикалық, мәтіндік, аудио немесе басқа) көмегімен пайдалануға ыңғайлы болу үшін оның дұрыс және ақылға қонымды анықталуын қалайтын құжаттардың логикалық құрылымына қызығушылық танытады.) браузерлер мен іздеу жүйесінің индекстеушілері және құжаттың нақты көрінісі әр түрлі жүйелерде әр түрлі болуы мүмкін екенін ескермеңіз. Презентационерлер, әдетте, графикалық өнерден немесе дизайнның фонынан шығады және веб-парақты, ең алдымен, пиксель деңгейіне дейін анықтағысы келетін көрнекі тәжірибе ретінде қарастырады және оларда жоқ деп ашуланады. пайдаланушының қоршаған ортасын қалағанынша бақылау; олар қисынды емес, көрнекі түрде ойлайтындай,

Презентационерлер структуралистерді суреттері фонсыз, графикасы жоқ скучные көрінетін сайттарды ұнатады деп айыптайды. Структуралистер презентационерлерді бос глицтерге толы мазмұнсыз сайттарды ұнатады деп айыптайды. Екі жақтың сипаттамалары үшін шындық та, әсірелеу де бар, бірақ, негізінен, екі тарап тек веб-сайттың не үшін қажет екендігі және оның қандай аспектілері маңызды екендігі туралы әртүрлі ойлардан шыққан және олар әр түрлі тілдерде тиімді сөйлейді. Бұл қарым-қатынасты өте қиын етеді, бірақ кез-келген ауқымды веб-сайтты құру үшін екі типтегі адамдар да қажет болуы мүмкін. Соңғы кездері стильдер кестесін қолдану арқылы екі лагерьдің қайта оралуы мүмкін болатын белгілер бар  HTML-код арқылы анықталған логикалық құжат құрылымынан бөлек құжаттағы презентация бөлшектерін анықтау.

Веб даму тұлғалық түрлері немесе ойлау толық тізбесі, сондай-ақ, оның ішінде кейбір басқа топтар, еске еді пайдалылық пайдаланушы интерфейсі эргономика ең алдымен, (оны пайдалануға орташа адамдар үшін қаншалықты оңай емес, қалай логикалық оның реферат құрылымы болып табылады немесе қалай әдемі көрінеді), және контентистер, әсіресе ол қаншалықты қисынды, эстетикалық, немесе пайдалануға жарамды тырысып онлайн олардың ақпараттық контентті алуға таза мүдделі.

Вебті дамытудағы структуралистік көзқарас сайттарды мүмкіндігінше визуалды эффект үшін енгізілген, бірақ ешқандай логикалық құрылымсыз элементтерді пайдаланып, ұсынылатын ақпараттың логикалық құрылымын көрсететін етіп жасауға тырысады. Ең дұрысы, веб-парақтың көрнекі презентациясы – «орталықтан жоспарланған» артефактпен емес, ең минуттық детальға дейін емес, автордың логикалық белгіленген мазмұны мен көрерменнің браузерінің конфигурациясы арасындағы өзара әрекеттен туындаған пайда болатын қасиет. дизайнер

Осы сайттың беттерінде веб-сайттың каталог құрылымдары, графикасы, парақтың атауы және түстері сияқты әртүрлі элементтерінің кейбір ерекшеліктері мен талқыларын талқылаймын. Сіз өзіңіздің сайтыңызға Lynx-тен Safari-ге дейінгі барлық браузерлерде оқылатын болып қалуға, мүгедектерге қол жетімді болуға, іздеу жүйелерінде жақсы индекстелуге және сайттың әр түрлі ішкі бөлімдері үшін есте қаларлық, тұрақты URL мекенжайларына ие болуға көмектесетін кейбір мәліметтерді білесіз. Мүмкін сіз бұлардың бәрінде менімен келіспейтін шығарсыз және сіз өзіңіздің сайтыңыздағы кейбір нәрселерді менің кеңес бергенімнен керісінше жасауды таңдайсыз, бірақ, ең болмағанда, оң және теріс жақтарын мұқият қарастырып, мұны жасайсыз. , әдепкі бойынша емес, өйткені сіз басқаша білмедіңіз!

Қол жетімділік соғысы

Мүгедектерге веб-қол жетімділік қазіргі уақытта саяси мәселеге айналуда. Reason журналындағы баған үкіметтің мұндай қол жетімділікті талап етуге бағытталған әрекеттерін ескертеді. Бұл жерде айқын сұрақ туындайды: мен үкіметтің сайттарға қол жетімділік беруін міндеттейтінін қолдаймын ба?

Бұл оңай. Жауап: «Тозақ жоқ! «Мен либертарианмын, осылайша сіздің веб-сайттарыңызды қалай құруға қатысты үкіметтің кез-келген мандатына немесе ересектермен келісуге болатын кез-келген басқа бейбіт іс-әрекеттерге қарсымын. Мен бұдан әрі үкіметке сенімсіздік білдіремін, өйткені мұндай мандаттарға сенімді болмаймын. Бетховен симфонияларының аудио файлдарын және Ван Гогтың шедеврлерінің суреттерін түсіруге мәжбүр ететін сайттар сияқты күлкілі экстремалдарға бармайды, өйткені оларды саңырау мен зағиптарға қол жетімді етудің мағыналы тәсілі жоқ, демек, кейбіреулердің ойынша бюрократ, бәрінен бірдей бас тарту керек.

Сонымен, менің ойымша, мандатқа қарсы тобырлар (Себеп бағалаушысын қоса) вебке қол жетімділік тұжырымдамасын мазақ етіп, сайттардың қол жетімділігі шамадан тыс ауыртпалық тудырады деп тым шектен шығады. Бұл да дұрыс емес. Кейбір мазмұнға (мысалы, жоғарыда аталған симфониялар мен картиналар сияқты) белгілі бір топ адамдар үшін қол жетімді емес болғанымен, веб-мазмұнның басым көпшілігіне логикалық құрылымдалған, әсем-деградациялық тәсілмен жасалған жағдайда толық қол жетімді болады. Қалған веб-кеңестерде мұны қамтамасыз ету үшін қолдануға болатын көптеген әдістер түсіндіріледі. Веб-авторлар өз сайттарын жобалау кезінде ұқыпты және логикалық болуды үйреніп, кез-келген бюрократқа қарағанда қол жетімділік мәселелерін шешеді.

(Айтпақшы, «Себеп» бағанының онлайн-нұсқасы Lynx сияқты мәтіндік браузерлерде және pwWebSpeak сияқты аудио-браузерлерде жақсы жұмыс істейді; бұл тіпті осы тұжырымдаманы сынға алса да, қол жетімді веб-құжаттың мысалы.)

Ұят залы

Мысалы, бұл шоу басқа сайттарға қарап жақсы Сіздің сайт жасау не жоқ істеу!

ЕСКЕРІМ: менің «залы Сөйтсе туралы» сілтемелер Сайт қосу керек емес сайттың құрушы жеке шабуыл қандай ретінде түсіндірілмеуге, шын мәнінде үлкен тұлға, немесе тұтас байланысқан веб-сайтында да шабуыл болуы мүмкін, бұл шынымен керемет ақпараттың және/немесе ойын-сауықтың көзі болуы мүмкін. Керісінше, байланыстырылған сайттардың нақты дизайнын алдын-ала болдырмауға болатын белгілі бір ерекшеліктерді (әдейі немесе кездейсоқ) бөліп көрсету керек. Егер сіз өзіңіздің сайттарыңыздың біреуінің осында байланысқанын тапсаңыз, ренжімеңіз; мен сілтемені алып тастауым керек болатындай етіп өз сайтыңызды жетілдіріңіз!

  • Бұл парақ веб-сайттардағы қол жетімділіктің егжей-тегжейіне назар аудармағаны туралы және осындай қателіктер жібергені туралы хабарлайды. Бұл беттегі проблемаларға микроскопиялық қаріптер мен ALT мәтіннің ақымақ кескіні кіреді (мысалы, «бос сурет»; сөйлеу оқырманы немесе мәтіндік браузерде мұны оқудың қандай мәні бар еді?).

Сілтемелер

Осы сайттың барлық мақалаларында мен талқыланатын тақырыптарға қатысты басқа сайттарға сілтемелер алдым. Мұнда веб-әзірлеушілер қызығушылығының кейбір жалпы сілтемелері және жалпы HTML стилін немесе философиясын талқылайтын сайттарға сілтемелер берілген. Мен сайтқа сілтеме жасайтындығым оны қолдағанымды немесе келісетінімді білдірмейді! Іс жүзінде мен веб-авторлық тақырыптардағы барлық белгілі көзқарастарға, соның ішінде менің көзқарасыма мүлдем қарама-қарсы көзқарастарға сілтемелер енгізуге тырысамын.

Стандарттар мен ерекшеліктер

Кеңестер, кеңестер, сілтемелер және оқулықтар

Қол жетімділік мәселелері

  • W3C мазмұнына қол жетімділік жөніндегі нұсқаулық
  • Графикалық шолғыштың наразылық парағы: графикалық браузерлердің пайдаланушыларына нашар жобаланған сайттарды оқыған кезде графикалық емес браузерлердің қандай қиындықтардан өтуі керектігін көрсету үшін жасалған. Бұл парақта «[INLINE]» және «[LINK]» сияқты суреттер бар, ал олардың ALT мәтінінде парақтың нақты мәтіні бар. Осылайша, Lynx пен сөйлейтін браузерлердің қолданушылары жақсы өңделген парақ алады, бірақ графикалық браузерлерде кестелер кәдімгі жағдайға ауысып, ALT мәтіні жоқ графикалық мәтіндерге толы әдеттегі жағдайға айналады.

Тарихи ақпарат

comp.infosystems.www.authoring.html және оның тұрғындары туралы

Басқа түсініктемелер және ақпарат

Бұл парақ алғаш рет 1997 жылдың 17 шілдесінде құрылып, соңғы рет 2020 жылдың 20 қазанында өзгертілген.
Copyright © 1997-2020 by Daniel R. Tobias. All rights reserved.