Back to site

Дана вэб Саветы: Уводзіны

За гэтыя гады я быў серфінг і развіваецца ў Сеткі, я даведаўся шмат маленькіх дэталяў, якія часта выпускаюць з-пад увагі вэб-распрацоўнікаў. Гэты сайт апісвае некаторыя з іх.

Што HTML, а што не

САВЕТ: Ведаць прыроду і абмежаванні HTML, і мэтаў, для якіх яна была створана, і працаваць з імі замест таго, каб працаваць вакол іх.

Я пачну з некалькіх слоў аб характары HTML. HyperText Markup Language менавіта тое, што вынікае з яе назвы: мова разметкі тэксту. Гэта ня мова разметкі старонкі. HTML прызначаны для апісання лагічнай структуры тэксту дакумента, які можа таксама ўтрымліваць некаторыя устаўленыя графічныя элементы. HTML не прызначаны для прайгравання дакладнага з'яўлення візуальны эфект прыдумаў мастаком. Гэта, хутчэй, з тым каб даць інфармацыю, якая будзе складзена такім чынам, што могуць быць злучаны іх у зразумелай форме па ўсіх пытаннях ад шырокім экране дызайнера прафесійнай рабочай станцыі тэкставым рэжыме тэрмінала VT100 для аўдыё чытачу тэкст сляпога чалавека. Заўсёды майце гэта на ўвазе, калі вы хочаце вырабляць вэб-старонак, якія добра працуюць на самых разнастайных сістэмах.

Тыя, хто імкнецца дасягнуць розніца ў дакладнасці раскладкі на вэб-старонках, як правіла, звяртаюцца да ўсякага роду заблытаныя, нестандартныя прыёмы, якія скажаць лагічную структуру сваіх дакументаў, а часцяком пагаршаюць дрэнна на браўзэрах, якія падтрымліваюць не ўсе функцыі, якія выкарыстоўваюцца, або пры праглядзе на сістэмы, якія якім-небудзь чынам адрозніваецца ад дызайнера. Напрыклад, шырокае выкарыстанне жорстка шырыні пікселя ў табліцах прыводзіць да старонак, што не будзе змяняць памеры для рознай шырыні экрана, так што карыстачы з вялікімі экранамі маюць празмернае прабелы і карыстальнікаў з меншымі памерамі экранаў прыйдзецца пракручваць налева і направа.

Я не кажу, што вы ніколі не павінны выкарыстоўваць хітрыкі, каб палепшыць знешні выгляд сайта, але не рабіце гэта за кошт унутранай структуры. Пачніце з вывучэння асноў HTML і праектавання добрых, чыстых старонак, а затым старанна ўпрыгожыць, з увагай да ці яны вырабляюць адмоўныя пабочныя эфекты для некаторых карыстачоў. На жаль, шматлікія вэб-распрацоўшчыкі выкарыстоўваюць " WYSIWYG "(Што Вы бачыце, Што Вы атрымліваеце) развіццё такіх інструментаў, як Microsoft FrontPage і Netscape Composer (ён жа" Composter ", хоць я чуў у новай версіі Mozilla-браўзэраў, заснаваных была нашмат лепш, чым яго папярэднікі), і гэтыя рэдактары часта выкарыстоўваюць дзіўныя, нестандартныя візуальныя трукі і схаваць ад распрацоўніка іх выкарыстанне нелагічна кода, які часта не працуе на браўзэрах, выдатных ад аднаго распрацоўніка інструмента меў на ўвазе. Асабіста я раблю ўсё развіццё маіх выкарыстанні тэкставых рэдактарах, так што кожны біт кадаваньне менавіта так, як я хачу.

САВЕТ: Ведаць стандарты HTML, нават (асабліва!), калі вы збіраецеся на разрыў іх з пэўнай мэтай.

Вэб War III

У тэлеканферэнцыі comp.infosystems.www.authoring.html, там было "святой вайны" адбываецца паміж HTML-пурыстаў і графічных дызайнераў. Я на баку пурыстаў, але я не фундаменталісты. Я гатовы выкарыстоўваць нестандартныя функцыі, нават калі гэта выклікае ў мяне старонак быць не ў стане " праверкі ", да тых часоў, як я асцярожныя ў яго выкарыстанні, і ведаю, які эфект яна мае, як на браўзэрах, якія падтрымліваюць функцыю і тыя, якія гэтага не робяць.

Бакавая панэль: два варагуючых лагеры можна назваць структуралістаў, з аднаго боку, і presentationalists з другога. Структуралістаў, звычайна адбываецца пры фонам, такіх як праграмаванне або тэхнікі, у асноўным зацікаўлены ў лагічную структуру дакументаў, жадаючы, каб гэта было гуку і разумна вызначана, каб зрабіць дакументы прыдатнымі да шырокаму колу (графічных, тэкставых, аўдыё-, або іншыя) браўзэрам і индексаторы пошукавых сістэмах, і не забывайце, што фактычны знешні выгляд дакумента можа моцна вар'іравацца ў розных сістэмах. Presentationalists, з іншага боку, звычайна зыходзяць з графічнага мастацтва або дызайну фону і паглядзець вэб-старонкі, як у першую чаргу візуальны вопыт, які яны хацелі б вызначыць да пікселя узроўні, і хвалявацца, што яны не маюць, як больш кантролю над асяроддзем карыстальніка, як яны хацелі б, як яны думаюць, што візуальна, а не лагічна, яны не ведаюць, ці сыходу, як не-візуальныя агенты карыстачоў, такія як пошукавыя индексаторы будзе мець справу з іх старонак.

Presentationalists абвінавачваюць структуралістаў сімпатыі сумны выгляд сайтаў з шэрым фонам і без графікі. Структуралістаў абвінавачваюць presentationalists сімпатыі кантэнт-бясплатныя сайты поўныя пусты бляск. Там, і другое ёсьць доля праўды, і некаторыя перабольшання характарыстыкі абодвух бакоў, але галоўным чынам, абодва бакі толькі бліжэйшыя з зусім іншы менталітэт аб тым, што вэб-сайт і якія яго аспекты з'яўляюцца найбольш важнымі, і яны фактычна гавораць на розных мовах. Гэта робіць сувязь вельмі складана, хоць абодва тыпу людзей, верагодна, неабходныя для стварэння якіх-небудзь буйнамаштабных вэб-сайце. У апошні час, Ёсць некаторыя прыкметы двух лагераў маглі б вярнуцца разам, з дапамогай табліц стыляў для вызначэння прэзентацыйных падрабязна ў асобным дакуменце ад лагічнай структуры дакумента вызначаецца з дапамогай HTML-кода.

Поўную дэталізацыю з тыпаў асобы або мыслення распрацоўкі вэб-прыкладанняў, таксама не згадаць некаторыя іншыя групы, у тым ліку usabilityists, зацікаўленыя перш за ўсё ў эрганоміку карыстацкага інтэрфейсу (наколькі лёгка для сярэдніх людзей у выкарыстанні, а не як лагічную яго абстрактную структуру ці як гэта выглядае даволі), а contentists, зацікаўленых выключна ў атрыманні іх інфармацыйнага зместу онлайн, не асабліва клапоцячыся, як лагічныя, эстэтычныя, або выкарыстаць гэта.

Структуралистский падыход да вэб-распрацоўкі спрабуе, наколькі гэта магчыма, распрацоўваць сайты такім чынам, што адлюстроўвае лагічную структуру інфармацыі уяўляецца, выкарыстоўваючы як мага менш элементаў устаўленыя толькі для іх візуальнага эфекту, але правядзенне ніякай лагічнай структуры. У ідэале, візуальнае прадстаўленне вэб-старонкі ўзнікаюць уласнасці, якія ўзнікаюць у спантанага парадку ад узаемадзеяння аўтара лагічна размечанай ўтрыманне і канфігурацыі браўзэра гледача, а не "планавай" артэфакт названыя ў самых драбнюткіх дэталях канструктарам.

На старонках гэтага сайта, я распавяду аб некаторых тонкасцях розных элементаў вэб-сайта, такія як структура дырэкторый, графікі, загалоўкаў старонак і колеру. Вы даведаецеся некаторыя дэталі, якія дапамогуць вашаму сайту застаецца чытаным на ўсіх браўзэрах ад Lynx ў Safari, быць даступнымі для інвалідаў, праіндэксавана і ў пошукавых сістэмах, і запамінальным, стабільны URL-адрасоў для розных падраздзелаў сайта. Можа быць, вы не пагодзіцеся са мной, на ўсе гэтыя рэчы, і вы вырашыце рабіць некаторыя рэчы на ​​вашым сайце, у зваротным кірунку ад таго, як я раю, але па крайняй меры, вы будзеце рабіць гэта шляхам стараннага разгляду плюсы і мінусы, а не проста па змаўчанні, таму што вы не ведалі, інакш!

Даступнасць войнаў

Вэб-даступнасці для інвалідаў становіцца палітычнай праблемай у гэтыя дні. слупка ў Прычына часопіса ўрад lambasts спробы мандат такі даступнасці. Узнікае відавочны пытанне: Павінен Ці я падтрымліваць ўрад які абавязвае сайты будуць даступныя?

Гэта лёгка. Адказ: " Чорт, не! " Я Либертарианской, і такім чынам выступаюць супраць якога-небудзь ўрада мандатаў адносна таго, як вы ствараеце свае вэб-сайты, або любы іншы мірнай дзейнасці па ўзаемнай згодзе, магчыма, пажадаюць удзельнічаць цалі я акрамя недаверу ўраду дастаткова, каб адсутнасць якой-небудзь ўпэўненасці, што любыя такія мандаты выйграў 'т пайсці ў смешных крайнасцяў, як і пераканаўчыя сайтаў, каб зняць аўдыё файлаў з сімфоній Бетховена і малюнкі шэдэўраў Ван Гога, таму што няма значных спосаб зрабіць іх даступнымі для глухіх і сьляпых, адпаведна, і, такім чынам, у мысленні некаторых бюракрат, усё павінна быць адмоўлена ў іх у роўнай ступені.

Гэта значыць, я таксама думаю, што супраць мандата натоўпу (у тым ліку Прычына аглядальнік) зайсці занадта далёка для высмейвання само паняцце вэб-даступнасці і маючы на ўвазе, што стварэнне сайтаў даступным будзе накладаць празмернага цяжару. Гэта таксама няпраўда. Хоць некаторыя ўтрымання (напрыклад, вышэйзгаданы сімфоніі і карцін) першапачаткова недаступныя для пэўных груп людзей, пераважная большасць ўтрыманне Інтэрнэту, могуць быць цалкам даступная, калі гэта робіцца ў лагічна структураваны, вытанчана-прыніжаюць чынам. Астатнія мае рады вэб растлумачыць шмат метадаў, якія вы можаце выкарыстоўваць, каб забяспечыць гэта. Вэб-аўтараў навучыцца быць уважлівымі і лагічнага ў іх дызайн сайта будзе вырашаць праблемы даступнасці больш, чым любы бюракрат можа.

(Дарэчы, анлайн-версіі Прычына калонкі выдатна працуе ў тэкставых браўзэрах, як Lynx і аўдыё-браўзэры, такія як pwWebSpeak, гэта прыклад даступны дакумент вэб нават тады, калі ён крытыкуе гэтую канцэпцыю.)

Зала Ганьба

Зрабіце свой ​​сайт лепш, гледзячы на іншыя сайты, якія паказваюць, на ўласным прыкладзе, што ня рабіць !

УВАГА: ўключэнне сайта ў маім "зала ганьбы" спасылкі павінны ня можа быць вытлумачана як якую-небудзь асабістую нападу на стваральніка сайта, якія могуць быць сапраўды вялікім чалавекам, і нават нападу на звязаных вэб-сайт у цэлым, якія могуць быць крыніцай вельмі карыснай інфармацыі і / ці забавак. Хутчэй, гэта проста, каб вылучыць асаблівасці (наўмыснае ці выпадковае) з сайтаў, якія выклікаюць праблемы, якія можна было б пазбегнуць за кошт паляпшэння дызайну. Калі вы знойдзеце адзін з вашых сайтаў злучана тут, не крыўдзіцеся, палепшыць ваш сайт так, што я павінен буду зняць спасылку!

Сувязі

На працягу артыкула гэтага сайта, у мяне ёсць спасылкі на іншыя сайты, якія тычацца тэмы абмяркоўваюцца. Вось некаторыя агульныя спасылкі вэб-распрацоўшчык цікавасць, і спасылкі на сайты, абмеркавання агульных HTML стыль або філасофіі. Тое, што я спасылку на сайт, не азначае, што я ўхваліць ці пагадзіцца з гэтым! На самай справе, я імкнуся ўключаць спасылкі на ўсе вядомыя пункту гледжання на прадметы вэб авторинга, у тым ліку пункту гледжання цалкам процілеглая маёй.

Стандарты і характарыстыкі

Падказкі, парады, спасылкі і падручнікі

Даступнасць пытанні

Наўмысна дрэнныя прыклады

Гістарычная даведка

На comp.infosystems.www.authoring.html і яго насельнікі

Іншыя каментары і інфармацыя

[Жарт Абразок] Гэты сайт лепш за ўсё праглядаць з VistaView NavGoggles 3D!

Published (Last edited): Jul 20 , source: http://webtips.dan.info/intro.html