Като дизайнер, като всеки от вашите клиенти и проекти е уникален. Все пак, има някои неща, които ще трябва да се знае или разбере за всички свои клиенти, за да се произвеждат най-добрите си работи за тях. Една ефективна сайта ще бъдат изградени за решаване на конкретните нужди на бизнеса, което ще изисква от дизайнера да разберем точно много подробности за бизнеса.
В тази статия ще ви гледам в девет часа неща, които трябва да бъдат обсъдени между дизайнер и клиент в началото на проекта, за да се подобри възможността за успех. Тези теми се съсредоточи върху Getting да знае бизнеса и техните нужди, а не договорни въпроси като плащане и срокове.
1. Целта на бизнес
Почти всички фирми имат мисия и визия изявление. Разбиране на основите на бизнес защо съществува, както и това, което тя има за цел да бъде са наложителни, ако ще да е в състояние да разработи сайт, който е наистина отразяват на бизнеса и ефективно за своите клиенти.
Ако сте неясни за основните функции на даден клиент или защо те съществуват, не забравяйте да получите отговори на тези въпроси преди получаване на проекта. Това е обикновено просто информация, но без нея, проектът може да доведе определяне на грешен път.
2. Специфичните продукти и услуги на бизнес
Щом имате ясна представа защо бизнес съществува, тя е също така важно да се знае точно това, което те предлагат на клиентите или клиенти, които генерира доходи за бизнеса. Независимо дали сте сграда сайт за електронна търговия, общ информационен сайт, или всеки друг вид на сайта, той винаги е необходимо да имат познания за това, което клиентът се предлага на посетителите на сайта.
3. В Демография на своите клиенти / Клиенти
Обсъждане на продуктите и услугите на бизнеса естествено ще доведе ли до повече информация за клиенти и клиенти, които плащат за тези продукти и услуги. Една ефективна сайта ще бъдат ориентирани към потребителя, така че е много важно, че вие, като дизайнер, както и на вашия клиент и двете имат точна картина на това, кой ще бъде използването на сайта и които е вероятно да се интересуват от това на бизнеса е да се предложат.
Получаване на информация, колкото е възможно в тази област е добра практика. Информация като възраст, пол, професия, доход на техните целеви клиенти може да бъде изключително полезен за определяне на подходящ стил на дизайна на сайта. Освен това, информация за това защо те ще се интересуват от продуктите или услугите на бизнеса ще бъдат също толкова важни за създаването на уебсайт, който максимизира потенциал.
4. Корпоративна култура
Един добър уеб сайт, ще се отразяват на бизнеса, така че да стане ефективна част от тяхната обща пазарна и корпоративна идентичност. С цел да се създаде сайт, който е точно представителство на бизнеса, ще трябва да имат определено ниво на разбиране за своята корпоративна култура. Много пъти може да получат разбиране на тяхната култура, като посетите бизнеса в лицето (ако е възможно), говорене с няколко различни служители, говорят със своите клиенти, или клиенти (ако е възможно), и като се потърси в съществуващите си маркетингови материали, като брошури , визитки и реклами.
5. Нужда области за подобрение от техните текущи Website
Ако проектът е ре-дизайн на съществуващ сайт, един от най-важните неща, които ще трябва да се знае защо те са избрали да се ре-дизайн на този път, и по-конкретно за какво са те за да се подобри чрез повторно -дизайн? Е техният стар сайт на няколко години и просто се нуждаят от общ facelift? Имате ли е сериозни промени в бизнеса, които изискват нов дизайн и нова информация? Са нови продукти и услуги, които се предлагат, които не са част от стария сайт? Има своите съществуващи сайт да бъде доказано неефективни привеждане в нов бизнес? Тези неща са много логично да се разглежда, но може да се наложи да поиска от клиента за информация и разяснения в тази област, тъй като много от тях няма да мисля за вашите трябва изцяло да се разбере защо те са качването на ре-дизайн.
6. Техните очаквания за Нова Уебсайтове
Ако има конкретни области, където съществуващите си уеб сайт или ако не е с изтекъл срок на годност, се уверете, че имате специално разбиране на начина, по който те очакват нов уебсайт, за да подобрят своите бизнес. Очакванията са огромен фактор при определяне на тяхното ниво на удовлетворение от работата си, така че това е критично, че знаете точно какво се очаква от теб и на крайния резултат на проекта, за да отговарят на клиента.
7. Определящият Фактори за успех или неуспех на Проекта
Нов дизайн могат да дадат на бизнеса задоволително чувство за подобряване на техния уебсайт, но в крайна сметка ще има други фактори, които определят дали проектът е успех или провал. Тъй като дизайнер, за ефективно си върши работата и дават на клиента уебсайт, който подобрява своята дейност, а това е важно да има разбиране на точно това, което ще направи, или прекъсване на проекта. Може би успехът почива единствено на увеличени продажби. Може би една интернет страница, която е по-точно отразяване на дейността е от първостепенно значение. Независимо от ситуацията, знаеше как ще се измерва, ще ви позволи да се съсредоточи върху съответните територии.
8. Причина за избора им като дизайнер
С толкова много дизайнери на свободна практика и проектантски фирми там да избирате, това е ясно, че клиентът е избрал теб за причина. Има нещо за теб, които се представиха на клиента се чувстват, че са ви най-годни за работа. Може би той беше определен елемент от вашия портфейл. Може би тя е била ефективна комуникация и внимание към детайла, който показа, преди подписване на договора. Може би това е вашата ценообразуване.
Независимо от случая, могат да бъдат, има нещо за вас и вашата работа, която насърчава клиента да дойда с теб пред други дизайнери. В мотивите зад това решение, често ще ви помогне да имате по-добро разбиране на това, което искате, или се очаква от теб.
9. Плановете си за поддържане на сайта
Почти всеки сайт е проектирана и разработена в наши дни се използват някакъв вид система за управление на съдържанието. Изборът на CMS и как се изгради на мястото трябва да бъде повлияно и от техните нужди, за текущо поддържане и актуализация на сайта.
Да те планират да се добави много нови страници и често променят снимките и текста на съществуващи страници? Ще се нуждаят от различни шаблони, които могат да бъдат използвани за специфични страници за различни цели? Ще те само вземане на случайни и незначителни промени на страниците? Разбиране на текущите нужди на клиента могат да помогнат да се определи CMS, който е подходящ за конкретния проект. В някои случаи, клиентът може вече да има CMS има предвид, че те искат да използват, но това често не е така.
Какво е вашето подход?
Като дизайнер, как искаш да се обърне към предизвикателството да се знае повече за клиенти в началото на един проект? Има ли други елементи, които не са описани тук, които са важни за теб?
събота, 30 май 2009 г.
Ползваемост при уеб дизайна
Има няколко неща, по-важно в интернет от "използваемост," защото в Интернет е една интерактивна пространството и не е еднопосочна улица. Искаш ли да се подобри посетител на опит, прави избор, просто, да бъде приятен за окото, а не на overuse наперен добавка за дю JOUR. В допълнение, Вашият сайт ще кажете посетители много за вашата компания само от начина, по който изглежда, товари и функции, преди да прочетете още една дума. Значението на създаване на привлекателен, удобен за потребителя сайта просто не може да се надценява.
По причини, които са почти твърде много да се изброят - маркетинг, продажби, психология, изграждане на доверие, възприемани професионализъм и т.н. - начина, по който Вашия уебсайт има опит от страна на потребителите трябва да бъдат водещи в своя ум. В осем часа след важни напомняния ще ви вървят в правилната посока, но вие сте този, който знае вашите клиенти (или би трябвало), така на фини точки на персонализация и "характер" са до вас.
1. Значението на фокус. Вие трябва да мислите както Вашите посетители. Това е от ключово значение за успеха на вашия сайт. Вашите клиенти просто искат да намерят това, което е необходимо, да направи плащане и се върнем към реалния живот (работа, семейството, тенис, каквото). Ако можете да направите живота си малко по-прости и по-лесно, те ще те възнагради за това. Ако, от друга страна, да направите живота си по-сложни, те ще се "сърф далеч" и стой настрана.
2. Значението на разбиране носител. Вие не сте създаване на слайдшоу, A YouTube видео, телевизор търговски или PowerPoint презентация. Вие сте изграждането на уебсайт за търговски цели. Трябва да се осигури лесен, прости, ясни навигация на всяка страница, тъй като никога не знам колко хора ще линк към вашия сайт и това, което те ще видят първи. Посетителите на сайта си, без значение колко трудно се опитате, не винаги ще отида, където бихте искали да отидете, или не това, което искам да направя. Не забравяйте, че и да им даде малко инструменти, за да се движите на сайта, като на сайта и / или вътрешната търсачка.
3. Значението на ненападение. Повечето интернет потребители, особено тези, опит, както и да остане в контрола на тяхното движение. Изследвания показват, че вашият първи път посетителите са "лов", не "реши", така че не се правят излишни изисквания за кликване, да превъртате, оразмеряващата Windows или нещо друго. Нито трябва да поставят всякакви roadblocks че ще забави техния лов, както и времето, консумиращи "Flash и изпръсквам екрани."
4. Значението на намалено натоварване пъти. Обвързаните в # 3 е понятие на вашия сайт за недвижими и възприема "скорост." Внимателно разгледа всеки елемент на страницата и да печелят всеки един на мястото му, въз основа на функционалност, а не "уау" стойност. Пазете графичен файл малки размери и направи каквото и друго, което трябва да направя, за да има бързо зареждане, лесни за употреба сайт.
5. Значението на нуждите на клиентите: Определете всички видове на хора, които се очаква да посетят Вашия сайт и обмислят какво те ще се търсят. Уверете се, че за навигация дизайн помага най-голям брой хора, за да намерите най-популярни статии в най-ниската сума от време. Да не "погреба" съществена информация, така че посетителите трябва да копаем две или три нива, за да го намерите.
6. Значението на простота. Светкавицата е мощен инструмент, особено полезно за доказване на неща, които е трудно да се опише с думи, но тя е толкова покъртително overused че е обърнаха хората на разстояние. Тя може да бъде огромен разсейване, много, тъй като анимация и ярки (движещи се) цветовете са изключително трудно за нашите очи, за да се игнорира, дори когато нашите мозъци искам.
7. Значението на пропорционалността. Въпреки че се използва Javascript за някои сайтове за показване на всички връзки към други страници, там е наистина няма причина да се направи това, когато прости, ясни, ниски режийни HTML работи добре. Когато се използват за "нов, подобрен" или по-сложни средства правиш нещо - нищо - трябва да се вземе под внимание браузър compatibilities, възможни грешки и за ползване на резистентност. Да не се използва допълнителна технология, отколкото е необходимо, за да постигнете нещо, чисто, ясно и последователно.
8. Значението на избягване изненади. Можете да използвате очакваното, обичайни и стандартни разположения за очакваното, обичайни и стандартни елементи в сайта. Карта на навигацията не е нещо, което искате да бъде прекалено творчески с, като той трябва да бъде незабавно разбираем и използваем. Такива последователност в целия World Wide Web е действително добър нещо, тъй като той може да направи живота на хората по-лесно, когато те чувстват, че са в "запознати територия." Общо казано, вашият уебсайт различните компоненти трябва да изглежда и работи както си мислят хората, което трябва.
За да се заеме от Оскар Уайлд, помислете и важността да бъде сериозен. По-конкретно, искаш ли да се разглежда като сериозен, което означава, че вие искате всеки посетител да се разбере, подразбиращо се, ако е възможно, но ако е необходимо изрично, че се прави всичко възможно, за да направят своя сайт посещение проста, ясна опит. "Не сбиване, не се сърдя" е страхотен лозунг да запомните.
Ето защо, вместо да се хванат в дълбока дизайн метафори или използвайки вашата лента за показване на всички възможни уебсайт хитрост и / или лечение, трябва да се съсредоточи, за да направим сайта си в разтвора за вашите клиенти. Уверете се, че лесно за тях да направят това, което трябва да направите, след което се с живота си. Може би най-важното нещо, което може да даде посетител на сайта, след това, е уважение и благодарност.
По причини, които са почти твърде много да се изброят - маркетинг, продажби, психология, изграждане на доверие, възприемани професионализъм и т.н. - начина, по който Вашия уебсайт има опит от страна на потребителите трябва да бъдат водещи в своя ум. В осем часа след важни напомняния ще ви вървят в правилната посока, но вие сте този, който знае вашите клиенти (или би трябвало), така на фини точки на персонализация и "характер" са до вас.
1. Значението на фокус. Вие трябва да мислите както Вашите посетители. Това е от ключово значение за успеха на вашия сайт. Вашите клиенти просто искат да намерят това, което е необходимо, да направи плащане и се върнем към реалния живот (работа, семейството, тенис, каквото). Ако можете да направите живота си малко по-прости и по-лесно, те ще те възнагради за това. Ако, от друга страна, да направите живота си по-сложни, те ще се "сърф далеч" и стой настрана.
2. Значението на разбиране носител. Вие не сте създаване на слайдшоу, A YouTube видео, телевизор търговски или PowerPoint презентация. Вие сте изграждането на уебсайт за търговски цели. Трябва да се осигури лесен, прости, ясни навигация на всяка страница, тъй като никога не знам колко хора ще линк към вашия сайт и това, което те ще видят първи. Посетителите на сайта си, без значение колко трудно се опитате, не винаги ще отида, където бихте искали да отидете, или не това, което искам да направя. Не забравяйте, че и да им даде малко инструменти, за да се движите на сайта, като на сайта и / или вътрешната търсачка.
3. Значението на ненападение. Повечето интернет потребители, особено тези, опит, както и да остане в контрола на тяхното движение. Изследвания показват, че вашият първи път посетителите са "лов", не "реши", така че не се правят излишни изисквания за кликване, да превъртате, оразмеряващата Windows или нещо друго. Нито трябва да поставят всякакви roadblocks че ще забави техния лов, както и времето, консумиращи "Flash и изпръсквам екрани."
4. Значението на намалено натоварване пъти. Обвързаните в # 3 е понятие на вашия сайт за недвижими и възприема "скорост." Внимателно разгледа всеки елемент на страницата и да печелят всеки един на мястото му, въз основа на функционалност, а не "уау" стойност. Пазете графичен файл малки размери и направи каквото и друго, което трябва да направя, за да има бързо зареждане, лесни за употреба сайт.
5. Значението на нуждите на клиентите: Определете всички видове на хора, които се очаква да посетят Вашия сайт и обмислят какво те ще се търсят. Уверете се, че за навигация дизайн помага най-голям брой хора, за да намерите най-популярни статии в най-ниската сума от време. Да не "погреба" съществена информация, така че посетителите трябва да копаем две или три нива, за да го намерите.
6. Значението на простота. Светкавицата е мощен инструмент, особено полезно за доказване на неща, които е трудно да се опише с думи, но тя е толкова покъртително overused че е обърнаха хората на разстояние. Тя може да бъде огромен разсейване, много, тъй като анимация и ярки (движещи се) цветовете са изключително трудно за нашите очи, за да се игнорира, дори когато нашите мозъци искам.
7. Значението на пропорционалността. Въпреки че се използва Javascript за някои сайтове за показване на всички връзки към други страници, там е наистина няма причина да се направи това, когато прости, ясни, ниски режийни HTML работи добре. Когато се използват за "нов, подобрен" или по-сложни средства правиш нещо - нищо - трябва да се вземе под внимание браузър compatibilities, възможни грешки и за ползване на резистентност. Да не се използва допълнителна технология, отколкото е необходимо, за да постигнете нещо, чисто, ясно и последователно.
8. Значението на избягване изненади. Можете да използвате очакваното, обичайни и стандартни разположения за очакваното, обичайни и стандартни елементи в сайта. Карта на навигацията не е нещо, което искате да бъде прекалено творчески с, като той трябва да бъде незабавно разбираем и използваем. Такива последователност в целия World Wide Web е действително добър нещо, тъй като той може да направи живота на хората по-лесно, когато те чувстват, че са в "запознати територия." Общо казано, вашият уебсайт различните компоненти трябва да изглежда и работи както си мислят хората, което трябва.
За да се заеме от Оскар Уайлд, помислете и важността да бъде сериозен. По-конкретно, искаш ли да се разглежда като сериозен, което означава, че вие искате всеки посетител да се разбере, подразбиращо се, ако е възможно, но ако е необходимо изрично, че се прави всичко възможно, за да направят своя сайт посещение проста, ясна опит. "Не сбиване, не се сърдя" е страхотен лозунг да запомните.
Ето защо, вместо да се хванат в дълбока дизайн метафори или използвайки вашата лента за показване на всички възможни уебсайт хитрост и / или лечение, трябва да се съсредоточи, за да направим сайта си в разтвора за вашите клиенти. Уверете се, че лесно за тях да направят това, което трябва да направите, след което се с живота си. Може би най-важното нещо, което може да даде посетител на сайта, след това, е уважение и благодарност.
петък, 29 май 2009 г.
Първи стъпки в уеб дизайна
Преди да започнете да създавате още една интернет страница ще е необходимо да знаете между бита на уеб-дизайн сцена. Въпреки че в действителност създаването на уебсайт е част от HTML, той не е действително началото на вашето пътуване. Този настойнически ще обясня някои фактори, което трябва да знаете преди да кодиране уебсайт.
Какво е уебсайт?
Ние всички знаем какво изглежда подобен, но какво точно е?
А сайта се всичко във всички различни форми и размери, има толкова много сайтове в света и толкова много различни оформена / кодирани уебсайтове съществува, но по-прости думи една интернет страница може да бъде сбор от медийни елементи, като текст, изображения, photoshops, на видео и т.н., които са достъпни онлайн чрез големите WWW (World Wide Web). Уебсайтове тенденция да бъдат публично достъпни страниците за хора, за да видите и да видите. Има също така много и различни видове интернет страници, като например, блогове, enterainment, форуми др мога да свършиш направи defintion отида вечно, но ние не го прости водене!
Съществуват различни видове интернет страници, както и:
* Личен уебсайт
* Търговски сайт
* Правителствен сайт
* Нестопанска организация уебсайт
Има повече видове, но тези видове обхваща огромното мнозинство от уебсайтове, в момента на WWW (World Wide Web)
Уебсайт хостинг
За да имате уеб сайт, трябва да има хост. A-домакин, ще имат на уеб-сървърите, които са специално проектирани за интернет пространство, така че това означава, че са оптимизирани за задачата за ръка, и това е да хоствате вашия уеб сайт и къщата е данни. Но има толкова много уеб Силите там, кой ще е точно за вас? За да се отговори, че щеше да изглежда по различен хостинг типове.
Безплатен хостинг
Безплатен хостинг е това, което казва, безплатно. Не кредитна карта или PayPal сметка необходими, много домакини ще предложат безплатен хостинг. Ако просто се в целия сайт сцена след това безплатен хостинг е страхотен начин да се експериментира с това как уеб-кодиране и разбира се Web-Силите работи.
Безплатен хостинг дойде с нея на дефекти. Например, безплатен хостинг няма почти винаги имат ограничения, които ще бъдат поставени immedietly на вашия профил. Ограничения не като подкрепа на кодиране, като MySQL и PHP. И любимото на свободни уеб домакините е, че те сила на мястото на рекламата там сайт, или там автоматично вградени в страниците си. Но както казах това е свободен, така, разбира се, трябва да се справят с тези ограничения
Безплатен хостинг бих казал, се препоръчва за нито любопитни вид, който става в сградата уебсайтове, или лице, което има за цел да създаде една малка лична страница, която няма да се очакват маси суми на трафик. Ако сте се стремят да създадат оживен трафик сайт може да искате да търсите в смятат за платени професионални хостинг
Общо Хостинг
Общо хостинг е стъпка от безплатен хостинг и могат да бъдат много достъпни цени могат да бъдат както littles по $ 2 на месец, защото вашият сървър споделяне с други хора е доста по-евтина цена. Общо хостинг често е най-популярният вид като много различни хостинг планове са occassiated с нея. По споделен хостинг, ако се сравни цените от други Силите и откриете идентични цени обикновено могат да ви кажа, ако си осигури по-добра цялостна услуга, а другият е спасяването на хардуера.
Ако дойдете в евтини цени за споделен хостинг, не само, че услугата ще бъде боклука. Спомни си споделим с другите, така че цената ще бъде ниска. Тази скорост и връзки към ресурси. Не забравяйте, че други сайтове се хостват на същия сървър. Така че, ако един сайт е с много от сървърите на ресурсите на всички интернет страници на този сървър, ще се забави.
Платено / VPS Хостинг
Платено / VPS хостинг е най-големият от трите вида хостинг, но също така се случва в най-скъпо. До като платени хостинг получавате много по-добре, отколкото свободни сървъри / споделен хостинг, а също и те ще бъдат конфигурирани да обработват големи натоварвания, за разлика от безплатен хостинг. Това е най-добрият хостинг буквално там, но както казах това е много скъпо. И за разлика от общо хостинг цените не са склонни да се променят, те са склонни да се определят цените.
Но ако това е толкова скъпо и какво не, защо ще го съществуват. Ами защото платени хостинг означава обикновено вашия собствен сървър, това ще е идеална за бизнес comapny сайтове, както и общите сайтове, които печелят буквално 100k видяна плюс да има уеб сайт (препращащо към високи натоварвания сценарий)
Този тип домакин ще бъде за опитни уебмайстори с уеб сайтове и хостинг, това не е за начинаещи, тъй като това е скъпо сървърите обикновено са доста сложни и ще имате много конфигурации за да знаят и избирам.
Имената на домейни / Registars
Име на домейн е просто това, http://pulsegfx.net той е закупен от някой, наречен домейн registar, домейн имена са персонализирани адреси, които хората могат да се правят. Това е малко по-различно към такива неща като Под-домейни, Пример сте домакин на безплатен хост, както и за вашия уеб сайт на адрес е something.yourwebhost.com име на домейн на разфасовките. Yourwebhost битова и което зависи от всеки друг сайт.
Име на домейн може да има различни разширения в края на тях, като например,. Нето. Co.uk,. ORG,. Org.uk,. GOV,. COM и т.н. В някои случаи може да са създали собствени такива, но те струва много пари.
Домейн registras са доставчиците на домейн имена. Има много registars там няколко са, name.com godaddy.com и namecheap.com всяка услуга ще се различават, но в крайна сметка те се предоставят на едно и също нещо.
Първи стъпки
Началото е винаги трудно част в началото на разстояние уебсайт. Не ви трябва да се обмислят много фактори, ако ще ви сериозно за него. Фактори като какво съдържание мога да предоставя, какво ще ми бъде около сайта, какви функции може да го включа в моята интернет страница. Фактори, като че трябва да се обърне внимание, дори преди да започне.
А подъл започнат трик
Ако остана напълно за това, как тогава можете да започнете да използвате нещо, наречено CMS (Content Management System) Това са системи, които управляват съдържанието и инсталирането им върху вашия уебсайт. CMS на могат да бъдат персонализирани с Вашия вкус, и още веднъж те управляват всички твърди подобни неща XHTML и CSS за вас. Това ще бъде чудесно за някой започне, но Бих Препоръчваме ви не просто използвайте CMS като shorcut метод. Това е добра идея да се запознаят с XHTML и CSS, за да разберат как работят нещата, дори ако не можете да код / дизайн на уеб сайт.
Уеб дизайн
Можете да използвате един от безплатни уеб шаблони, за да получите представа за персонализиране и след това преминете с платени въображаемо премия такива.
Научете за работа!
Голяма метод за учене на нови начини за изграждане на уебсайтове е да се научите, докато се създаде уебсайта си. Само с помощта на знания за това, което вие вече можете да разширите на него и след това се научите как да направя нещо, което вече знаеше, дори по-добре.
Търпение
Търпение ще играе ключова поименно в новия си сайт, когато започнете да го никой не се случва да се знае за него, така че ще е твоя работа да получи колкото се може повече връзки борси и обратно линка по-бързо. Също така, когато вашият първи началото на кодиране Вие няма да получите neccesarly цаката него. Да не се притеснявай. Аз се помня първата версия на Пулс GFX обратно през 2006 г., те изглеждаше ужасно, но опитни Той не мога да ви предложа практични съвети.
1. Не изхвърляйте всеки уебсайт дизайн / код работите върху. Запазване и разширяване на нея, да научат от него. Подобряване на него.
2. Запомни доста гледам сайта изглежда добре, но в края на съдържанието на месо от вашия успех
3. Ако не можеш да направиш нещо. Научете как да не се отказвайте. Има много уроци по XHTML, HTML и CSS и т.н., така мозъка ти дам някои работи аута!
4. Първи трафик към уебсайта ви отнема време, infact е взето Пулс GFX Две години, за да бъде то, където е днес!
5. И накрая. Приятно е за уебмастъри! Аз обичам моя сайт, аз никога не го искате, защото това е нещо, този част от мен. Ако вашият страстен за него. Давай. Никой не може да спре!
Накрая ..
Вие сте дойде този момент. Надявам се този настойнически хвърля светлина върху цялата уеб-дизайн сцена, за някои от вас. Успех, ако търсенето и стартиране на сайта!
Какво е уебсайт?
Ние всички знаем какво изглежда подобен, но какво точно е?
А сайта се всичко във всички различни форми и размери, има толкова много сайтове в света и толкова много различни оформена / кодирани уебсайтове съществува, но по-прости думи една интернет страница може да бъде сбор от медийни елементи, като текст, изображения, photoshops, на видео и т.н., които са достъпни онлайн чрез големите WWW (World Wide Web). Уебсайтове тенденция да бъдат публично достъпни страниците за хора, за да видите и да видите. Има също така много и различни видове интернет страници, като например, блогове, enterainment, форуми др мога да свършиш направи defintion отида вечно, но ние не го прости водене!
Съществуват различни видове интернет страници, както и:
* Личен уебсайт
* Търговски сайт
* Правителствен сайт
* Нестопанска организация уебсайт
Има повече видове, но тези видове обхваща огромното мнозинство от уебсайтове, в момента на WWW (World Wide Web)
Уебсайт хостинг
За да имате уеб сайт, трябва да има хост. A-домакин, ще имат на уеб-сървърите, които са специално проектирани за интернет пространство, така че това означава, че са оптимизирани за задачата за ръка, и това е да хоствате вашия уеб сайт и къщата е данни. Но има толкова много уеб Силите там, кой ще е точно за вас? За да се отговори, че щеше да изглежда по различен хостинг типове.
Безплатен хостинг
Безплатен хостинг е това, което казва, безплатно. Не кредитна карта или PayPal сметка необходими, много домакини ще предложат безплатен хостинг. Ако просто се в целия сайт сцена след това безплатен хостинг е страхотен начин да се експериментира с това как уеб-кодиране и разбира се Web-Силите работи.
Безплатен хостинг дойде с нея на дефекти. Например, безплатен хостинг няма почти винаги имат ограничения, които ще бъдат поставени immedietly на вашия профил. Ограничения не като подкрепа на кодиране, като MySQL и PHP. И любимото на свободни уеб домакините е, че те сила на мястото на рекламата там сайт, или там автоматично вградени в страниците си. Но както казах това е свободен, така, разбира се, трябва да се справят с тези ограничения
Безплатен хостинг бих казал, се препоръчва за нито любопитни вид, който става в сградата уебсайтове, или лице, което има за цел да създаде една малка лична страница, която няма да се очакват маси суми на трафик. Ако сте се стремят да създадат оживен трафик сайт може да искате да търсите в смятат за платени професионални хостинг
Общо Хостинг
Общо хостинг е стъпка от безплатен хостинг и могат да бъдат много достъпни цени могат да бъдат както littles по $ 2 на месец, защото вашият сървър споделяне с други хора е доста по-евтина цена. Общо хостинг често е най-популярният вид като много различни хостинг планове са occassiated с нея. По споделен хостинг, ако се сравни цените от други Силите и откриете идентични цени обикновено могат да ви кажа, ако си осигури по-добра цялостна услуга, а другият е спасяването на хардуера.
Ако дойдете в евтини цени за споделен хостинг, не само, че услугата ще бъде боклука. Спомни си споделим с другите, така че цената ще бъде ниска. Тази скорост и връзки към ресурси. Не забравяйте, че други сайтове се хостват на същия сървър. Така че, ако един сайт е с много от сървърите на ресурсите на всички интернет страници на този сървър, ще се забави.
Платено / VPS Хостинг
Платено / VPS хостинг е най-големият от трите вида хостинг, но също така се случва в най-скъпо. До като платени хостинг получавате много по-добре, отколкото свободни сървъри / споделен хостинг, а също и те ще бъдат конфигурирани да обработват големи натоварвания, за разлика от безплатен хостинг. Това е най-добрият хостинг буквално там, но както казах това е много скъпо. И за разлика от общо хостинг цените не са склонни да се променят, те са склонни да се определят цените.
Но ако това е толкова скъпо и какво не, защо ще го съществуват. Ами защото платени хостинг означава обикновено вашия собствен сървър, това ще е идеална за бизнес comapny сайтове, както и общите сайтове, които печелят буквално 100k видяна плюс да има уеб сайт (препращащо към високи натоварвания сценарий)
Този тип домакин ще бъде за опитни уебмайстори с уеб сайтове и хостинг, това не е за начинаещи, тъй като това е скъпо сървърите обикновено са доста сложни и ще имате много конфигурации за да знаят и избирам.
Имената на домейни / Registars
Име на домейн е просто това, http://pulsegfx.net той е закупен от някой, наречен домейн registar, домейн имена са персонализирани адреси, които хората могат да се правят. Това е малко по-различно към такива неща като Под-домейни, Пример сте домакин на безплатен хост, както и за вашия уеб сайт на адрес е something.yourwebhost.com име на домейн на разфасовките. Yourwebhost битова и което зависи от всеки друг сайт.
Име на домейн може да има различни разширения в края на тях, като например,. Нето. Co.uk,. ORG,. Org.uk,. GOV,. COM и т.н. В някои случаи може да са създали собствени такива, но те струва много пари.
Домейн registras са доставчиците на домейн имена. Има много registars там няколко са, name.com godaddy.com и namecheap.com всяка услуга ще се различават, но в крайна сметка те се предоставят на едно и също нещо.
Първи стъпки
Началото е винаги трудно част в началото на разстояние уебсайт. Не ви трябва да се обмислят много фактори, ако ще ви сериозно за него. Фактори като какво съдържание мога да предоставя, какво ще ми бъде около сайта, какви функции може да го включа в моята интернет страница. Фактори, като че трябва да се обърне внимание, дори преди да започне.
А подъл започнат трик
Ако остана напълно за това, как тогава можете да започнете да използвате нещо, наречено CMS (Content Management System) Това са системи, които управляват съдържанието и инсталирането им върху вашия уебсайт. CMS на могат да бъдат персонализирани с Вашия вкус, и още веднъж те управляват всички твърди подобни неща XHTML и CSS за вас. Това ще бъде чудесно за някой започне, но Бих Препоръчваме ви не просто използвайте CMS като shorcut метод. Това е добра идея да се запознаят с XHTML и CSS, за да разберат как работят нещата, дори ако не можете да код / дизайн на уеб сайт.
Уеб дизайн
Можете да използвате един от безплатни уеб шаблони, за да получите представа за персонализиране и след това преминете с платени въображаемо премия такива.
Научете за работа!
Голяма метод за учене на нови начини за изграждане на уебсайтове е да се научите, докато се създаде уебсайта си. Само с помощта на знания за това, което вие вече можете да разширите на него и след това се научите как да направя нещо, което вече знаеше, дори по-добре.
Търпение
Търпение ще играе ключова поименно в новия си сайт, когато започнете да го никой не се случва да се знае за него, така че ще е твоя работа да получи колкото се може повече връзки борси и обратно линка по-бързо. Също така, когато вашият първи началото на кодиране Вие няма да получите neccesarly цаката него. Да не се притеснявай. Аз се помня първата версия на Пулс GFX обратно през 2006 г., те изглеждаше ужасно, но опитни Той не мога да ви предложа практични съвети.
1. Не изхвърляйте всеки уебсайт дизайн / код работите върху. Запазване и разширяване на нея, да научат от него. Подобряване на него.
2. Запомни доста гледам сайта изглежда добре, но в края на съдържанието на месо от вашия успех
3. Ако не можеш да направиш нещо. Научете как да не се отказвайте. Има много уроци по XHTML, HTML и CSS и т.н., така мозъка ти дам някои работи аута!
4. Първи трафик към уебсайта ви отнема време, infact е взето Пулс GFX Две години, за да бъде то, където е днес!
5. И накрая. Приятно е за уебмастъри! Аз обичам моя сайт, аз никога не го искате, защото това е нещо, този част от мен. Ако вашият страстен за него. Давай. Никой не може да спре!
Накрая ..
Вие сте дойде този момент. Надявам се този настойнически хвърля светлина върху цялата уеб-дизайн сцена, за някои от вас. Успех, ако търсенето и стартиране на сайта!
четвъртък, 28 май 2009 г.
Има ли нужда от Вашия сайт от Редизайн
Има ли нужда от Вашия сайт Редизайн ли може да има един красив сайт, може да спечелите награди за високи постижения в дизайна, но освен ако авторът е взел под внимание принципите на търсачка Оптимизация (SEO), може да се наложи да се разгледа редизайн. Може да имате един стар сайт, тя не му работа, тя казва, хора, за Вашата фирма, но това е бавен и съдържанието, това е малко остаряла. В двата случая, вие определено трябва да се разгледа редизайн.
И двете интернет страници ще се борят за да получите обема на трафика, който те биха могли да получат. Новият добре проектирана сайт може да получите на трафика за онези, които търсят специално за сайта, но всеки, с помощта на ключови думи за търсене за вашия продукт или услуга, няма да те намеря.
В по-стари сайт с остарели съдържание губи, защото търсачките мисля (поради липсата на прясна съдържание), че сайтът е спящ или мъртъв. И двете от тези уеб сайтове могат да получат голям трафик и потенциално доходоносни увеличение на бизнеса, но без отчитане на SEO, те няма да получите дял от приходите, че е възможно.
Значи това, което трябва Един поглед в даден сайт, които биха могли да се нуждаят от редизайн?
Всички Flash
Въпреки че има значителни постижения в търсачка технология и те започват да прочетете някои Flash, сайт, който е всичко, светкавицата е вероятно да бъде страшен за търсачки. Те ще бъдат много, но няма да Търсачки ранга им силно, защото съдържанието е по същество неразбран. Но какво да кажем за големите корпорации, които имат ранг високо, но само за флаш сайтове? Тези сайтове имат такъв висок процент на връзката им флаш съдържание вероятно няма значение, ако не могат да се конкурират с голяма корпорация, изцяло флаш сайтове, е не отида.
Рамки
Frames в уебсайта си правят трудни за търсачки да индексират неговите страници. Нещо повече, хората посетителите наистина се борят с рамки, те са трудни за четене и това е трудно да се получи една импресия на сайта. Някои браузъри, дори не поддържа рамки, смисъла на Вашия сайт е изцяло неразбран за тези потенциални клиенти.
Прегазвам Страници
Уеб дизайнерите използват изпръсквам страници наистина осъществите визуален ефект върху посетителя. Представете си цялата уеб страница, като анимирани страница, направо на карикатура. Много впечатляващо. За съжаление, от SEO гледна точка, те са ужасяващи. Прегазвам страници обикновено съдържа малко или никакъв текст съдържание; не връзки и пълна с флаш и друг софтуер, който търсачки все още трудно да се оцени намерят за класиране. Може да ви впечатли с цопване страници, но целувка сбогом на много потенциални клиенти.
Бавно Зареждане
Много просто, бавно зареждане страница поставя на разстояние двете човешки посетители и търсачката роботи. Човешки посетителите не могат да имат търпението да изчакат за страниците, за да заредите и търсачки почти винаги ранг толкова по-бързо зареждане на страници по-горе-бавен такива. Ако вашият сайт е бавното зареждане страници, те се нуждаят за замяна.
Извън Дата Съдържание
Първо, търсачки просто ще игнорират този сайт, както ако той вече не съществува. То може да е наред в миналото да оставите съдържание за месеца, без да му актуализиране, но тези дни, че скоро ще изхлузвам радара без редовно актуализирана съдържание. Нещо повече, нищо не се поставя на човешките посетител повече от остаряла съдържание.
Ако вашият сайт съдържа някоя от горните SEO проблеми, трябва да се приложи редизайн; е струва ли потенциални приходи.
И двете интернет страници ще се борят за да получите обема на трафика, който те биха могли да получат. Новият добре проектирана сайт може да получите на трафика за онези, които търсят специално за сайта, но всеки, с помощта на ключови думи за търсене за вашия продукт или услуга, няма да те намеря.
В по-стари сайт с остарели съдържание губи, защото търсачките мисля (поради липсата на прясна съдържание), че сайтът е спящ или мъртъв. И двете от тези уеб сайтове могат да получат голям трафик и потенциално доходоносни увеличение на бизнеса, но без отчитане на SEO, те няма да получите дял от приходите, че е възможно.
Значи това, което трябва Един поглед в даден сайт, които биха могли да се нуждаят от редизайн?
Всички Flash
Въпреки че има значителни постижения в търсачка технология и те започват да прочетете някои Flash, сайт, който е всичко, светкавицата е вероятно да бъде страшен за търсачки. Те ще бъдат много, но няма да Търсачки ранга им силно, защото съдържанието е по същество неразбран. Но какво да кажем за големите корпорации, които имат ранг високо, но само за флаш сайтове? Тези сайтове имат такъв висок процент на връзката им флаш съдържание вероятно няма значение, ако не могат да се конкурират с голяма корпорация, изцяло флаш сайтове, е не отида.
Рамки
Frames в уебсайта си правят трудни за търсачки да индексират неговите страници. Нещо повече, хората посетителите наистина се борят с рамки, те са трудни за четене и това е трудно да се получи една импресия на сайта. Някои браузъри, дори не поддържа рамки, смисъла на Вашия сайт е изцяло неразбран за тези потенциални клиенти.
Прегазвам Страници
Уеб дизайнерите използват изпръсквам страници наистина осъществите визуален ефект върху посетителя. Представете си цялата уеб страница, като анимирани страница, направо на карикатура. Много впечатляващо. За съжаление, от SEO гледна точка, те са ужасяващи. Прегазвам страници обикновено съдържа малко или никакъв текст съдържание; не връзки и пълна с флаш и друг софтуер, който търсачки все още трудно да се оцени намерят за класиране. Може да ви впечатли с цопване страници, но целувка сбогом на много потенциални клиенти.
Бавно Зареждане
Много просто, бавно зареждане страница поставя на разстояние двете човешки посетители и търсачката роботи. Човешки посетителите не могат да имат търпението да изчакат за страниците, за да заредите и търсачки почти винаги ранг толкова по-бързо зареждане на страници по-горе-бавен такива. Ако вашият сайт е бавното зареждане страници, те се нуждаят за замяна.
Извън Дата Съдържание
Първо, търсачки просто ще игнорират този сайт, както ако той вече не съществува. То може да е наред в миналото да оставите съдържание за месеца, без да му актуализиране, но тези дни, че скоро ще изхлузвам радара без редовно актуализирана съдържание. Нещо повече, нищо не се поставя на човешките посетител повече от остаряла съдържание.
Ако вашият сайт съдържа някоя от горните SEO проблеми, трябва да се приложи редизайн; е струва ли потенциални приходи.
сряда, 27 май 2009 г.
Детайлите имат значение при дизайна
Много отдавна, в далечна галактика, графичните изкуства индустрията е населена с пълно работно време, illustrators, производство асистенти и compositors. С композиране залепва за регламентираща тип, прави ръбове за определяне решетки, човешки proofer за улов правописни грешки и арсенал от X-acto лопатки за извършване на промени, тези хора са живели и вдъхна детайл. Грешките са скъпи. Това беше позицията, че търговията изисква дълъг стаж; сигурността на работното място зависи от получаване на всички малкото неща наред.
Докато много от тактилно уменията, необходими за нашето ново поколение на PC-базирани уеб дизайн и разработки, са коренно различни, критично око за подробност е, както актуалност. В действителност, поради по-ниската цена на влизане и увеличаване commoditization на проектирането, че око за подробности не е необходимо само за престой море в професията, но задължително условие за успех.
Функционалната подробности са различни от тези, с които нашите предци бореше. Повечето от нас не притежават очила за предотвратяване спрей лепило от Първи в нашите очи и да се прецени loupes точкова печалба на пресконференция проверка. Ние, обаче, трябва да се справят със скъп особености на браузъри; всички ние тичам в същата двойни грешки на платежоспособност и непоследователни ДжаваСкрипт поддръжка. Това са количествени, документирани проблеми. Добър сайт строителите като вас и аз се избегнат тези съвсем просто с по-добро писане код. Но данните, които могат да убият един проект-бързо, отколкото лети срещу стъкло са по-подривни: тези, които, в мерник, трябва да са били ослепително очевидни.
Той никога не просто за дизайн
Само най-щастливия уебсайт строители действително изградят сайтове по цял ден. Повечето от нас също са на непълно работно време proofers, проектни мениджъри, експерти, използваемост, проектиране критици, навигационни архитекти, терапевти за copywriters, и общите отидем до експерти по всички нещо interweb. Ние сме отговорни за това, че не само тестване в различните браузъри, но за които знаете, браузъри нашата публика ще се използват, и защо. Трябва да седна в конференция за разговори и да слушате хора критикуват работата си и поиска от същия въпрос девет пъти. Ние сме отговорни за проверка на съгласуваността на връзката лечение. Бутон дизайн. Формуляр функционалност. Дали малки декоративни процъфтяват A мача малки декоративни процъфтяват Б. Трябва да обърнем внимание на много неща, и много от нея попада и извън сферата на дизайна.
След работа в многобройните проектирането и управлението на службите на различни творчески екип, аз научих, че най-добрите служители имат различни навици. Тези служители:
* Повторно прочетете Проект кратко преди изясняване неуредени въпроси с ръководител на проекта или клиент,
* Комуникация с участниците в проекта да улови всяко средата на проекта обхвата промени-и, по-важното е, разбирам защо тези промени се случва,
* Предизвикателство промени те не са съгласни с и защитава позициите си обективно и прагматично,
* Мине работата на колегите за чревната партньорска проверка преди официалния преглед,
* Проверка на правописа, а след това всичко отново, за да чете улов грешките на правописа чек doughs възел,
* Прочетете всичко отново за езикови нюанси, като последователно гледна точка, активна глас, и паралелно структура,
* Проучване съответните пазарни тенденции и да разберем по конкуренция,
* Предлагаме информация, че подобряването на парче, от добавяне на ясни ALT текст, за да се смяна на изображения, за да променя мрежата по начини, които позволяват на съдържание, за да дишам,
* Знае кои битки и да се борят, за да се избегне, а
* Разпознае и да работят върху детайлите, които да им помогне да получите по-добър в работата си ... и след това отидете за да получите по-добър в работата си.
Инвест за дългосрочен план
При проектирането резултати се объркат, това често води до Стария Завет, в края на най-свят нещата огън и жупел, реките и моретата на кипене, котки и кучета живеят заедно. Всеки пръст земи почтено в лицето на дизайнера. И защо не? Тя е на всеки дизайнер е да се гарантира 100% удовлетвореност на клиента, и това означава, доставяща работа, в която всеки детайл е, че чрез: отгоре надолу, така и навън.
На практика, обаче, има два вида хора, когато става дума за заплащане внимание към детайла: тези, които казват, че преразглеждат своята работа, и тези, които действително са прегледани тяхната работа.
Website дизайнери и разработчици, които системно не съответстват на очакванията, които споделите малко информация чрез приплъзване, в крайна сметка се развие лоша репутация. За корпоративни служител, избор проекти отидете на другите и промоции са малко, защото на свободна практика, клиентски референции смалявам. Може би най-deflating, обаче, е, че колегите вече не ви отведе сериозно в партньорската дизайн прегледи. Когато хората очакват да изпуснем детайли, по пътя за обратно изкупуване е дълъг.
В черната комедия на всичко това е, че малко хора празнуват дизайнерите, когато те го прав. Ние сме, след всичко, се очаква да го перфектно нокти всеки път. Ние всички фокуси на малки парчета на великия проект пъзел, а след това отива на живо в интернет, а след това се предава на следващия проект. Има малко краткосрочни славата, че са перфектни, но там са дългосрочни ползи за това, че постоянно страхотно, и добри мениджъри търсите за тази последователност в цялата кариера на служителите си.
Малките неща водят към успеха
Когато дизайнери и програмисти мисля за подробностите на проекта, те трябва да мислят критично и аналитично. Най-добрите решения идват от двете страни на мозъка, построен от страна на това как и защо.
За да бъде наистина чудесно, ние трябва да се разбере мотивацията на нашите клиенти, поддържат постоянна двупосочна комуникация с shockingly uncreative хора, получи фирма дръжка на copywriting и как този занаят съществува symbiotically с визуален елемент, и да предвидят как ще свърши цялата бъде по-голяма от сумата на бита и парчета, че прекарахме час obsessing свърши. Всички тези фактори каскада в крайния продукт.
Creative професионалисти, които може да видите всички ъгли на проекта са тези, които в крайна сметка успяват в индустрията. Те печелят награди, се повишават, и печелят пари, но най-важното им се развие репутация за грижите за подробности, за пускането лично и съзнателно усилие, като гарантира, че във всички по-малки неща, които да направят окончателния продукт перфектно.
Докато много от тактилно уменията, необходими за нашето ново поколение на PC-базирани уеб дизайн и разработки, са коренно различни, критично око за подробност е, както актуалност. В действителност, поради по-ниската цена на влизане и увеличаване commoditization на проектирането, че око за подробности не е необходимо само за престой море в професията, но задължително условие за успех.
Функционалната подробности са различни от тези, с които нашите предци бореше. Повечето от нас не притежават очила за предотвратяване спрей лепило от Първи в нашите очи и да се прецени loupes точкова печалба на пресконференция проверка. Ние, обаче, трябва да се справят със скъп особености на браузъри; всички ние тичам в същата двойни грешки на платежоспособност и непоследователни ДжаваСкрипт поддръжка. Това са количествени, документирани проблеми. Добър сайт строителите като вас и аз се избегнат тези съвсем просто с по-добро писане код. Но данните, които могат да убият един проект-бързо, отколкото лети срещу стъкло са по-подривни: тези, които, в мерник, трябва да са били ослепително очевидни.
Той никога не просто за дизайн
Само най-щастливия уебсайт строители действително изградят сайтове по цял ден. Повечето от нас също са на непълно работно време proofers, проектни мениджъри, експерти, използваемост, проектиране критици, навигационни архитекти, терапевти за copywriters, и общите отидем до експерти по всички нещо interweb. Ние сме отговорни за това, че не само тестване в различните браузъри, но за които знаете, браузъри нашата публика ще се използват, и защо. Трябва да седна в конференция за разговори и да слушате хора критикуват работата си и поиска от същия въпрос девет пъти. Ние сме отговорни за проверка на съгласуваността на връзката лечение. Бутон дизайн. Формуляр функционалност. Дали малки декоративни процъфтяват A мача малки декоративни процъфтяват Б. Трябва да обърнем внимание на много неща, и много от нея попада и извън сферата на дизайна.
След работа в многобройните проектирането и управлението на службите на различни творчески екип, аз научих, че най-добрите служители имат различни навици. Тези служители:
* Повторно прочетете Проект кратко преди изясняване неуредени въпроси с ръководител на проекта или клиент,
* Комуникация с участниците в проекта да улови всяко средата на проекта обхвата промени-и, по-важното е, разбирам защо тези промени се случва,
* Предизвикателство промени те не са съгласни с и защитава позициите си обективно и прагматично,
* Мине работата на колегите за чревната партньорска проверка преди официалния преглед,
* Проверка на правописа, а след това всичко отново, за да чете улов грешките на правописа чек doughs възел,
* Прочетете всичко отново за езикови нюанси, като последователно гледна точка, активна глас, и паралелно структура,
* Проучване съответните пазарни тенденции и да разберем по конкуренция,
* Предлагаме информация, че подобряването на парче, от добавяне на ясни ALT текст, за да се смяна на изображения, за да променя мрежата по начини, които позволяват на съдържание, за да дишам,
* Знае кои битки и да се борят, за да се избегне, а
* Разпознае и да работят върху детайлите, които да им помогне да получите по-добър в работата си ... и след това отидете за да получите по-добър в работата си.
Инвест за дългосрочен план
При проектирането резултати се объркат, това често води до Стария Завет, в края на най-свят нещата огън и жупел, реките и моретата на кипене, котки и кучета живеят заедно. Всеки пръст земи почтено в лицето на дизайнера. И защо не? Тя е на всеки дизайнер е да се гарантира 100% удовлетвореност на клиента, и това означава, доставяща работа, в която всеки детайл е, че чрез: отгоре надолу, така и навън.
На практика, обаче, има два вида хора, когато става дума за заплащане внимание към детайла: тези, които казват, че преразглеждат своята работа, и тези, които действително са прегледани тяхната работа.
Website дизайнери и разработчици, които системно не съответстват на очакванията, които споделите малко информация чрез приплъзване, в крайна сметка се развие лоша репутация. За корпоративни служител, избор проекти отидете на другите и промоции са малко, защото на свободна практика, клиентски референции смалявам. Може би най-deflating, обаче, е, че колегите вече не ви отведе сериозно в партньорската дизайн прегледи. Когато хората очакват да изпуснем детайли, по пътя за обратно изкупуване е дълъг.
В черната комедия на всичко това е, че малко хора празнуват дизайнерите, когато те го прав. Ние сме, след всичко, се очаква да го перфектно нокти всеки път. Ние всички фокуси на малки парчета на великия проект пъзел, а след това отива на живо в интернет, а след това се предава на следващия проект. Има малко краткосрочни славата, че са перфектни, но там са дългосрочни ползи за това, че постоянно страхотно, и добри мениджъри търсите за тази последователност в цялата кариера на служителите си.
Малките неща водят към успеха
Когато дизайнери и програмисти мисля за подробностите на проекта, те трябва да мислят критично и аналитично. Най-добрите решения идват от двете страни на мозъка, построен от страна на това как и защо.
За да бъде наистина чудесно, ние трябва да се разбере мотивацията на нашите клиенти, поддържат постоянна двупосочна комуникация с shockingly uncreative хора, получи фирма дръжка на copywriting и как този занаят съществува symbiotically с визуален елемент, и да предвидят как ще свърши цялата бъде по-голяма от сумата на бита и парчета, че прекарахме час obsessing свърши. Всички тези фактори каскада в крайния продукт.
Creative професионалисти, които може да видите всички ъгли на проекта са тези, които в крайна сметка успяват в индустрията. Те печелят награди, се повишават, и печелят пари, но най-важното им се развие репутация за грижите за подробности, за пускането лично и съзнателно усилие, като гарантира, че във всички по-малки неща, които да направят окончателния продукт перфектно.
вторник, 26 май 2009 г.
Как да познаваме качествения Уеб Дизайн: Примери & Съвети
Някои много примери и съвети за това какво прави качествен уеб дизайн или блог
Качеството е думата, че много хора искали да използвате, когато се описват техните уеб дизайн услуги. Но какво е качеството, как искаш да знаеш, ако дизайнът е качество или не. Ами, аз мисля, че има много начини за качество на място в рамките на уеб дизайна. Щом можете да видите само какво става във вземане на качествен уеб дизайн, можете да използвате техники за перфектно вашия собствен стил.
Аз бях взети заедно няколко насоки, както и събраните някои примери да обясни точно как изглеждам за качество в рамките на една интернет страница дизайн.
01. Интервали
Едно от основните неща, които търсите в добър сайт дизайн е умно използване на разстояние с проектиране елементи. Разплащателната внимание на това как някои неща са на разстояние, както и облицовани нагоре наистина може да прави разлика за цялостния външен вид и усещане за качество на вашия проект.
Мисля, че ключът към вашия Getting разстояние право е да търсите във всеки от елементите, в рамките на своя дизайн. С поглед към по-голяма снимка наистина може да ви помогне да получите добра представа за това как най-добре да ви пространство елементи. Понякога намалите мащаба и като различен поглед към вашия дизайни може да се окаже голяма помощ.
Примери за Отличен Интервали
Велик Интервали на Good.is Website
Както можете да видите тук, е много чисто и открито се чувстват в съдържанието тук. Това е напълно до дизайнер позволяваща добра сума на пространството около текста & изображения.
а
Много добре разстояние изложени Digital Маш Website
Като добре разстояние посочени елементи може да ги направи много по-атрактивен, и много повече за кликване. Цифрови Маш е страхотен пример за много приветстващо уебсайт.
Creatica Ежедневни има купчини на космоса
Отново голяма употреба на разстояние тук наистина помага нека съдържанието говори сама за себе си. Там не е много на съдържанието във всеки пост, но те не са се страхува да даде на съдържание много пространство. Просто, защото имате само няколко реда от текста, не означава, че тя не може да се използва много пространство.
Много пространство на Postbox сайта
Като близък поглед върху Postbox сайт, можете да видите наистина колко пространство има около ръбовете. Има всъщност 60px капитониране тук. Това звучи като доста, но когато го видя в действие, това изглежда чудесно.
Първи Интервали Грешен
Основната грешка правят хората, когато става въпрос за разстояние като съдържанието им е твърде близо до ръбовете. Без значение колко добре сте оформена твоето съдържание, ако сте угоявам прекалено много, той губи много от неговия стил и качество.
Пример за не използват достатъчно разстояние
Ние показа в предишния раздел колко добър на разстояние е по PostBox сайт, но сме направили макет горе-долу, за да покажат как ще изглежда с по-малко разстояние. И вие може да видите точно колко лош разстояние ефект може да Ви дизайн. Отнема много далеч от дизайна и разбира се премахва качеството чувствам от него.
Съвети за Ефективна Интервали
Вземане на решение за това как да се използва много по разстояние е нещо, което ще се различава от време на време, ти наистина трябва да се обучават окото ти да се даде възможност за правилното количество от разстояние за всеки елемент, както и да я използват ефективно да се монтира дизайн. Това е връзка, но нещо, което може да вдигнеш с практиката.
• Дизайн с помощта на системата на преносната мрежа
Използването на мрежата със сигурност ви помага да се разбере значението на разстояние
• Опитайте & Опитайте отново
Винаги може да се използва методът за изпитване и грешка, докато не намерите това, което изглежда наред.
• Бял Space не губи пространство
Просто защото си има празно място, това не значи, че трябва да го попълните.
• По-малко наистина е по -
Вместо да се опитва да се поберат повече в дадена зона, годни по-малко, я дам пространство и поддържа само от жизненоважно значение важна информация.
02. Pixel Перфект Елементи
Ти наистина може да се каже кога някой е задал реални усилия във финала на уеб дизайна. Понякога това е фините неща, които наистина имат значение, и много хора, дори и да не забележите. Какво имам предвид, когато говорим за Pixel Перфект Елементи е метод на плащане внимание на реда, ръбове и граници. Вместо просто да има проста линия, понякога се добавят някои малки подробности, дали тя е коварен градиентите, или нещо като прост 1px сянка или подчертае наистина може да направи работата ви да изпъкват. Някои дизайнери на бележка, че са наистина добри в това са: Collis Ta'eed, Дейвид Leggett и Волфганг Bartelme.
Примери за Pixel Перфект Подробности
А близо изглежда най-детайлно в Envato
Ако погледнете в примера съм кроя, вие може да видите в Пример 1, как зеленият бар е с 1 пиксел запалка зелена линия на границата. Пример 2 употреби мека наклон сянка върху вътрешната страна на кутията и оставя 1px ясна бяла граница в горния край. Умно, използвайки сянка да даде усещането на подчертае над нея. В зелената площ зад има много меки фините сянка, която помага за привличане на вниманието към чист и свеж подробно в рамките на бяло поле по-долу. Въпреки, че той не изглежда като нещо много по тези наистина помагат да се направи всичко изглежда, че малко по-лъскава, те дават смисъл на 3D и реализъм, почти като елементи са разположени върху страницата, а не само на плоски и статични оформление .
Подробностите относно Tutorial9.net
Дейвид Leggett има голямо разбиране на това как да извлечете наистина пиксел на изскачащи прозорци. Неговата нова редизайн на tutorial9 е страхотен микс на толкова много пиксел пръкват техники. В Пример 1 може да видите как той се разделите, изглежда, че малко по-хитрец като добави проста 1px подчертае към върха. Пример 2 видите на различни техники. Капка сянка върху камерата икона, сянка подчертае върху бялата зона, както и 1px подчертае върху горната част на лентата за навигация.
Pixel Перфект бутони & Сепаратори на RedBrick Здравеопазване
Тази красива навигация, създаден от Райън Scherf е друг голям пример за използване на пиксел перфектни детайли, за да се чувстват, че качеството на вашия проект. Розовата бутон има 1px подчертае, и отделяне на линиите между връзките са на същото ниво на качество и подробно, както виждате, а не само със сивата линия раздяла, Райън е включена и 1 пиксел подчертае, че по-долу, за да се предотврати това гледам плоски и 2 математически.
Pixel Усъвършенстване Отнася се до гръндж прекалено: AvalonStar
Тук имаме красива AvalonStar: нарушаване на блога, която използва много гръндж стил. Но дори и с мръсна & grungy дизайн използвайки 1px изтъкне все още може да направи голяма разлика. Ако търсите най Пример 1 може да видите как една сянка наклон е било използвано на кафявата нагоре област, зеленото поле, което се крие под него има 1px изтъкне най-отгоре. Комбинацията от сянката горе и 1 пиксел подчертае наистина правят кутиите изглежда, че малко по-лъскава.
Бързи съвети за перфектна Подробности
Практика прави перфектни в този случай, както се вижда от примерите нещо толкова просто като 1px подчертае линията да добавиш някои наистина готино дълбочината на вашия дизайн, не е необходимо да се разчита на много над горната bevels и градиентите да даде на впечатлението за нещо с малко дълбочина.
• Пазете я фините
Малки детайли комплимент, че съдържанието е от ключово значение.
• Мислите, че в пиксели
Граници, градиентите, линии, сенки и т.н. не трябва да бъдат огромни да бъдат ефективни.
• Преди & След
Сравнете резултатите си за това как изглеждаше преди да прилагат ефекти. Тогава можете да видите точно колко ефективни са те.
03. Добре, че се книгопечатане
Въпреки, че действителното съдържание на сайта, няма да бъде написана от автора, те играят също толкова важна роля за цялостното качество на съдържанието им. Тяхната роля е да се увери, че съдържанието се показва по начин, който е лесен за следване и прочетете. Има много начини, които можете да гарантирате, че вашето устройство е разбираем и използваем, и докато аз съм няма да списъка набор от правила и регламенти за какво, и какво да не правя, аз ще ви дам някои примери за това къде наистина умно книгопечатане няма да промени нещата.
Примери за добре обмислен изложени книгопечатане
Големия & Красива относно Netsetter
Заглавията са от значение в рамките на уеб дизайн, особено когато са проектиране за блога. Едно неотдавнашно тенденция в уеб дизайна е да се използват големи & получер шрифтове за заглавия. Това работи в редица положителни начини, а не само да го маркирайте всички права кутии от използваемост гледна точка, но то помага да се създаде пространство и определи структурата в рамките на проект. Този пример от Netsetter е голяма илюстрация на тези точки, можете да видите как заглавието създава много бяло пространство около нея, и естествено тя е много лесно за четене.
Водещи & Интервали с Текст
В Viget сайта наистина е прекрасен пример за това колко важно е книгопечатане в уеб дизайна. Примерът ще видите по-долу (взети от тяхното портфолио покажете) показва още веднъж колко използвайки по-голям размер на шрифта помага да създавате и отворено пространство. Дори и с тънък, кристален шрифта те са използвали можете да видите точно колко пространство е създаден в тази област. Действителната шрифт е много хлъзгав и е голям избор на шрифт. Другите нещо, което стои тук е тяхното внимание към детайла с линията височина (водещо), на разстояние между всеки ред от текста е увеличил от стойността по подразбиране, за да създадете много повече пространство и да направи много по-четлив текст. А трик, който бихте могли да опитате в следващата си дизайн.
Уеб дизайн Ledger, шрифтове да Fit вашето настроение
Намирането на добра шрифта може да се осъществява чрез проучване и грешка, или можете да направите своя избор въз основа на различни настроения на някои шрифтове, ще ви помогнат да привлечете към дизайна. Примерът тук, Уеб дизайн Ledger, има ретро и носен поглед към него, докато все още има много открити и модерни чувствам към нея, за да избирате шрифтовете, които помагат извиквам подобни настроения към тях е от съществено значение за това е успех. Хенри Джоунс (авторът) е избран популярна преходни сериф шрифт: Грузия за заглавията, които комплимент на ретро & носен аспекти на дизайна, много добре. Модерният чувстват в сайта идва от използването на много различни шрифтове за заглавия, основното съдържание на тялото е писано в Helvetica, A-без сериф шрифт с много заоблени, отворете чувстваш към него. Двете избор на шрифт в този пример са много умни и наистина спомагат за комплимента и настроението на дизайна.
Бързо проверете списъка за книгопечатане в уеб дизайн
Опетняване добра книгопечатане в уеб дизайна се превръща в малка-лесно, когато сте виждали някои много примери за книгопечатане (горе), но кога точно е това, което прави тези примери, толкова добро, и какво трябва да се гледа в случаите, когато дойдеш да проектират следващата си уебсайт?
• Трябва ли чете?
Не се плаши от вземане на заглавията си голям и удебелен шрифт.
• Имате ли мислил за разстояние?
Интервали може значително подобряване на разбираемостта.
• Да ви шрифтове монтира настроение?
Уверете се, че ви шрифтове комплимент дизайна.
Има вероятно хиляда повече съвети там, но аз не считат себе си на експерт в тази област, аз мисля, че сте научили да оценяват влиянието на добрите книгопечатане. Ако искате да научите повече за неща, за да се грижа за по-добро и да видите някои примери Аз силно препоръчваме да проверите на този пост от Smashing списание.
04. Организация на елементи
Като дизайнер на жалби до много, защото от неговия творчески характер, и че тя може да бъде доста забавно. Сега знам, че не Организиране звук на всички творчески или забавно, но след като получи в навик на добрата организация, тя не трябва да бъде като глупави, колкото изглежда. Начинът, по който да организирате елементите в сайта е винаги ще е различно, то зависи от това какъв тип сайт да е, и как някои важни функции на съдържанието на този уебсайт.
Въпреки това винаги има различия в начина и мястото, където нещата, има някои неща, които можете да направите, за да организира вашето съдържание много лесно. Първото нещо, което трябва да направите, е да решат какво искат да постигнат своя дизайн. За пример, нали проектиране за продажба на продукта, се проектират за съдържание, или са ви проектиране за регистрации & референции др
Проектиране на Продава: 37Signals
Като погледнем в масово популярни 37 сигнали уебсайт е лесно да се види, че това не е случайно те се продават продуктите си така добре. Те сте направили, че толкова лесно, колкото е възможно, за да видите какво се продава и да ви помогне да направят окончателното решение за покупка. Всичко, което искам от даден сайт, предназначени за продажба.
По примера на изображението можете да видите, че сайтът има 4 основни характеристики, които я правят идеален да насърчаваме да купуват. Внимание е първото нещо, че сте направили много тъмна кутия с бърз резюме & големите смели заглавия. Следваща те генерират своя интерес от регистрационните някои ползи от всеки продукт, с прекрасна илюстрация. Желание е следващата точка, а това е архивиран от пускането кавички & признания, както и в този момент няколко клипа на "Какво ни Клиентите трябва да кажа." Крайната особеност да се има предвид действие е: върху 37Signals съществуват различни действия точки цялата страница, също така хубаво да се види, че на страницата е доста дълго те дори имат някои действия точки в долното поле.
Проектиране за съдържание (блог): Ами Медикаментозни
Когато сте проектирането за блог това е съвсем различна история. Не е нужно да прекарват времето си и го убеди гарантират на потребителите си за вашия продукт, вашият "продукт" е вече на дисплея, вашето съдържание е вашият продукт. Улеснете на потребителите си да видите публикациите си, ги проучи и да се свързвате с теб & вашия блог.
Съдържанието следва да бъде (един от) Първото нещо (а), които виждате на блога. В този пример Приятен удебелен шрифт розови заглавие наистина обръща очите ти направо към съдържанието. Има добра големина предварителен преглед на изображението и добра 2 / 3 точки от текста, последвано от "Продължи Четене" връзка. Има също така и стандартни дата & автор информация. За мен това е една от най-добрия пример за това какво бих клас като качество "Съдържание Дизайн." Внимание може да бъде насочена към нещо на интерес, тук хубав голям абонирате иконите са в центъра и ще помогне на потребителите да останат свързани с вашето съдържание . Плюс това, без съмнение ще увеличи размера на абонатите, така че работи на две нива. Насърчаване на потребителите си да опознаем е доста проста, можете да използвате нещо от tabbed последните или популярно съдържание в страничната лента, за да падащото меню или просто & ефективни списъци. Това е лесно да се направи, но много ефективни, особено по отношение на блог. Блоговете са склонни да бъдат много лични неща, за да позволи на посетителите да се свържат с Вас в най-различни начини, може да бъде голям плюс, и може да помогне, за да насърчи хората да знаят те, и посетете
Съвети за да помогнем с Организационния вашето съдържание.
Разбира се винаги има време, когато ще трябва да направя нещата по различен начин и почивка в норма. Но има някои прости съвети можете да се следват за водене на добре структурирани и добре подредени дизайн.
• Какви са ви за проектиране?
Тъй като ние сме показани по-горе, да вземе решение за целта на Вашето дизайн
• Дизайн с помощта на мрежа
Мрежи позволяват да извлечете максимума от вашата пространство.
• Тест на разположение на елементите
Бъдете посетител, щеше ли да е в състояние да го използвам.
• Отстранете всички ненужни елементи
Нещо, което не е от съществено значение трябва да бъдат отстранени, или от начина, по който
• Баланс на внимание
Някои неща трябва да останат просто да се позволи на други да изгрее
05. Ограничения & финес
Дизайнерите са винаги търси начини да се направи въздействие с уникален дизайн или специален ефект в дизайна. Но понякога може да ви направи по-голямо влияние от ограничаване на себе си. Идва, когато нещо кръстоски от добре да са твърде много. Един добър дизайнер на място, може, когато линията е била премината и да се избегне въвеждането на твърде много в проектирането или специален ефект.
Примери за фините Ефекти в Уеб дизайн
Софт градиентите на "Нещата" Website
Аз съм винаги на грижа за фините въздействия върху всички уебсайтове да посетя. Сортирай тъжна може би, но не мога да помогна, но разчитам на всички малки детайли за бъдещето вдъхновение. Градиентите са често използвани и над наистина в лицето ти, а да бъдат използвани правилно градиентите да добавите елемент на реалността и дълбочина до дизайна. Повечето хора дори не могат да Роднинските наклон, а тези за мен са най-добрите такива.
Капка Сенки върху Икона Dock
Икона Dock е smorgasbord на нежност. Pixel изтъква, градиенти и капка сенки. Но за целите на този пример ще се съсредоточи върху падащия сянката, тя не е много голям, и то на непрозрачност е била намалена до само сложи подчертават от съдържанието клетка и да я предаде много леко. Той е прекрасен пример.
Качество в Уеб дизайн - изисканост, Софт градиентите: Икона Dock
Фините Фонов текстури; скаутите за момичета
Наличието на текстурирани фона да направите пауза или вашия дизайн. Много пъти, става на фона на твърде много на разсейване, че тя действително се далеч от качеството на дизайна. Така че това е често е добра идея да си фонови текстури фините и меки. В скаутите за момичета уебсайт прави страхотна работа за използване на текстура за комплимент цялостния стил & качество на дизайна.
А намек за носене & Драма: Viget Адванс
Аз не мисля, че някога може да бъде твърде тънък, каквато и да е сума на подробност без значение колко коварен ще бъде видима, и дали хората са запознати с нея, или не го прави да има ефект. Този пример от Viget Адванс блог показва някои напътствия за носене & сълза, само много малка сума за носене, но без да я хартията ще изглежда плоска и скучна. Той е малък несъвършенства, които я правят по-правдоподобен и истинско.
Акварели на WebDesignerWall
Когато използвате акварели е хубаво винаги да бъдете сигурни, че комбинация от цветове и пази много меки цветове, поизбелял и добре ... мокър. Използването акварели могат да се възползват вашите дизайн в много отношения, тя ви позволява да се инжектират някои фините цветове и въвеждат в някои текстура, която е защо това е стане доста популярен избор за много дизайнери да се включат.
Фините Флорални елементи; ДАРА градина
Това е брилянтен пример за цветя фините детайли в дизайна. Има някои по-ярки цветя илюстрации, които също са доста зашеметяващ, но в този пример ще се съсредоточи върху леките & softer информация във фонов режим. Това наистина показва значението на нежност, на меките цветове и носен поглед към модела означава, че окото е запознат с подробности, но това не е основният фокус.
Съвети за финес във вашия Дизайн
За мен, фините детайли в дизайна наистина може да тласък на дизайн да бъде добър, да бъде невероятно. Ако търсите начин да инжектира нещо специално в проектирането, фините детайли наистина е начин да отида. Ето някои съвети, които да имате предвид, когато това число фините детайли във вашия дизайн.
• Направете си слоеве
Никога не просто използва един четка или текстура, построена до вашата информация.
• Експериментирайте с непрозрачността & Цвят
Понякога дори 3% непрозрачност може да има положително въздействие.
• Не се притеснявайте, Бъди Brave
Съставено се страхувайте да бъде твърде тънък, или прекалено избледнял.
06. Използване на цвета да е пълния потенциал
Хората често се съди цветове на личните им вкус, което е огромна грешка. Ако сте някога в ситуация, където трябва да се вземе решение какви цветове изглеждат добре в дизайн мнението си винаги трябва да бъде на марката, както и изграждането на тема и настроение с помощта на цвят схема.
Брилянтно употреби на цвят в уеб дизайн
Недвижими имоти могат да бъдат недвижими колоритен: Oypro
Работата ми харесва за Oypro сайт е, че това доказва, че "скучна" тема не трябва да имат скучно дизайн. Всички твърде често корпоративни сайтове имат нежеланието да се позволи на дизайнерите наистина изхитрям някои творчески усет в техните проекти. Изглежда, че е необходимо да се пазят нещата прости, плоски и сиви. Но този проект се окаже, че все още можете да имате корпоративни търси сайт, без да е необходимо да държи гърба.
Поддържане на вашата Цветове Съответните: Тенеси Summertime
Summertime в Тенеси е жива, ярка и много топли уебсайт. Всичко, което искате да асоциирате с даден сайт, който е насърчаване на лятото дейности. Има много различни цвята в играе тук, но всички те са от значение. Добро качество на дизайна има различен цвят, схемата, която е от значение за услугата или продукта, които са за проектиране. Понякога това е очевидно, цветни решения, които правят за по-добър дизайн, добър пример на моя въпрос е Ад Дизайн - то няма да има смисъл като всеки цвят от firey червено.
Разнообразие във вашия опит: Saturized Студио
Тя не е достатъчно просто да имат цвят във вашата подготовка и се очаква, че, за да го интересно. Някои от най-добрите произход са тези, които са доста различни, в този пример виждаме, че красивите оранжев / червен цвят, е обект на всички видове на светлинни ефекти и градиентите. Тя дава допълнително нещо за фон, и не позволява то от търсят остаряла и плоски. Важно е да се отбележи също, че контраста между тъмните & дълбоко оранжеви работи наистина добре е зад много по-лек съдържание област.
Съвети за използването на цвета в дизайна
Цвят винаги е добра площ за проучване и опитват различни възможности и варианти, но това е важно винаги да водят няколко неща има предвид при избора на цветове и цвят схема.
• Експеримент
А скучна тема не трябва да имат скучно цвят схема.
• Разнообразие
Опитайте се да използвате градиентите, модели, четки за вашите цветни произход. Цвят сам не направи нещо, изглежда добре.
• Придържай се към тема
Уверете се, че вашите цветове са подходящи за вашия продукт / услуга.
07. Ако направите нещо, никой друг е направено
Някои от най-добрите сайтове около са тези, които са далеч от обикновеното, странни и донякъде bizzare. Но тези, които предизвикателство в норма може да завърши до промяна на това, което е в норма. Но е наистина оригинален и създаване на нещо, никой друг не е сторил, преди да е най-тежките нещо да се направи в дизайна.
Можеш да свършиш нещо, вземане на удивителен блясък, или бихте могли да постигнете с дизайн, който е достоен за нищо друго освен критика. Тя е много тънка линия между успеха и провала; Тоест има причини нещо никога не е правено и преди, и това е, защото обикновено това е лайно идея. Вие трябва да е смело да се оттегли далеч от онова, което хората знаят и любов, и тук са няколко примера за това:
Уникални за навигация MB Драган
Не точно средната Ви сайт навигация, но би в сайта изглежда толкова добре, ако той просто имаше стандарт навигация. Бих казал, че е малко на риск като за навигация в такъв необичаен начин, но тя не се вписват в сайта, че е необходимо, и това е направено за такъв стандарт, че е трудно да не оценявам колко добре работи с цялостния дизайн.
Visualbox & самото им Visual Навигация
Visualbox има един гол през ума, показва ли си брилянтен работа. Така те се погрижили за много малко текст, за първи поглед всичко, което виждаме, е тяхното име и селекция на тяхната работа. В полето за предварителен преглед промени, когато мишката върху него да се разкриват подробности за този проект, така че действително е много ефективен и функционално решение, както и много по-привлекателни тогава просто като списък от връзки.
Прави до точката с Никола Mircic
Значи сте интерфейс дизайнер, които искате хората да видят вашата работа, и на изплащане вас. Никола Mircic ни показва как се прави да го прави за една наистина впечатляваща сайт. Вие сте посрещнати с голямо разнообразие на неговата работа, неговото име & какво той прави в началото, и се свържете с линк. Там 'никакъв маса от текста или популярното думи, за да ви убеди да ползвате услугите му, той буквално се позволява работата му говори сама за себе си. Разбира се можете да кликнете върху изображенията, за да видите повече & получи някакъв текст, но ако е много уникално оформление и аз обичам начина, по който работи.
Съвети за опитва нещо ново
Примерите по-горе не са предназначени да бъдат "вдъхновение" за уникални идеи, просто просто няколко сайтове, които аз намерих, че аз искам да се считат за доста уникален. Факт е, вие не можете да търсите наистина около вдъхновение за нови идеи, както и наем на плячка точката на нея. Значи наистина може просто да се игнорира това цялата точка, ако се опитвате да измислям нещо ново!
• Пазете я Подходящи
Ако не смяташ да правиш нещо ново и уникално, запитайте се "не го прави чувство" и "е в рамките на търговска марка?" Ако това е така след това да се прави!
• Пропускане на всичко, което знаеш!
Добре може би не всичко, основни принципи, могат да останат същите, но за това не е точката търси вдъхновение за нови идеи, ти просто ще се насочи в грешна посока.
• Пазете равнище на качество
Мисля, че по принцип, ако новата ви идея изглежда добре, работи добре и е много по-лесно за вас да се обоснове.
Какво ще търсите по-качествен дизайн?
Има толкова много неща, които могат да направят дизайна изпъква като качество, бих казал, че съм просто сте обхванати някои от базовите точки. Така че искали да видите вашите идеи и мисли за това, което търсите, когато решава дали даден дизайн е добро или не.
Качеството е думата, че много хора искали да използвате, когато се описват техните уеб дизайн услуги. Но какво е качеството, как искаш да знаеш, ако дизайнът е качество или не. Ами, аз мисля, че има много начини за качество на място в рамките на уеб дизайна. Щом можете да видите само какво става във вземане на качествен уеб дизайн, можете да използвате техники за перфектно вашия собствен стил.
Аз бях взети заедно няколко насоки, както и събраните някои примери да обясни точно как изглеждам за качество в рамките на една интернет страница дизайн.
01. Интервали
Едно от основните неща, които търсите в добър сайт дизайн е умно използване на разстояние с проектиране елементи. Разплащателната внимание на това как някои неща са на разстояние, както и облицовани нагоре наистина може да прави разлика за цялостния външен вид и усещане за качество на вашия проект.
Мисля, че ключът към вашия Getting разстояние право е да търсите във всеки от елементите, в рамките на своя дизайн. С поглед към по-голяма снимка наистина може да ви помогне да получите добра представа за това как най-добре да ви пространство елементи. Понякога намалите мащаба и като различен поглед към вашия дизайни може да се окаже голяма помощ.
Примери за Отличен Интервали
Велик Интервали на Good.is Website
Както можете да видите тук, е много чисто и открито се чувстват в съдържанието тук. Това е напълно до дизайнер позволяваща добра сума на пространството около текста & изображения.
а
Много добре разстояние изложени Digital Маш Website
Като добре разстояние посочени елементи може да ги направи много по-атрактивен, и много повече за кликване. Цифрови Маш е страхотен пример за много приветстващо уебсайт.
Creatica Ежедневни има купчини на космоса
Отново голяма употреба на разстояние тук наистина помага нека съдържанието говори сама за себе си. Там не е много на съдържанието във всеки пост, но те не са се страхува да даде на съдържание много пространство. Просто, защото имате само няколко реда от текста, не означава, че тя не може да се използва много пространство.
Много пространство на Postbox сайта
Като близък поглед върху Postbox сайт, можете да видите наистина колко пространство има около ръбовете. Има всъщност 60px капитониране тук. Това звучи като доста, но когато го видя в действие, това изглежда чудесно.
Първи Интервали Грешен
Основната грешка правят хората, когато става въпрос за разстояние като съдържанието им е твърде близо до ръбовете. Без значение колко добре сте оформена твоето съдържание, ако сте угоявам прекалено много, той губи много от неговия стил и качество.
Пример за не използват достатъчно разстояние
Ние показа в предишния раздел колко добър на разстояние е по PostBox сайт, но сме направили макет горе-долу, за да покажат как ще изглежда с по-малко разстояние. И вие може да видите точно колко лош разстояние ефект може да Ви дизайн. Отнема много далеч от дизайна и разбира се премахва качеството чувствам от него.
Съвети за Ефективна Интервали
Вземане на решение за това как да се използва много по разстояние е нещо, което ще се различава от време на време, ти наистина трябва да се обучават окото ти да се даде възможност за правилното количество от разстояние за всеки елемент, както и да я използват ефективно да се монтира дизайн. Това е връзка, но нещо, което може да вдигнеш с практиката.
• Дизайн с помощта на системата на преносната мрежа
Използването на мрежата със сигурност ви помага да се разбере значението на разстояние
• Опитайте & Опитайте отново
Винаги може да се използва методът за изпитване и грешка, докато не намерите това, което изглежда наред.
• Бял Space не губи пространство
Просто защото си има празно място, това не значи, че трябва да го попълните.
• По-малко наистина е по -
Вместо да се опитва да се поберат повече в дадена зона, годни по-малко, я дам пространство и поддържа само от жизненоважно значение важна информация.
02. Pixel Перфект Елементи
Ти наистина може да се каже кога някой е задал реални усилия във финала на уеб дизайна. Понякога това е фините неща, които наистина имат значение, и много хора, дори и да не забележите. Какво имам предвид, когато говорим за Pixel Перфект Елементи е метод на плащане внимание на реда, ръбове и граници. Вместо просто да има проста линия, понякога се добавят някои малки подробности, дали тя е коварен градиентите, или нещо като прост 1px сянка или подчертае наистина може да направи работата ви да изпъкват. Някои дизайнери на бележка, че са наистина добри в това са: Collis Ta'eed, Дейвид Leggett и Волфганг Bartelme.
Примери за Pixel Перфект Подробности
А близо изглежда най-детайлно в Envato
Ако погледнете в примера съм кроя, вие може да видите в Пример 1, как зеленият бар е с 1 пиксел запалка зелена линия на границата. Пример 2 употреби мека наклон сянка върху вътрешната страна на кутията и оставя 1px ясна бяла граница в горния край. Умно, използвайки сянка да даде усещането на подчертае над нея. В зелената площ зад има много меки фините сянка, която помага за привличане на вниманието към чист и свеж подробно в рамките на бяло поле по-долу. Въпреки, че той не изглежда като нещо много по тези наистина помагат да се направи всичко изглежда, че малко по-лъскава, те дават смисъл на 3D и реализъм, почти като елементи са разположени върху страницата, а не само на плоски и статични оформление .
Подробностите относно Tutorial9.net
Дейвид Leggett има голямо разбиране на това как да извлечете наистина пиксел на изскачащи прозорци. Неговата нова редизайн на tutorial9 е страхотен микс на толкова много пиксел пръкват техники. В Пример 1 може да видите как той се разделите, изглежда, че малко по-хитрец като добави проста 1px подчертае към върха. Пример 2 видите на различни техники. Капка сянка върху камерата икона, сянка подчертае върху бялата зона, както и 1px подчертае върху горната част на лентата за навигация.
Pixel Перфект бутони & Сепаратори на RedBrick Здравеопазване
Тази красива навигация, създаден от Райън Scherf е друг голям пример за използване на пиксел перфектни детайли, за да се чувстват, че качеството на вашия проект. Розовата бутон има 1px подчертае, и отделяне на линиите между връзките са на същото ниво на качество и подробно, както виждате, а не само със сивата линия раздяла, Райън е включена и 1 пиксел подчертае, че по-долу, за да се предотврати това гледам плоски и 2 математически.
Pixel Усъвършенстване Отнася се до гръндж прекалено: AvalonStar
Тук имаме красива AvalonStar: нарушаване на блога, която използва много гръндж стил. Но дори и с мръсна & grungy дизайн използвайки 1px изтъкне все още може да направи голяма разлика. Ако търсите най Пример 1 може да видите как една сянка наклон е било използвано на кафявата нагоре област, зеленото поле, което се крие под него има 1px изтъкне най-отгоре. Комбинацията от сянката горе и 1 пиксел подчертае наистина правят кутиите изглежда, че малко по-лъскава.
Бързи съвети за перфектна Подробности
Практика прави перфектни в този случай, както се вижда от примерите нещо толкова просто като 1px подчертае линията да добавиш някои наистина готино дълбочината на вашия дизайн, не е необходимо да се разчита на много над горната bevels и градиентите да даде на впечатлението за нещо с малко дълбочина.
• Пазете я фините
Малки детайли комплимент, че съдържанието е от ключово значение.
• Мислите, че в пиксели
Граници, градиентите, линии, сенки и т.н. не трябва да бъдат огромни да бъдат ефективни.
• Преди & След
Сравнете резултатите си за това как изглеждаше преди да прилагат ефекти. Тогава можете да видите точно колко ефективни са те.
03. Добре, че се книгопечатане
Въпреки, че действителното съдържание на сайта, няма да бъде написана от автора, те играят също толкова важна роля за цялостното качество на съдържанието им. Тяхната роля е да се увери, че съдържанието се показва по начин, който е лесен за следване и прочетете. Има много начини, които можете да гарантирате, че вашето устройство е разбираем и използваем, и докато аз съм няма да списъка набор от правила и регламенти за какво, и какво да не правя, аз ще ви дам някои примери за това къде наистина умно книгопечатане няма да промени нещата.
Примери за добре обмислен изложени книгопечатане
Големия & Красива относно Netsetter
Заглавията са от значение в рамките на уеб дизайн, особено когато са проектиране за блога. Едно неотдавнашно тенденция в уеб дизайна е да се използват големи & получер шрифтове за заглавия. Това работи в редица положителни начини, а не само да го маркирайте всички права кутии от използваемост гледна точка, но то помага да се създаде пространство и определи структурата в рамките на проект. Този пример от Netsetter е голяма илюстрация на тези точки, можете да видите как заглавието създава много бяло пространство около нея, и естествено тя е много лесно за четене.
Водещи & Интервали с Текст
В Viget сайта наистина е прекрасен пример за това колко важно е книгопечатане в уеб дизайна. Примерът ще видите по-долу (взети от тяхното портфолио покажете) показва още веднъж колко използвайки по-голям размер на шрифта помага да създавате и отворено пространство. Дори и с тънък, кристален шрифта те са използвали можете да видите точно колко пространство е създаден в тази област. Действителната шрифт е много хлъзгав и е голям избор на шрифт. Другите нещо, което стои тук е тяхното внимание към детайла с линията височина (водещо), на разстояние между всеки ред от текста е увеличил от стойността по подразбиране, за да създадете много повече пространство и да направи много по-четлив текст. А трик, който бихте могли да опитате в следващата си дизайн.
Уеб дизайн Ledger, шрифтове да Fit вашето настроение
Намирането на добра шрифта може да се осъществява чрез проучване и грешка, или можете да направите своя избор въз основа на различни настроения на някои шрифтове, ще ви помогнат да привлечете към дизайна. Примерът тук, Уеб дизайн Ledger, има ретро и носен поглед към него, докато все още има много открити и модерни чувствам към нея, за да избирате шрифтовете, които помагат извиквам подобни настроения към тях е от съществено значение за това е успех. Хенри Джоунс (авторът) е избран популярна преходни сериф шрифт: Грузия за заглавията, които комплимент на ретро & носен аспекти на дизайна, много добре. Модерният чувстват в сайта идва от използването на много различни шрифтове за заглавия, основното съдържание на тялото е писано в Helvetica, A-без сериф шрифт с много заоблени, отворете чувстваш към него. Двете избор на шрифт в този пример са много умни и наистина спомагат за комплимента и настроението на дизайна.
Бързо проверете списъка за книгопечатане в уеб дизайн
Опетняване добра книгопечатане в уеб дизайна се превръща в малка-лесно, когато сте виждали някои много примери за книгопечатане (горе), но кога точно е това, което прави тези примери, толкова добро, и какво трябва да се гледа в случаите, когато дойдеш да проектират следващата си уебсайт?
• Трябва ли чете?
Не се плаши от вземане на заглавията си голям и удебелен шрифт.
• Имате ли мислил за разстояние?
Интервали може значително подобряване на разбираемостта.
• Да ви шрифтове монтира настроение?
Уверете се, че ви шрифтове комплимент дизайна.
Има вероятно хиляда повече съвети там, но аз не считат себе си на експерт в тази област, аз мисля, че сте научили да оценяват влиянието на добрите книгопечатане. Ако искате да научите повече за неща, за да се грижа за по-добро и да видите някои примери Аз силно препоръчваме да проверите на този пост от Smashing списание.
04. Организация на елементи
Като дизайнер на жалби до много, защото от неговия творчески характер, и че тя може да бъде доста забавно. Сега знам, че не Организиране звук на всички творчески или забавно, но след като получи в навик на добрата организация, тя не трябва да бъде като глупави, колкото изглежда. Начинът, по който да организирате елементите в сайта е винаги ще е различно, то зависи от това какъв тип сайт да е, и как някои важни функции на съдържанието на този уебсайт.
Въпреки това винаги има различия в начина и мястото, където нещата, има някои неща, които можете да направите, за да организира вашето съдържание много лесно. Първото нещо, което трябва да направите, е да решат какво искат да постигнат своя дизайн. За пример, нали проектиране за продажба на продукта, се проектират за съдържание, или са ви проектиране за регистрации & референции др
Проектиране на Продава: 37Signals
Като погледнем в масово популярни 37 сигнали уебсайт е лесно да се види, че това не е случайно те се продават продуктите си така добре. Те сте направили, че толкова лесно, колкото е възможно, за да видите какво се продава и да ви помогне да направят окончателното решение за покупка. Всичко, което искам от даден сайт, предназначени за продажба.
По примера на изображението можете да видите, че сайтът има 4 основни характеристики, които я правят идеален да насърчаваме да купуват. Внимание е първото нещо, че сте направили много тъмна кутия с бърз резюме & големите смели заглавия. Следваща те генерират своя интерес от регистрационните някои ползи от всеки продукт, с прекрасна илюстрация. Желание е следващата точка, а това е архивиран от пускането кавички & признания, както и в този момент няколко клипа на "Какво ни Клиентите трябва да кажа." Крайната особеност да се има предвид действие е: върху 37Signals съществуват различни действия точки цялата страница, също така хубаво да се види, че на страницата е доста дълго те дори имат някои действия точки в долното поле.
Проектиране за съдържание (блог): Ами Медикаментозни
Когато сте проектирането за блог това е съвсем различна история. Не е нужно да прекарват времето си и го убеди гарантират на потребителите си за вашия продукт, вашият "продукт" е вече на дисплея, вашето съдържание е вашият продукт. Улеснете на потребителите си да видите публикациите си, ги проучи и да се свързвате с теб & вашия блог.
Съдържанието следва да бъде (един от) Първото нещо (а), които виждате на блога. В този пример Приятен удебелен шрифт розови заглавие наистина обръща очите ти направо към съдържанието. Има добра големина предварителен преглед на изображението и добра 2 / 3 точки от текста, последвано от "Продължи Четене" връзка. Има също така и стандартни дата & автор информация. За мен това е една от най-добрия пример за това какво бих клас като качество "Съдържание Дизайн." Внимание може да бъде насочена към нещо на интерес, тук хубав голям абонирате иконите са в центъра и ще помогне на потребителите да останат свързани с вашето съдържание . Плюс това, без съмнение ще увеличи размера на абонатите, така че работи на две нива. Насърчаване на потребителите си да опознаем е доста проста, можете да използвате нещо от tabbed последните или популярно съдържание в страничната лента, за да падащото меню или просто & ефективни списъци. Това е лесно да се направи, но много ефективни, особено по отношение на блог. Блоговете са склонни да бъдат много лични неща, за да позволи на посетителите да се свържат с Вас в най-различни начини, може да бъде голям плюс, и може да помогне, за да насърчи хората да знаят те, и посетете
Съвети за да помогнем с Организационния вашето съдържание.
Разбира се винаги има време, когато ще трябва да направя нещата по различен начин и почивка в норма. Но има някои прости съвети можете да се следват за водене на добре структурирани и добре подредени дизайн.
• Какви са ви за проектиране?
Тъй като ние сме показани по-горе, да вземе решение за целта на Вашето дизайн
• Дизайн с помощта на мрежа
Мрежи позволяват да извлечете максимума от вашата пространство.
• Тест на разположение на елементите
Бъдете посетител, щеше ли да е в състояние да го използвам.
• Отстранете всички ненужни елементи
Нещо, което не е от съществено значение трябва да бъдат отстранени, или от начина, по който
• Баланс на внимание
Някои неща трябва да останат просто да се позволи на други да изгрее
05. Ограничения & финес
Дизайнерите са винаги търси начини да се направи въздействие с уникален дизайн или специален ефект в дизайна. Но понякога може да ви направи по-голямо влияние от ограничаване на себе си. Идва, когато нещо кръстоски от добре да са твърде много. Един добър дизайнер на място, може, когато линията е била премината и да се избегне въвеждането на твърде много в проектирането или специален ефект.
Примери за фините Ефекти в Уеб дизайн
Софт градиентите на "Нещата" Website
Аз съм винаги на грижа за фините въздействия върху всички уебсайтове да посетя. Сортирай тъжна може би, но не мога да помогна, но разчитам на всички малки детайли за бъдещето вдъхновение. Градиентите са често използвани и над наистина в лицето ти, а да бъдат използвани правилно градиентите да добавите елемент на реалността и дълбочина до дизайна. Повечето хора дори не могат да Роднинските наклон, а тези за мен са най-добрите такива.
Капка Сенки върху Икона Dock
Икона Dock е smorgasbord на нежност. Pixel изтъква, градиенти и капка сенки. Но за целите на този пример ще се съсредоточи върху падащия сянката, тя не е много голям, и то на непрозрачност е била намалена до само сложи подчертават от съдържанието клетка и да я предаде много леко. Той е прекрасен пример.
Качество в Уеб дизайн - изисканост, Софт градиентите: Икона Dock
Фините Фонов текстури; скаутите за момичета
Наличието на текстурирани фона да направите пауза или вашия дизайн. Много пъти, става на фона на твърде много на разсейване, че тя действително се далеч от качеството на дизайна. Така че това е често е добра идея да си фонови текстури фините и меки. В скаутите за момичета уебсайт прави страхотна работа за използване на текстура за комплимент цялостния стил & качество на дизайна.
А намек за носене & Драма: Viget Адванс
Аз не мисля, че някога може да бъде твърде тънък, каквато и да е сума на подробност без значение колко коварен ще бъде видима, и дали хората са запознати с нея, или не го прави да има ефект. Този пример от Viget Адванс блог показва някои напътствия за носене & сълза, само много малка сума за носене, но без да я хартията ще изглежда плоска и скучна. Той е малък несъвършенства, които я правят по-правдоподобен и истинско.
Акварели на WebDesignerWall
Когато използвате акварели е хубаво винаги да бъдете сигурни, че комбинация от цветове и пази много меки цветове, поизбелял и добре ... мокър. Използването акварели могат да се възползват вашите дизайн в много отношения, тя ви позволява да се инжектират някои фините цветове и въвеждат в някои текстура, която е защо това е стане доста популярен избор за много дизайнери да се включат.
Фините Флорални елементи; ДАРА градина
Това е брилянтен пример за цветя фините детайли в дизайна. Има някои по-ярки цветя илюстрации, които също са доста зашеметяващ, но в този пример ще се съсредоточи върху леките & softer информация във фонов режим. Това наистина показва значението на нежност, на меките цветове и носен поглед към модела означава, че окото е запознат с подробности, но това не е основният фокус.
Съвети за финес във вашия Дизайн
За мен, фините детайли в дизайна наистина може да тласък на дизайн да бъде добър, да бъде невероятно. Ако търсите начин да инжектира нещо специално в проектирането, фините детайли наистина е начин да отида. Ето някои съвети, които да имате предвид, когато това число фините детайли във вашия дизайн.
• Направете си слоеве
Никога не просто използва един четка или текстура, построена до вашата информация.
• Експериментирайте с непрозрачността & Цвят
Понякога дори 3% непрозрачност може да има положително въздействие.
• Не се притеснявайте, Бъди Brave
Съставено се страхувайте да бъде твърде тънък, или прекалено избледнял.
06. Използване на цвета да е пълния потенциал
Хората често се съди цветове на личните им вкус, което е огромна грешка. Ако сте някога в ситуация, където трябва да се вземе решение какви цветове изглеждат добре в дизайн мнението си винаги трябва да бъде на марката, както и изграждането на тема и настроение с помощта на цвят схема.
Брилянтно употреби на цвят в уеб дизайн
Недвижими имоти могат да бъдат недвижими колоритен: Oypro
Работата ми харесва за Oypro сайт е, че това доказва, че "скучна" тема не трябва да имат скучно дизайн. Всички твърде често корпоративни сайтове имат нежеланието да се позволи на дизайнерите наистина изхитрям някои творчески усет в техните проекти. Изглежда, че е необходимо да се пазят нещата прости, плоски и сиви. Но този проект се окаже, че все още можете да имате корпоративни търси сайт, без да е необходимо да държи гърба.
Поддържане на вашата Цветове Съответните: Тенеси Summertime
Summertime в Тенеси е жива, ярка и много топли уебсайт. Всичко, което искате да асоциирате с даден сайт, който е насърчаване на лятото дейности. Има много различни цвята в играе тук, но всички те са от значение. Добро качество на дизайна има различен цвят, схемата, която е от значение за услугата или продукта, които са за проектиране. Понякога това е очевидно, цветни решения, които правят за по-добър дизайн, добър пример на моя въпрос е Ад Дизайн - то няма да има смисъл като всеки цвят от firey червено.
Разнообразие във вашия опит: Saturized Студио
Тя не е достатъчно просто да имат цвят във вашата подготовка и се очаква, че, за да го интересно. Някои от най-добрите произход са тези, които са доста различни, в този пример виждаме, че красивите оранжев / червен цвят, е обект на всички видове на светлинни ефекти и градиентите. Тя дава допълнително нещо за фон, и не позволява то от търсят остаряла и плоски. Важно е да се отбележи също, че контраста между тъмните & дълбоко оранжеви работи наистина добре е зад много по-лек съдържание област.
Съвети за използването на цвета в дизайна
Цвят винаги е добра площ за проучване и опитват различни възможности и варианти, но това е важно винаги да водят няколко неща има предвид при избора на цветове и цвят схема.
• Експеримент
А скучна тема не трябва да имат скучно цвят схема.
• Разнообразие
Опитайте се да използвате градиентите, модели, четки за вашите цветни произход. Цвят сам не направи нещо, изглежда добре.
• Придържай се към тема
Уверете се, че вашите цветове са подходящи за вашия продукт / услуга.
07. Ако направите нещо, никой друг е направено
Някои от най-добрите сайтове около са тези, които са далеч от обикновеното, странни и донякъде bizzare. Но тези, които предизвикателство в норма може да завърши до промяна на това, което е в норма. Но е наистина оригинален и създаване на нещо, никой друг не е сторил, преди да е най-тежките нещо да се направи в дизайна.
Можеш да свършиш нещо, вземане на удивителен блясък, или бихте могли да постигнете с дизайн, който е достоен за нищо друго освен критика. Тя е много тънка линия между успеха и провала; Тоест има причини нещо никога не е правено и преди, и това е, защото обикновено това е лайно идея. Вие трябва да е смело да се оттегли далеч от онова, което хората знаят и любов, и тук са няколко примера за това:
Уникални за навигация MB Драган
Не точно средната Ви сайт навигация, но би в сайта изглежда толкова добре, ако той просто имаше стандарт навигация. Бих казал, че е малко на риск като за навигация в такъв необичаен начин, но тя не се вписват в сайта, че е необходимо, и това е направено за такъв стандарт, че е трудно да не оценявам колко добре работи с цялостния дизайн.
Visualbox & самото им Visual Навигация
Visualbox има един гол през ума, показва ли си брилянтен работа. Така те се погрижили за много малко текст, за първи поглед всичко, което виждаме, е тяхното име и селекция на тяхната работа. В полето за предварителен преглед промени, когато мишката върху него да се разкриват подробности за този проект, така че действително е много ефективен и функционално решение, както и много по-привлекателни тогава просто като списък от връзки.
Прави до точката с Никола Mircic
Значи сте интерфейс дизайнер, които искате хората да видят вашата работа, и на изплащане вас. Никола Mircic ни показва как се прави да го прави за една наистина впечатляваща сайт. Вие сте посрещнати с голямо разнообразие на неговата работа, неговото име & какво той прави в началото, и се свържете с линк. Там 'никакъв маса от текста или популярното думи, за да ви убеди да ползвате услугите му, той буквално се позволява работата му говори сама за себе си. Разбира се можете да кликнете върху изображенията, за да видите повече & получи някакъв текст, но ако е много уникално оформление и аз обичам начина, по който работи.
Съвети за опитва нещо ново
Примерите по-горе не са предназначени да бъдат "вдъхновение" за уникални идеи, просто просто няколко сайтове, които аз намерих, че аз искам да се считат за доста уникален. Факт е, вие не можете да търсите наистина около вдъхновение за нови идеи, както и наем на плячка точката на нея. Значи наистина може просто да се игнорира това цялата точка, ако се опитвате да измислям нещо ново!
• Пазете я Подходящи
Ако не смяташ да правиш нещо ново и уникално, запитайте се "не го прави чувство" и "е в рамките на търговска марка?" Ако това е така след това да се прави!
• Пропускане на всичко, което знаеш!
Добре може би не всичко, основни принципи, могат да останат същите, но за това не е точката търси вдъхновение за нови идеи, ти просто ще се насочи в грешна посока.
• Пазете равнище на качество
Мисля, че по принцип, ако новата ви идея изглежда добре, работи добре и е много по-лесно за вас да се обоснове.
Какво ще търсите по-качествен дизайн?
Има толкова много неща, които могат да направят дизайна изпъква като качество, бих казал, че съм просто сте обхванати някои от базовите точки. Така че искали да видите вашите идеи и мисли за това, което търсите, когато решава дали даден дизайн е добро или не.
понеделник, 25 май 2009 г.
xHtml и HTML
Преглед
XHTML е "преформулиране на трите HTML документ 4 типове като приложения на XML 1,0". [1] W3C също продължава да се поддържа HTML 4.01 препоръка и спецификации за HTML 5 и XHTML 5 активно да се развиват. В настоящия XHTML 1.0 Препоръка документ, като публикува и ревизирани към август 2002 г., W3C мнения, че "The XHTML семейството е следващата стъпка в еволюцията на интернет. Чрез мигриране към XHTML днес, съдържанието на разработчиците да въведете XML света с всички свои съпътстващи ползи, докато все още остават уверени в тяхното съдържание на изостанали и бъдещи съвместимост. "[1]
Мотивация
В края на 1990-те години, мнозина считат, че бъдещето на HTML се в създаването на версия спазване на правилата на XML синтаксис. [2] тогавашните текущата версия на HTML, HTML 4, е привидно молба на Стандарт за общи Маркиращ език ( SGML), въпреки че в спецификациите за SGML е сложна, и нито уеб браузъри, нито на HTML 4 Препоръка бяха напълно conformant с тях. [3], чрез пренасочване на база извършените от SGML към опростен XML, HTML ще станат съвместими с общия XML инструменти; [4] сървъри и представителство ще бъде в състояние да трансформира съдържанието, както е необходимо, за ограничени устройства като мобилни телефони. [5]
Друг ключов предимство е разширяемостта. Чрез използване на namespaces, XHTML документи могат да включват фрагменти от други XML-базирани езици като Скалируемо векторни графики и MathML. [6] Накрая, подновява работа ще предостави възможност да се разделят в HTML преизползваеми компоненти (XHTML Modularization) и почисти неспретнат части на езика. [7]
Отношение към HTML
HTML е първи технология за XHTML. Промените от HTML към първото поколение XHTML 1.0 са малки и са основно за постигане на съответствие с XML. Най-важната промяна е изискването, че документът трябва да бъде добре формирани и че всички елементи трябва да бъдат изрично закрито, както се изисква в XML. [8] По XML, всички елементи и описателни имена са съдебната чувствителни, така че XHTML подход е да се дефинират всички маркер имената да бъдат малки.
Това контрастира с някои по-ранни установени традиции, която започна по време на HTML 2.0, когато се използват много главни маркери. В XHTML, всички атрибута ценности трябва да бъдат затворени с кавички; или единични ( ') или двойни ( ") кавички могат да бъдат използвани. В контраст на това понякога е по желание в SGML-базирани HTML, когато атрибути могат да се пропуснат котировки в някои случаи. [ 9] Всички елементи трябва да бъдат изрично закрити, включително празни (известен още като Сингълтън) елементи като IMG и Br. Това може да стане чрез добавяне на затваряне наклонена черта на проекта маркер, например, и img / br / . Атрибути минимизиране (напр. option selected ) също е забранено, тъй като атрибут на разглеждане не съдържа изрична стойност, а вместо това ще бъде написано, както option selected="selected" .
HTML елементи, които са задължителни в съдържанието модел няма да се появи в ДОМ дървета, освен ако те не са изрично посочени. Например, XHTML страници, трябва да имате body. елемент, както и таблица, няма да има tbody елемент, освен ако авторът посочва едно.
В XHTML 1.0 препоръка посвещава раздел на различия между HTML и XHTML. [10] В WHATWG Wiki Аналогично счита различия, които възникват при използването на (X) HTML5. [11]
Защото XHTML и HTML, са тясно свързани с технологии, понякога те са писали за документиране и паралелно. При такива обстоятелства, някои автори conflate двете имена чрез вмъкнат нотация, като (X) HTML. Това показва, че документацията и принципи, може да се смята, че се прилага по принцип и за двете стандарти. [12]
Приемане
Сходствата между 4,01 и HTML XHTML 1.0 доведе много уеб сайтове и системи за управление на съдържанието, за приемане на първоначалната W3C XHTML 1.0 препоръка. За помощ авторите по време на преходния период, предвиден в W3C насоки за това как да се публикуват XHTML 1.0 документи в HTML-съвместим начин и им служат за браузъри, които не са проектирани за XHTML. [13] [14]
Такива "HTML-съвместим" съдържание е изпратено с помощта на HTML медиен тип (текст / HTML), а не на официалната Интернет медии тип за XHTML (прилагане / XHTML + XML). При измерване на приемане на XHTML с тази на редовните HTML, поради това, че е важно да се прави разлика дали е медиен тип ползване или действителни съдържанието на документите, които се сравняват.
Повечето уеб браузъри са зрели подкрепа [15] за всички възможни XHTML медийни типове. [16] В забележително изключение е Internet Explorer от Microsoft; отколкото оказване на молбата / XHTML + XML съдържание, диалогова кутия приканва потребителя да запишете съдържанието да диск вместо. И двете Internet Explorer 7 (освободен през 2006 г.) и Internet Explorer 8 излизане Кандидат 1 (освободен през януари 2009) проявява този проблем, и не е ясно дали това ще се решат в бъдещ съобщение. [17] Докато това продължава делото Повечето уеб разработчици избягват да използват XHTML, че не е HTML-съвместими, [18], така предимствата на XML като namespaces, по-бързо и по-малки анализирането-отпечатък браузъри не полза на потребителя. Microsoft Developer Крис Уилсън обясни, че през 2005 г. на ie7 приоритети са подобряване на сигурността и CSS подкрепа, както и че правилното XHTML подкрепа ще бъде трудно да се присадкови върху съвместимостта на IE-ориентирани HTML parser. [19]
критика
В ранния 2000s, някои уеб разработчици започна на въпрос защо Уеб автори някога направи скок в authoring в XHTML. [20] [21] [22] Други противодейства, че проблемите приписва на използването на XHTML може най-вече се дължат на две основни Източници: производство на невалидни XHTML документи от някои уеб автори, както и липсата на подкрепа за XHTML построен в IE6. [23] [24] Те отидоха да опишат предимствата на XML-базирани уеб документи (т.е. XHTML) по отношение на търсенето, индексиращи и синтактичния анализ, както и бъдещите-proofing уеб самоцел.
През октомври 2006 г., HTML изобретател и W3C стол Tim Berners-Lee, въвеждане на W3C големи усилия, за да развиват нови HTML 5 и XHTML 5 спецификации, публикувани в блога си, че "Опитът да отида по света, за да превключите на XML ... всички наведнъж не е работа. Големите HTML генериращи публични не се движат ... Някои големи общности направи смяна и се ползват от плодовете на добре формирани системи ... Планът е да се чартърни изцяло нов HTML група. "[25] В настоящия HTML XHTML и 5 работни проекта, неговите автори казват, че "особено внимание е отделено определящи ясни критерии за съответствие потребител агенти в усилията да се подобри оперативната съвместимост", "... а в същото време, актуализиране на HTML спецификации, за да обърне внимание на въпроси, поставени в последните няколко години. " Ian Hickson, автор на книга criticising неправилното използване на XHTML през 2002 г., [20] е член на групата, развиващи тази спецификация и е посочена като един от съ-автори на текущия работен проект. [26]
версии на XHTML
XHTML 1.0
Уикипедия използва XHTML 1.0 Transitional
Декември 1998 видях публикуването на W3C Работен проект за право преформулират HTML в XML. Това въведени Voyager на codename за нов език за маркиране на базата на HTML 4, но се придържат към строги правила синтаксиса на XML. Към февруари 1999 г. спецификацията е променила името си XHTML 1.0: The хипертекст разширяем език за маркиране, и през януари 2000 г. той е официално приет като W3C препоръка. [27] Има три официални DTDs за XHTML 1.0, съответстваща на три различни версии на HTML 4.01:
* XHTML 1.0 Strict е равнозначна на строгите HTML 4,01, и включва елементи и атрибути, които не са били маркирани deprecated в HTML 4.01 спецификация.
* XHTML 1.0 Transitional е еквивалентът на HTML 4.01 Transitional и включва презентационни елементи (като център, шрифт и стачка), изключени от строгия вариант.
* XHTML 1.0 Frameset е еквивалентът на HTML 4.01 Frameset, и дава възможност за дефиниране на документи frameset-общ Уеб черта в края на 1990-те години.
Второто издание на XHTML 1.0 стана W3C Препоръка през август 2002 година. [28]
Modularization на XHTML
Modularization предвижда абстрактна събиране на компоненти, чрез които може да се subsetted XHTML и разширено. Функцията е предназначена да помогне XHTML разширят своето място върху нововъзникващите платформи, като например мобилни устройства и поддръжка за уеб-телевизия. Първоначалният проект на Modularization на XHTML станаха достъпни през април 1999 г., и достигна Препоръка статус през април 2001 година. [29]
Първият XHTML Семеен Маркиращите езици да бъдат разработени с тази техника бяха XHTML 1.1 и XHTML Основни 1.0. Друг пример е XHTML-Отпечатай (W3C Препоръка, септември 2006 г.), на език, предназначен за отпечатване от мобилни устройства, за да нискотарифна принтери. [30]
През октомври 2008 Modularization на XHTML бе заменен от Modularization XHTML 1.1, която добавя XML Schema изпълнение. [31]
XHTML 1.1 Модул-базирани XHTML
XHTML 1.1 еволюира от работата около първоначалното Modularization на XHTML спецификация. В W3C публикува първия проект през септември 1999 г.; Препоръка положение бе постигнато през май 2001 година. [32] Модулите съчетани в рамките на XHTML 1.1 ефективно recreate XHTML 1.0 Strict, с добавянето на рубинен анотация елементи (рубин, rbc, РТК, RB, RT и RP) за по-добра подкрепа на Изток-азиатски езици. Други промени включват отстраняване на Език атрибут (в полза на XML: Език), и отстраняването на името атрибут от А и на сайта елементи.
Въпреки, че XHTML 1.1 е до голяма степен съвместим с XHTML 1.0 и HTML 4, през август 2002 г. W3C издаде официална Забележка съветват, че тя не трябва да се изпращат с HTML медиен тип. [33] С ограничена браузър подкрепа за заместник прилагане / XHTML + XML медиен тип, XHTML 1.1 оказаха в състояние да получат широко приложение. През януари 2009 втора версия на документа, е било издадено, релаксираща това ограничение XHTML 1.1 и позволява да се работи като текст / HTML. [34]
XHTML 1.1 Second Edition (W3C Предложени Редактирани Препоръка) бе издадена на 7 май 2009. [35]
XHTML основни и XHTML-депутат
За да подкрепи ограничени средства, XHTML Основни бе създаден от W3C; тя достигна Препоръка статут през декември 2000 година. [36] Основни XHTML 1.0 е най-рестриктивните версия на XHTML, осигуряване на минимален набор от функции, които дори и най-ограничен устройства може да се очаква за поддръжка.
Отворено мобилен алианс и неговите предшественици на WAP Форум освобождава три часа спецификации между 2001 и 2006 г., че удължава XHTML Основни 1.0. Известна като XHTML мобилен Профил или XHTML-депутат, те са силно насочени към обединяване на различни езици, използвани за маркиране на мобилни телефони в момента. Всички предоставят богати форма контролира от основния XHTML 1.0, заедно с различни нива на поддръжка на скриптове.
XHTML Основни 1,1 стана W3C Препоръка през юли 2008, която замества XHTML-депутат 1.2. [37] Основни XHTML 1.1 се почти, но не съвсем подмножество на редовни XHTML 1.1. Най-забележително допълнение над XHTML 1.1 е най-inputmode атрибут също намери в XHTML-1.2-депутат, който осигурява напътствия, за да се подобри формата браузъри влизане.
XHTML 1,2
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
В XHTML 2 Работна група обмисля създаването на нов език на базата на XHTML 1.1. [38] Ако XHTML 1.2 е създадена, тя ще включва WAI-ария и ролята атрибути достъпни за по-добра поддръжка на уеб приложения, както и подобрени Семантичен Уеб поддръжка чрез RDFa. В inputmode атрибут от основния XHTML 1.1, заедно с целевите атрибут (за определяне на рамката цели), могат също да присъстват. Това е важно да се отбележи, че XHTML2 РГ все още не са заклети за извършване на развитието на XHTML1.2, това означава, че XHTML1.2 Предложението може да не ставам.
XHTML 2,0
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
Между август 2002 и юли 2006 г. W3C пуснати първите осем работни Чернови на XHTML 2.0, нова версия на XHTML в състояние да направи чиста почивка от миналото от изхвърлянето на изискването за обратната съвместимост. Тази липса на съвместимост с XHTML 1.x и HTML 4 причинени някои ранни противоречия в уеб разработчик общността. [39] Някои части на езика (като ролята и RDFa атрибути), в последствие бяха разделени от спецификацията и е работил като отделни модули, частично, за да направят преход от XHTML 1.x към XHTML 2,0 гладко. А деветият проект на XHTML 2.0 се очаква да се появи през 2009.
Нови функции, въведена с XHTML 2,0 включват:
* HTML форми ще бъдат заменени с XForms Един XML-базирани потребителски вход спецификацията позволява формулярите да бъдат показани по подходящ начин за оказване на различни устройства.
* HTML рамки ще бъдат заменени от XFrames.
* В ДОМ събития ще бъде заменен с XML Събития, които използва XML Документ на обектния модел.
* A нов списък елемент тип, NL елемент тип, ще бъдат включени към изрично посочи списък като навигация списък. Това ще бъде от полза в създаването вложени менюта, които в момента са създадени по най-разнообразни средства като вложени unordered списъци или вложени определение списъци.
* Всеки елемент ще бъде в състояние да действа като хипервръзка, Е. Г., li href="articles.html" членове / Напред , подобни на XLink. Въпреки това, XLink себе си не е съвместим с XHTML поради дизайн разлики.
* Всеки елемент ще бъде в състояние да позоваването алтернативни медии с SRC атрибут, Е. Г., p src="lbridge.jpg" type="image/jpeg" Лондон Бридж / P е същата като object src="lbridge.jpg" type="image/jpeg" p Лондон Бридж / P / обект .
* В ALT атрибута на IMG елемент не е била отстранена: алтернативен текст ще бъде дадено в съдържанието на IMG елемент, много прилича на този обект, елемент, д. Г., img src="hms_audacious.jpg" HMS span class="italic" безочлив / педя / IMG .
* Една позиция елемент (ч) ще бъде добавена. Нивото на тези позиции се определят от дълбочината на гнездене. Това позволява използването на позиции, за да бъде безкрайно, вместо да се ограничи използването на шест нива в дълбочина.
* Останалите презентационни елементи I, Б и TT, все още се допускат в XHTML 1.x (дори стриктно), ще отсъства от XHTML 2.0. Единствените малко по презентационни елементи останалите ще бъде подкрепа и подсектори за superscript и долният съответно, защото те са значително извън презентационни цели и които се изискват в някои езици. Всички други марки са предназначени да бъдат семантични вместо (напр. strong за силен или удебелен текст), като позволява на потребителите средство за контрол върху представянето на елементи чрез CSS.
* Добавянето на RDF тройни с имущество, както и за атрибутите за улесняване на конверсията от XHTML да RDF / XML.
HTML 5-Лексика и APIs за HTML 5 и XHTML 5
Основна статия: HTML 5
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
HTML 5 първоначално нараства независимо от W3C, чрез лека група от броузера производители и други заинтересовани страни призовава си WHATWG или уеб хипертекст Прилагане Технологии работна група. В WHATWG обявяване съществуването на открита бюлетин през юни 2004 г., заедно с уеб сайта носещи strapline "Поддържане и развиващи HTML от 2004 г. насам." [40] Основният мотив на групата е да създаде платформа за динамични уеб приложения, които XHTML 2,0 смята за прекалено документ-централен, и не е подходяща за създаването на форум сайтове или онлайн магазини. [41]
През април 2007 г. фондацията Mozilla и Opera Софтуер присъединиха Apple в молещата че новосъздадените rechartered HTML Работната група на W3C приемат работа, под името на HTML 5. [42] В групата решават да направят това през следващия месец, [43 ] и първият обществен труд Проект на HTML 5 е издаден от W3C през януари 2008. Най-новите W3C Работа Проекта бе публикуван през юни 2008. [26]
HTML 5 и двете редовно текст / HTML serialization и XML serialization, който е известен като XHTML 5. В допълнение към езика за маркиране, спецификацията включва броя на прилагане програмни интерфейси. Документът обектния модел е удължена с APIs за редактиране, плъзгане и пускане, за съхранение на данни и мрежови комуникации.
Езикът може да се счита за по-съвместим с HTML 4 и XHTML 1.x, отколкото XHTML 2.0, в резултат на решението да се запази съществуващата HTML форма елементи и събития модел. Той добавя, много нови елементи, не се срещат в XHTML 1.x, обаче, като част и настрана. (The XHTML 1,2 еквивалент (което (X) HTML 5 замества) на тези структурни елементи ще бъдат div role="region" и div role="complementary" .)
Спецификацията се очаква да добави WAI-ария подкрепа в бъдещ проект. В момента няма индикации за това, дали HTML 5 ще подкрепят RDFa.
Валиден XHTML документи
XHTML Един документ, който съответства на XHTML спецификация се казва, да бъдат валидни. Валидност осигурява съгласуваност в документ код, който от своя страна облекчава преработка, но не е задължително да се осигури последователно оказване от браузъри. А тук може да се проверяват за валидност на W3C Маркиращите Ратифицирам служба. На практика, много уеб програми за развитие предвиждат код валидиране на базата на W3C стандартите.
коренов елемент
Коренът елемент на XHTML документ трябва да бъде HTML, и трябва да съдържат xmlns атрибут за да го асоциирате с XHTML Именно. В Именно URI за XHTML е http://www.w3.org/1999/xhtml. За XHTML 1.1 и по-късно там също трябва да бъде в идеалния вариант атрибут ясно да се идентифицира версия на XHTML се използва. Примерът по-долу маркер допълнително отличава с XML: Език атрибут да идентифицират документа с естествен език:
html xmlns="http://www.w3.org/1999/xhtml" version="XHTML 1.2" xml:lang="en"
За XHTML 1.1 и 2.0 по избор schemaLocation атрибут може да се добавят, за да се сдружават в Именно с XML Schema. Примерът по-долу е за XHTML 2,0:
HTML xmlns = "http://www.w3.org/2002/06/xhtml2/" версия = "XHTML 2,0" XML: Език = "EN"
xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi: schemaLocation = "http://www.w3.org/1999/xhtml
http://www.w3.org/MarkUp/SCHEMA/xhtml2.xsd "
Този пример доказва също и използването на множество namespaces в документа. В xmlns: xsi декларацията се посочва, че всички елементи или атрибути префикс xsi: попадат в XML Schema инстанция Именно вместо XHTML Именно. Този механизъм позволява на префикси елементи и атрибути от различни XML vocabularies да се смесват заедно в един и същ документ, без възможност за именуване на сблъсъци.
DOCTYPEs
Основна статия: DOCTYPE
С цел да се утвърждава един XHTML документ, документ Тип декларация, или DOCTYPE, могат да бъдат използвани. А DOCTYPE декларира пред браузър този документ Тип Определение (DTD) документът спазва. Документ Тип декларация трябва да бъде поставен преди корен елемент.
Системата идентификатор част от DOCTYPE, които в тези примери е, че URL адресът започва с http://, имат нужда само от точка за копие от DTD да използвате, ако validator не може да намери един часа на базата на публично идентификатор (другите цитирани низ). Тя не трябва да бъдат конкретните URL, който е в тези примери, а в действителност, авторите, са насърчавани да използват местни копия на DTD файлове, когато е възможно. Общественият идентификатор, обаче, трябва да бъде символ за характера на една и съща както в примера.
XML декларация
Личност кодирането може да бъде определен в началото на XHTML документа в XML декларацията, когато документът се връчва чрез прилагане / XHTML + XML MIME тип. (Ако един XML документ липсва Кодиране спецификация Един XML parser предполага, че кодирането е UTF-8 или UTF-16, освен ако кодирането вече е бил определен по-висок от протокола.)
За пример:
? XML версия = "1,0" за кодиране = "UTF-8"?
Декларацията може да бъде по избор, защото той пропуска декларира като кодировка по подразбиране кодиране. Въпреки това, ако документът, вместо да се възползва от XML 1,1 или друг характер кодиране, декларация е необходима. Internet Explorer версия 7 преди влизането quirks режим, ако го срещне един XML декларация в документ служи като текст / HTML.
Общи грешки
Някои от най-често срещаните грешки при използването на XHTML, са:
* Не затваряне празна елементи (елементи, без да вземат под внимание на потребителите в HTML4)
O Неправилно: br
O Правилно: br /
Имайте предвид, че всяка от тях са приемливи в XHTML: br / BR , br/ и br / . По-стари HTML само браузъри интерпретират като HTML ще приеме br и br / .
* Не затваряне без празни елементи
O Неправилно: p Това е параграф. p Това е друг параграф.
O Правилно: p Това е параграф. / P p Това е друг параграф. / P
* Неправилно гнездене елементи (Имайте предвид, че това също ще бъде недействителен в HTML)
O Неправилно: em strong Това е някакъв текст. / в / силен
O Правилно: em strong Това е някакъв текст. / силен / ги
* Не пускането кавички около атрибут стойности
O Неправилно: td rowspan=3
O Правилно: td rowspan="3"
O Правилно: td rowspan='3'
* С помощта на ampersand характер извън лица (Имайте предвид, че това също ще бъде недействителен в HTML)
O Неправилно: title Автомобили & Камиони / заглавие
O Правилно: title Автомобили & Камиони / заглавие
O Неправилно: a href="index.php?page=news&id=5" Новини / A
O Правилно: a href="index.php?page=news&id=5" Новини / A
* Ако не успее да разпознае, че XHTML елементи и атрибути са случаите чувствителни
O Неправилно: body p ID="ONE" на най-добрите Page Никога / P / ТЯЛО
O Правилно: body p id="ONE" на най-добрите Page Никога / P / тялото
* Ако авторът реши да включи скрипт или стила данни вградени в рамките на един документ, XHTML, различни подходи се препоръчват, както е показано в примерите по-долу, в зависимост дали авторът възнамерява да служи на страница като молбата / XHTML + XML и целеви само напълно conformant браузъри, или служи на страница като текст / HTML и се опитват да получат използваемост в Internet Explorer 6 и други не-conformant браузъри.
обратната съвместимост
XHTML 1.x документи са предимно назад съвместим с HTML 4 потребител агенти при подходящи насоки са изпълнени. XHTML 1.1 е съвместим същество, въпреки че елементите за рубинен анотация не са част от HTML 4 спецификация и по този начин обикновено игнорирани от HTML 4 браузъри. Късно XHTML 1.x модули, като например тези за ролята атрибут, RDFa и WAI-ария дегенерирам елегантно по подобен начин.
HTML 5 и XHTML 2 са значително по-малко съвместими, въпреки че това може да се намали до известна степен чрез използването на скриптове. (Това може да бъде просто една втулки, като използването на "document.createElement ()", за да регистрирате нов HTML елемент в рамките на Internet Explorer, или пълно JavaScript рамки, като например FormFaces изпълнението на XForms.)
XHTML е "преформулиране на трите HTML документ 4 типове като приложения на XML 1,0". [1] W3C също продължава да се поддържа HTML 4.01 препоръка и спецификации за HTML 5 и XHTML 5 активно да се развиват. В настоящия XHTML 1.0 Препоръка документ, като публикува и ревизирани към август 2002 г., W3C мнения, че "The XHTML семейството е следващата стъпка в еволюцията на интернет. Чрез мигриране към XHTML днес, съдържанието на разработчиците да въведете XML света с всички свои съпътстващи ползи, докато все още остават уверени в тяхното съдържание на изостанали и бъдещи съвместимост. "[1]
Мотивация
В края на 1990-те години, мнозина считат, че бъдещето на HTML се в създаването на версия спазване на правилата на XML синтаксис. [2] тогавашните текущата версия на HTML, HTML 4, е привидно молба на Стандарт за общи Маркиращ език ( SGML), въпреки че в спецификациите за SGML е сложна, и нито уеб браузъри, нито на HTML 4 Препоръка бяха напълно conformant с тях. [3], чрез пренасочване на база извършените от SGML към опростен XML, HTML ще станат съвместими с общия XML инструменти; [4] сървъри и представителство ще бъде в състояние да трансформира съдържанието, както е необходимо, за ограничени устройства като мобилни телефони. [5]
Друг ключов предимство е разширяемостта. Чрез използване на namespaces, XHTML документи могат да включват фрагменти от други XML-базирани езици като Скалируемо векторни графики и MathML. [6] Накрая, подновява работа ще предостави възможност да се разделят в HTML преизползваеми компоненти (XHTML Modularization) и почисти неспретнат части на езика. [7]
Отношение към HTML
HTML е първи технология за XHTML. Промените от HTML към първото поколение XHTML 1.0 са малки и са основно за постигане на съответствие с XML. Най-важната промяна е изискването, че документът трябва да бъде добре формирани и че всички елементи трябва да бъдат изрично закрито, както се изисква в XML. [8] По XML, всички елементи и описателни имена са съдебната чувствителни, така че XHTML подход е да се дефинират всички маркер имената да бъдат малки.
Това контрастира с някои по-ранни установени традиции, която започна по време на HTML 2.0, когато се използват много главни маркери. В XHTML, всички атрибута ценности трябва да бъдат затворени с кавички; или единични ( ') или двойни ( ") кавички могат да бъдат използвани. В контраст на това понякога е по желание в SGML-базирани HTML, когато атрибути могат да се пропуснат котировки в някои случаи. [ 9] Всички елементи трябва да бъдат изрично закрити, включително празни (известен още като Сингълтън) елементи като IMG и Br. Това може да стане чрез добавяне на затваряне наклонена черта на проекта маркер, например, и img / br / . Атрибути минимизиране (напр. option selected ) също е забранено, тъй като атрибут на разглеждане не съдържа изрична стойност, а вместо това ще бъде написано, както option selected="selected" .
HTML елементи, които са задължителни в съдържанието модел няма да се появи в ДОМ дървета, освен ако те не са изрично посочени. Например, XHTML страници, трябва да имате body. елемент, както и таблица, няма да има tbody елемент, освен ако авторът посочва едно.
В XHTML 1.0 препоръка посвещава раздел на различия между HTML и XHTML. [10] В WHATWG Wiki Аналогично счита различия, които възникват при използването на (X) HTML5. [11]
Защото XHTML и HTML, са тясно свързани с технологии, понякога те са писали за документиране и паралелно. При такива обстоятелства, някои автори conflate двете имена чрез вмъкнат нотация, като (X) HTML. Това показва, че документацията и принципи, може да се смята, че се прилага по принцип и за двете стандарти. [12]
Приемане
Сходствата между 4,01 и HTML XHTML 1.0 доведе много уеб сайтове и системи за управление на съдържанието, за приемане на първоначалната W3C XHTML 1.0 препоръка. За помощ авторите по време на преходния период, предвиден в W3C насоки за това как да се публикуват XHTML 1.0 документи в HTML-съвместим начин и им служат за браузъри, които не са проектирани за XHTML. [13] [14]
Такива "HTML-съвместим" съдържание е изпратено с помощта на HTML медиен тип (текст / HTML), а не на официалната Интернет медии тип за XHTML (прилагане / XHTML + XML). При измерване на приемане на XHTML с тази на редовните HTML, поради това, че е важно да се прави разлика дали е медиен тип ползване или действителни съдържанието на документите, които се сравняват.
Повечето уеб браузъри са зрели подкрепа [15] за всички възможни XHTML медийни типове. [16] В забележително изключение е Internet Explorer от Microsoft; отколкото оказване на молбата / XHTML + XML съдържание, диалогова кутия приканва потребителя да запишете съдържанието да диск вместо. И двете Internet Explorer 7 (освободен през 2006 г.) и Internet Explorer 8 излизане Кандидат 1 (освободен през януари 2009) проявява този проблем, и не е ясно дали това ще се решат в бъдещ съобщение. [17] Докато това продължава делото Повечето уеб разработчици избягват да използват XHTML, че не е HTML-съвместими, [18], така предимствата на XML като namespaces, по-бързо и по-малки анализирането-отпечатък браузъри не полза на потребителя. Microsoft Developer Крис Уилсън обясни, че през 2005 г. на ie7 приоритети са подобряване на сигурността и CSS подкрепа, както и че правилното XHTML подкрепа ще бъде трудно да се присадкови върху съвместимостта на IE-ориентирани HTML parser. [19]
критика
В ранния 2000s, някои уеб разработчици започна на въпрос защо Уеб автори някога направи скок в authoring в XHTML. [20] [21] [22] Други противодейства, че проблемите приписва на използването на XHTML може най-вече се дължат на две основни Източници: производство на невалидни XHTML документи от някои уеб автори, както и липсата на подкрепа за XHTML построен в IE6. [23] [24] Те отидоха да опишат предимствата на XML-базирани уеб документи (т.е. XHTML) по отношение на търсенето, индексиращи и синтактичния анализ, както и бъдещите-proofing уеб самоцел.
През октомври 2006 г., HTML изобретател и W3C стол Tim Berners-Lee, въвеждане на W3C големи усилия, за да развиват нови HTML 5 и XHTML 5 спецификации, публикувани в блога си, че "Опитът да отида по света, за да превключите на XML ... всички наведнъж не е работа. Големите HTML генериращи публични не се движат ... Някои големи общности направи смяна и се ползват от плодовете на добре формирани системи ... Планът е да се чартърни изцяло нов HTML група. "[25] В настоящия HTML XHTML и 5 работни проекта, неговите автори казват, че "особено внимание е отделено определящи ясни критерии за съответствие потребител агенти в усилията да се подобри оперативната съвместимост", "... а в същото време, актуализиране на HTML спецификации, за да обърне внимание на въпроси, поставени в последните няколко години. " Ian Hickson, автор на книга criticising неправилното използване на XHTML през 2002 г., [20] е член на групата, развиващи тази спецификация и е посочена като един от съ-автори на текущия работен проект. [26]
версии на XHTML
XHTML 1.0
Уикипедия използва XHTML 1.0 Transitional
Декември 1998 видях публикуването на W3C Работен проект за право преформулират HTML в XML. Това въведени Voyager на codename за нов език за маркиране на базата на HTML 4, но се придържат към строги правила синтаксиса на XML. Към февруари 1999 г. спецификацията е променила името си XHTML 1.0: The хипертекст разширяем език за маркиране, и през януари 2000 г. той е официално приет като W3C препоръка. [27] Има три официални DTDs за XHTML 1.0, съответстваща на три различни версии на HTML 4.01:
* XHTML 1.0 Strict е равнозначна на строгите HTML 4,01, и включва елементи и атрибути, които не са били маркирани deprecated в HTML 4.01 спецификация.
* XHTML 1.0 Transitional е еквивалентът на HTML 4.01 Transitional и включва презентационни елементи (като център, шрифт и стачка), изключени от строгия вариант.
* XHTML 1.0 Frameset е еквивалентът на HTML 4.01 Frameset, и дава възможност за дефиниране на документи frameset-общ Уеб черта в края на 1990-те години.
Второто издание на XHTML 1.0 стана W3C Препоръка през август 2002 година. [28]
Modularization на XHTML
Modularization предвижда абстрактна събиране на компоненти, чрез които може да се subsetted XHTML и разширено. Функцията е предназначена да помогне XHTML разширят своето място върху нововъзникващите платформи, като например мобилни устройства и поддръжка за уеб-телевизия. Първоначалният проект на Modularization на XHTML станаха достъпни през април 1999 г., и достигна Препоръка статус през април 2001 година. [29]
Първият XHTML Семеен Маркиращите езици да бъдат разработени с тази техника бяха XHTML 1.1 и XHTML Основни 1.0. Друг пример е XHTML-Отпечатай (W3C Препоръка, септември 2006 г.), на език, предназначен за отпечатване от мобилни устройства, за да нискотарифна принтери. [30]
През октомври 2008 Modularization на XHTML бе заменен от Modularization XHTML 1.1, която добавя XML Schema изпълнение. [31]
XHTML 1.1 Модул-базирани XHTML
XHTML 1.1 еволюира от работата около първоначалното Modularization на XHTML спецификация. В W3C публикува първия проект през септември 1999 г.; Препоръка положение бе постигнато през май 2001 година. [32] Модулите съчетани в рамките на XHTML 1.1 ефективно recreate XHTML 1.0 Strict, с добавянето на рубинен анотация елементи (рубин, rbc, РТК, RB, RT и RP) за по-добра подкрепа на Изток-азиатски езици. Други промени включват отстраняване на Език атрибут (в полза на XML: Език), и отстраняването на името атрибут от А и на сайта елементи.
Въпреки, че XHTML 1.1 е до голяма степен съвместим с XHTML 1.0 и HTML 4, през август 2002 г. W3C издаде официална Забележка съветват, че тя не трябва да се изпращат с HTML медиен тип. [33] С ограничена браузър подкрепа за заместник прилагане / XHTML + XML медиен тип, XHTML 1.1 оказаха в състояние да получат широко приложение. През януари 2009 втора версия на документа, е било издадено, релаксираща това ограничение XHTML 1.1 и позволява да се работи като текст / HTML. [34]
XHTML 1.1 Second Edition (W3C Предложени Редактирани Препоръка) бе издадена на 7 май 2009. [35]
XHTML основни и XHTML-депутат
За да подкрепи ограничени средства, XHTML Основни бе създаден от W3C; тя достигна Препоръка статут през декември 2000 година. [36] Основни XHTML 1.0 е най-рестриктивните версия на XHTML, осигуряване на минимален набор от функции, които дори и най-ограничен устройства може да се очаква за поддръжка.
Отворено мобилен алианс и неговите предшественици на WAP Форум освобождава три часа спецификации между 2001 и 2006 г., че удължава XHTML Основни 1.0. Известна като XHTML мобилен Профил или XHTML-депутат, те са силно насочени към обединяване на различни езици, използвани за маркиране на мобилни телефони в момента. Всички предоставят богати форма контролира от основния XHTML 1.0, заедно с различни нива на поддръжка на скриптове.
XHTML Основни 1,1 стана W3C Препоръка през юли 2008, която замества XHTML-депутат 1.2. [37] Основни XHTML 1.1 се почти, но не съвсем подмножество на редовни XHTML 1.1. Най-забележително допълнение над XHTML 1.1 е най-inputmode атрибут също намери в XHTML-1.2-депутат, който осигурява напътствия, за да се подобри формата браузъри влизане.
XHTML 1,2
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
В XHTML 2 Работна група обмисля създаването на нов език на базата на XHTML 1.1. [38] Ако XHTML 1.2 е създадена, тя ще включва WAI-ария и ролята атрибути достъпни за по-добра поддръжка на уеб приложения, както и подобрени Семантичен Уеб поддръжка чрез RDFa. В inputmode атрибут от основния XHTML 1.1, заедно с целевите атрибут (за определяне на рамката цели), могат също да присъстват. Това е важно да се отбележи, че XHTML2 РГ все още не са заклети за извършване на развитието на XHTML1.2, това означава, че XHTML1.2 Предложението може да не ставам.
XHTML 2,0
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
Между август 2002 и юли 2006 г. W3C пуснати първите осем работни Чернови на XHTML 2.0, нова версия на XHTML в състояние да направи чиста почивка от миналото от изхвърлянето на изискването за обратната съвместимост. Тази липса на съвместимост с XHTML 1.x и HTML 4 причинени някои ранни противоречия в уеб разработчик общността. [39] Някои части на езика (като ролята и RDFa атрибути), в последствие бяха разделени от спецификацията и е работил като отделни модули, частично, за да направят преход от XHTML 1.x към XHTML 2,0 гладко. А деветият проект на XHTML 2.0 се очаква да се появи през 2009.
Нови функции, въведена с XHTML 2,0 включват:
* HTML форми ще бъдат заменени с XForms Един XML-базирани потребителски вход спецификацията позволява формулярите да бъдат показани по подходящ начин за оказване на различни устройства.
* HTML рамки ще бъдат заменени от XFrames.
* В ДОМ събития ще бъде заменен с XML Събития, които използва XML Документ на обектния модел.
* A нов списък елемент тип, NL елемент тип, ще бъдат включени към изрично посочи списък като навигация списък. Това ще бъде от полза в създаването вложени менюта, които в момента са създадени по най-разнообразни средства като вложени unordered списъци или вложени определение списъци.
* Всеки елемент ще бъде в състояние да действа като хипервръзка, Е. Г., li href="articles.html" членове / Напред , подобни на XLink. Въпреки това, XLink себе си не е съвместим с XHTML поради дизайн разлики.
* Всеки елемент ще бъде в състояние да позоваването алтернативни медии с SRC атрибут, Е. Г., p src="lbridge.jpg" type="image/jpeg" Лондон Бридж / P е същата като object src="lbridge.jpg" type="image/jpeg" p Лондон Бридж / P / обект .
* В ALT атрибута на IMG елемент не е била отстранена: алтернативен текст ще бъде дадено в съдържанието на IMG елемент, много прилича на този обект, елемент, д. Г., img src="hms_audacious.jpg" HMS span class="italic" безочлив / педя / IMG .
* Една позиция елемент (ч) ще бъде добавена. Нивото на тези позиции се определят от дълбочината на гнездене. Това позволява използването на позиции, за да бъде безкрайно, вместо да се ограничи използването на шест нива в дълбочина.
* Останалите презентационни елементи I, Б и TT, все още се допускат в XHTML 1.x (дори стриктно), ще отсъства от XHTML 2.0. Единствените малко по презентационни елементи останалите ще бъде подкрепа и подсектори за superscript и долният съответно, защото те са значително извън презентационни цели и които се изискват в някои езици. Всички други марки са предназначени да бъдат семантични вместо (напр. strong за силен или удебелен текст), като позволява на потребителите средство за контрол върху представянето на елементи чрез CSS.
* Добавянето на RDF тройни с имущество, както и за атрибутите за улесняване на конверсията от XHTML да RDF / XML.
HTML 5-Лексика и APIs за HTML 5 и XHTML 5
Основна статия: HTML 5
Тази статия или секция съдържа информация за насрочено или очаквани бъдещи софтуер. Информация за него може да се променя, както софтуера съобщение подходи и повече информация стане достъпна.
HTML 5 първоначално нараства независимо от W3C, чрез лека група от броузера производители и други заинтересовани страни призовава си WHATWG или уеб хипертекст Прилагане Технологии работна група. В WHATWG обявяване съществуването на открита бюлетин през юни 2004 г., заедно с уеб сайта носещи strapline "Поддържане и развиващи HTML от 2004 г. насам." [40] Основният мотив на групата е да създаде платформа за динамични уеб приложения, които XHTML 2,0 смята за прекалено документ-централен, и не е подходяща за създаването на форум сайтове или онлайн магазини. [41]
През април 2007 г. фондацията Mozilla и Opera Софтуер присъединиха Apple в молещата че новосъздадените rechartered HTML Работната група на W3C приемат работа, под името на HTML 5. [42] В групата решават да направят това през следващия месец, [43 ] и първият обществен труд Проект на HTML 5 е издаден от W3C през януари 2008. Най-новите W3C Работа Проекта бе публикуван през юни 2008. [26]
HTML 5 и двете редовно текст / HTML serialization и XML serialization, който е известен като XHTML 5. В допълнение към езика за маркиране, спецификацията включва броя на прилагане програмни интерфейси. Документът обектния модел е удължена с APIs за редактиране, плъзгане и пускане, за съхранение на данни и мрежови комуникации.
Езикът може да се счита за по-съвместим с HTML 4 и XHTML 1.x, отколкото XHTML 2.0, в резултат на решението да се запази съществуващата HTML форма елементи и събития модел. Той добавя, много нови елементи, не се срещат в XHTML 1.x, обаче, като част и настрана. (The XHTML 1,2 еквивалент (което (X) HTML 5 замества) на тези структурни елементи ще бъдат div role="region" и div role="complementary" .)
Спецификацията се очаква да добави WAI-ария подкрепа в бъдещ проект. В момента няма индикации за това, дали HTML 5 ще подкрепят RDFa.
Валиден XHTML документи
XHTML Един документ, който съответства на XHTML спецификация се казва, да бъдат валидни. Валидност осигурява съгласуваност в документ код, който от своя страна облекчава преработка, но не е задължително да се осигури последователно оказване от браузъри. А тук може да се проверяват за валидност на W3C Маркиращите Ратифицирам служба. На практика, много уеб програми за развитие предвиждат код валидиране на базата на W3C стандартите.
коренов елемент
Коренът елемент на XHTML документ трябва да бъде HTML, и трябва да съдържат xmlns атрибут за да го асоциирате с XHTML Именно. В Именно URI за XHTML е http://www.w3.org/1999/xhtml. За XHTML 1.1 и по-късно там също трябва да бъде в идеалния вариант атрибут ясно да се идентифицира версия на XHTML се използва. Примерът по-долу маркер допълнително отличава с XML: Език атрибут да идентифицират документа с естествен език:
html xmlns="http://www.w3.org/1999/xhtml" version="XHTML 1.2" xml:lang="en"
За XHTML 1.1 и 2.0 по избор schemaLocation атрибут може да се добавят, за да се сдружават в Именно с XML Schema. Примерът по-долу е за XHTML 2,0:
HTML xmlns = "http://www.w3.org/2002/06/xhtml2/" версия = "XHTML 2,0" XML: Език = "EN"
xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi: schemaLocation = "http://www.w3.org/1999/xhtml
http://www.w3.org/MarkUp/SCHEMA/xhtml2.xsd "
Този пример доказва също и използването на множество namespaces в документа. В xmlns: xsi декларацията се посочва, че всички елементи или атрибути префикс xsi: попадат в XML Schema инстанция Именно вместо XHTML Именно. Този механизъм позволява на префикси елементи и атрибути от различни XML vocabularies да се смесват заедно в един и същ документ, без възможност за именуване на сблъсъци.
DOCTYPEs
Основна статия: DOCTYPE
С цел да се утвърждава един XHTML документ, документ Тип декларация, или DOCTYPE, могат да бъдат използвани. А DOCTYPE декларира пред браузър този документ Тип Определение (DTD) документът спазва. Документ Тип декларация трябва да бъде поставен преди корен елемент.
Системата идентификатор част от DOCTYPE, които в тези примери е, че URL адресът започва с http://, имат нужда само от точка за копие от DTD да използвате, ако validator не може да намери един часа на базата на публично идентификатор (другите цитирани низ). Тя не трябва да бъдат конкретните URL, който е в тези примери, а в действителност, авторите, са насърчавани да използват местни копия на DTD файлове, когато е възможно. Общественият идентификатор, обаче, трябва да бъде символ за характера на една и съща както в примера.
XML декларация
Личност кодирането може да бъде определен в началото на XHTML документа в XML декларацията, когато документът се връчва чрез прилагане / XHTML + XML MIME тип. (Ако един XML документ липсва Кодиране спецификация Един XML parser предполага, че кодирането е UTF-8 или UTF-16, освен ако кодирането вече е бил определен по-висок от протокола.)
За пример:
? XML версия = "1,0" за кодиране = "UTF-8"?
Декларацията може да бъде по избор, защото той пропуска декларира като кодировка по подразбиране кодиране. Въпреки това, ако документът, вместо да се възползва от XML 1,1 или друг характер кодиране, декларация е необходима. Internet Explorer версия 7 преди влизането quirks режим, ако го срещне един XML декларация в документ служи като текст / HTML.
Общи грешки
Някои от най-често срещаните грешки при използването на XHTML, са:
* Не затваряне празна елементи (елементи, без да вземат под внимание на потребителите в HTML4)
O Неправилно: br
O Правилно: br /
Имайте предвид, че всяка от тях са приемливи в XHTML: br / BR , br/ и br / . По-стари HTML само браузъри интерпретират като HTML ще приеме br и br / .
* Не затваряне без празни елементи
O Неправилно: p Това е параграф. p Това е друг параграф.
O Правилно: p Това е параграф. / P p Това е друг параграф. / P
* Неправилно гнездене елементи (Имайте предвид, че това също ще бъде недействителен в HTML)
O Неправилно: em strong Това е някакъв текст. / в / силен
O Правилно: em strong Това е някакъв текст. / силен / ги
* Не пускането кавички около атрибут стойности
O Неправилно: td rowspan=3
O Правилно: td rowspan="3"
O Правилно: td rowspan='3'
* С помощта на ampersand характер извън лица (Имайте предвид, че това също ще бъде недействителен в HTML)
O Неправилно: title Автомобили & Камиони / заглавие
O Правилно: title Автомобили & Камиони / заглавие
O Неправилно: a href="index.php?page=news&id=5" Новини / A
O Правилно: a href="index.php?page=news&id=5" Новини / A
* Ако не успее да разпознае, че XHTML елементи и атрибути са случаите чувствителни
O Неправилно: body p ID="ONE" на най-добрите Page Никога / P / ТЯЛО
O Правилно: body p id="ONE" на най-добрите Page Никога / P / тялото
* Ако авторът реши да включи скрипт или стила данни вградени в рамките на един документ, XHTML, различни подходи се препоръчват, както е показано в примерите по-долу, в зависимост дали авторът възнамерява да служи на страница като молбата / XHTML + XML и целеви само напълно conformant браузъри, или служи на страница като текст / HTML и се опитват да получат използваемост в Internet Explorer 6 и други не-conformant браузъри.
обратната съвместимост
XHTML 1.x документи са предимно назад съвместим с HTML 4 потребител агенти при подходящи насоки са изпълнени. XHTML 1.1 е съвместим същество, въпреки че елементите за рубинен анотация не са част от HTML 4 спецификация и по този начин обикновено игнорирани от HTML 4 браузъри. Късно XHTML 1.x модули, като например тези за ролята атрибут, RDFa и WAI-ария дегенерирам елегантно по подобен начин.
HTML 5 и XHTML 2 са значително по-малко съвместими, въпреки че това може да се намали до известна степен чрез използването на скриптове. (Това може да бъде просто една втулки, като използването на "document.createElement ()", за да регистрирате нов HTML елемент в рамките на Internet Explorer, или пълно JavaScript рамки, като например FormFaces изпълнението на XForms.)
събота, 23 май 2009 г.
Tabless уеб дизайн
Tableless уеб дизайн (или tableless уеб форма) е метод за уеб дизайн и разработки, без да използват HTML таблици за оформлението на страницата контролни цели. [1] Вместо HTML таблици, стил лист езици като CSS (Cascading стилове) са използвани за да се осигури елементи и текст в уеб страница. CSS е въведена от консорциума World Wide Web (W3C), за да се подобри достъпа до интернет и да направят HTML код семантични отколкото презентационни.
В началото на появата му, повечето уеб разработчици [кой?] Считат CSS по-мощен и лесен за използване начин за форматиране, и се счита за маркер остарели. От друга страна, рано CSS имали много ограничени и трудни за използване оформление способности и много общи страница оформления (като 3-колона дизайн), че са много лесни за изпълнение с таблици, не е имал очевидно еквиваленти в CSS.
Към 2006 [обновяване], CSS оформление способности подобрена значително. Въпреки това, много от сайтовете все още се използва CSS за форматиране на текст само при използване на таблици за оформление.
HTML първоначално е бил проектиран като семантичен език за маркиране, предназначени за обмен на документи, научни и изследователски статии онлайн. Въпреки това, тъй като Интернет разширени от академичните и научните изследвания в света включи в средата на 1990-те години, и става по-ориентирани към медиите, графични дизайнери търсят начини да се контролира визуално появата на уеб страници, представени пред крайните потребители. За тази цел, таблици и spacers (обикновено прозрачен единно пиксел GIF изображения с изрично е посочено ширина и височина) са били използвани за създаване и поддържане на оформлението на страницата.
Това създава множество проблеми. Много уеб страници са проектирани с таблици вложени в рамките на маси, в резултат на големите HTML документи, които използвате по-бърза, отколкото документи с опростена форматиране. Освен това, когато таблицата базирани оформление е linearized, например, когато се обработи от екрана четец или търсачката, в резултат на заповед на съдържание може да бъде малко разбъркан и объркваща.
В края на 1990-те години на първото разумно мощен WYSIWYG редактори пристигнали на пазара, което означаваше, уеб дизайнери не са необходими добър (или) разбиране на HTML за изграждане на уеб страници. Тези редактори индиректно насърчават широко използване на вложени таблици да се позиционира дизайн елементи. Като дизайнери редактирате своите документи в тези редактори, код е добавен към документа, което понякога е излишно. Освен това, неквалифицирани дизайнерите могат да използват таблици, повече отколкото се изисква, когато използвате WYSIWYG редактор. Тази практика може да доведе до много таблици вложени в таблици, както и маси с ненужни редове и колони.
Използването на графични редактори с нарязване инструменти, които изход HTML и изображения директно да подпомага бедните код с таблици често имат много редове от 1 пиксел височина и ширина. Понякога много повече реда код са използвани за да се направят съдържание, отколкото действително съдържание само себе си.
Тъй като dotcom бум receded през 2001 г. и в Мрежата за развитие промишлеността свит, coders индустрия с повече опит са по-високи търсенето. В голям брой случаи UI развитие бе извършена от coders с големи познания за добра практика за кодиране. Тя беше около това време, че много стана критично разхвърлян кодиране практики и идеята за tableless дизайн започва да расте.
Стилове (CSS), са били разработени за подобряване на разделението между дизайн и съдържание, и да се премести обратно към семантични организацията на съдържанието в мрежата. Терминът "tableless дизайн" предполага използването на CSS да се позиционира HTML елементи на страницата, но трябва да се отбележи, че таблици и CSS не са взаимно изключващи се. Много опитен HTML coders използват CSS да манипулират таблици често.
Предимства
Достъпност
Основна статия: Уеб достъпност
Благодарение на бързото развитие на интернет, инвалидност антидискриминационното законодателство, както и увеличаване на използването на мобилни телефони и персонални цифрови помощници, тя е необходима за уеб съдържание, за да се направи достъпни за потребителите, функциониращи в рамките на широка гама от устройства. Tableless Уеб дизайн Уеб значително подобрява достъпността в това отношение. Екран читателите и брайлова устройства са по-малко проблеми с tableless дизайни, защото те следват логическа структура.
В резултат на отделяне на проектиране (CSS) и структура (HTML), също така е възможно да се предвидят различни оформления за различни устройства, като например Джобни компютри, мобилни телефони и др Също така е възможно да се определи различен стил лист за печат, като например да скриете или да променяте външния вид на рекламите или навигационни елементи, които са неподходящи и неудобство в Printable версия на страницата.
В W3C на достъп до уеб съдържание насоки "Насоки не. 3-членки "да се използва за маркиране и стил листа и го правят както трябва." [1] Насоки на контролно-пропускателен пункт 3.3, приоритет-2 пункт казва, че "използването стил листове за контрол оформление и презентация." [2]
Скорост на спестяванията
Този раздел не се цитират всякакви позовавания или източници. Моля помогнете за подобряване на този член, като добавянето на цитирания за достоверни източници. Недоказуем материал, могат да бъдат оспорени и премахнати. (Май 2008)
Умно изпълнението на tableless дизайн може да произвежда по-малко на уеб страници с HTML тагове като по този начин намаляване на страница свалите пъти. Използване на външен стил листове да се позиционира на елементи на страницата означава по-голяма надценка, език може да бъде и по-нататъшно намаляване кеширана свалите пъти за следващите страници, като използва същите ресурси.
Лош изпълнението на tableless дизайн може да доведе до много повече редове от код, използван на страница елемент, който може да се увеличи времето за изтегляне. Таблици има определен набор от правила, които са ясни и кратки, докато tableless дизайн често включва работа около браузър противоречия.
Tableless дизайн не означава непременно, честотна лента спестявания. Ако изпълнява коректно, на честотната лента спестявания обикновено са незначителни в най-добрия. Тя все още е възможно да се построи лек уеб страница с таблици. Използването на WYSIWYG редактори или техника, използвани от уеб страницата на автора, ще имат много по-голямо влияние на страница свалите пъти.
Ремонтопригодност
Поддържане на интернет страницата могат да изискват чести промени, както малки и големи, на визуални стила на Интернет страница, в зависимост от целта на сайта. Под таблицата базирани оформление, оформлението е част от самия HTML. Като такава, без помощта на шаблон-базирани визуални редактори като HTML редактори, смяна на позиционен оформление на елементите на целия сайт може да изискват много усилия, в зависимост от размера на повтарящи се промени изисква. Дори и с персонал sed или подобни глобални намерите и замените комуналните услуги не може да облекчи проблема изцяло.
В tableless оформление чрез CSS, почти всички от оформлението информация пребивава на едно място: на CSS документ. Поради разположението информация е централизирана, тези промени могат да се направят бързо и в световен мащаб по подразбиране. В HTML файловете си, не, обикновено трябва да се коригира при оформлението промени. Ако те правя, то обикновено е да се добави клас марки на специфични за маркиране елементи или да се промени групирането на различните секции, по отношение на един друг.
Също така, защото разположението информация се съхранява външно към HTML, че е доста лесно да се добави ново съдържание в tableless дизайн, независимо дали е модифициране на съществуваща страница или добавяне на нова страница. От друга страна, без такъв дизайн, оформлението на всяка страница може да изисква повече време, консумиращи ръчна смяна на всяка инстанция или използване на глобалната намерите и замените комунални услуги. Все пак в сайта собствениците често искам специално страници, за да се различава от другите на сайта или за кратък период от време или дългосрочен план. Това често се налага отделно стил лист, който се разработва за тази страница.
Поради разминаване на браузъра и уеб дизайнер на изпълнението на tableless дизайн, тя не може да бъде ясно на пръв поглед точно как tableless Уеб страницата е конструирана. Въпреки че е удобно да има език за маркиране, пребиваващи в един CSS файл, той може да разделим оформление логика ненужно. Браузър несъответствия могат да увеличат риска от уеб страници, които не правят правилно, което увеличава нуждата от поддържане.
Използването на таблици
Защото на термина "tableless Уеб дизайн", някои го тълкуват този дизайн стратегията като безусловно отричане на всички таблици в уеб дизайна. Това е довело да се избегнат някои таблици, дори когато таблици са подходящи. Използване на разделения да пресъздадат таблица за показване на таблични данни е много по дизайн шквал използване маси, за да симулират разделяне. Някои източници изясни това разграничение чрез използване на по-конкретен план "tableless уеб оформление".
От друга страна, като се използват таблици в уеб дизайн, въпреки че най-често, не е задължително уравнявам да използвате таблицата елемент (и свързаните с нея елементи, като например div елемент), определени в HTML 4.0. CSS също посочва "Маса модел", който позволява на семантиката на "таблична представителство", за да бъдат прилагани и на "дисплей: масата" елемент. По този начин, решението и определението за таблиците се прехвърлят от HTML с CSS. Една от причините за тази разлика е понякога пренебрегвани се дължи на липсата на подкрепа за CSS таблицата модел в Internet Explorer. Internet Explorer 8 е първата версия на браузъра, за да подкрепят CSS таблицата модел.
В началото на появата му, повечето уеб разработчици [кой?] Считат CSS по-мощен и лесен за използване начин за форматиране, и се счита за маркер остарели. От друга страна, рано CSS имали много ограничени и трудни за използване оформление способности и много общи страница оформления (като 3-колона дизайн), че са много лесни за изпълнение с таблици, не е имал очевидно еквиваленти в CSS.
Към 2006 [обновяване], CSS оформление способности подобрена значително. Въпреки това, много от сайтовете все още се използва CSS за форматиране на текст само при използване на таблици за оформление.
HTML първоначално е бил проектиран като семантичен език за маркиране, предназначени за обмен на документи, научни и изследователски статии онлайн. Въпреки това, тъй като Интернет разширени от академичните и научните изследвания в света включи в средата на 1990-те години, и става по-ориентирани към медиите, графични дизайнери търсят начини да се контролира визуално появата на уеб страници, представени пред крайните потребители. За тази цел, таблици и spacers (обикновено прозрачен единно пиксел GIF изображения с изрично е посочено ширина и височина) са били използвани за създаване и поддържане на оформлението на страницата.
Това създава множество проблеми. Много уеб страници са проектирани с таблици вложени в рамките на маси, в резултат на големите HTML документи, които използвате по-бърза, отколкото документи с опростена форматиране. Освен това, когато таблицата базирани оформление е linearized, например, когато се обработи от екрана четец или търсачката, в резултат на заповед на съдържание може да бъде малко разбъркан и объркваща.
В края на 1990-те години на първото разумно мощен WYSIWYG редактори пристигнали на пазара, което означаваше, уеб дизайнери не са необходими добър (или) разбиране на HTML за изграждане на уеб страници. Тези редактори индиректно насърчават широко използване на вложени таблици да се позиционира дизайн елементи. Като дизайнери редактирате своите документи в тези редактори, код е добавен към документа, което понякога е излишно. Освен това, неквалифицирани дизайнерите могат да използват таблици, повече отколкото се изисква, когато използвате WYSIWYG редактор. Тази практика може да доведе до много таблици вложени в таблици, както и маси с ненужни редове и колони.
Използването на графични редактори с нарязване инструменти, които изход HTML и изображения директно да подпомага бедните код с таблици често имат много редове от 1 пиксел височина и ширина. Понякога много повече реда код са използвани за да се направят съдържание, отколкото действително съдържание само себе си.
Тъй като dotcom бум receded през 2001 г. и в Мрежата за развитие промишлеността свит, coders индустрия с повече опит са по-високи търсенето. В голям брой случаи UI развитие бе извършена от coders с големи познания за добра практика за кодиране. Тя беше около това време, че много стана критично разхвърлян кодиране практики и идеята за tableless дизайн започва да расте.
Стилове (CSS), са били разработени за подобряване на разделението между дизайн и съдържание, и да се премести обратно към семантични организацията на съдържанието в мрежата. Терминът "tableless дизайн" предполага използването на CSS да се позиционира HTML елементи на страницата, но трябва да се отбележи, че таблици и CSS не са взаимно изключващи се. Много опитен HTML coders използват CSS да манипулират таблици често.
Предимства
Достъпност
Основна статия: Уеб достъпност
Благодарение на бързото развитие на интернет, инвалидност антидискриминационното законодателство, както и увеличаване на използването на мобилни телефони и персонални цифрови помощници, тя е необходима за уеб съдържание, за да се направи достъпни за потребителите, функциониращи в рамките на широка гама от устройства. Tableless Уеб дизайн Уеб значително подобрява достъпността в това отношение. Екран читателите и брайлова устройства са по-малко проблеми с tableless дизайни, защото те следват логическа структура.
В резултат на отделяне на проектиране (CSS) и структура (HTML), също така е възможно да се предвидят различни оформления за различни устройства, като например Джобни компютри, мобилни телефони и др Също така е възможно да се определи различен стил лист за печат, като например да скриете или да променяте външния вид на рекламите или навигационни елементи, които са неподходящи и неудобство в Printable версия на страницата.
В W3C на достъп до уеб съдържание насоки "Насоки не. 3-членки "да се използва за маркиране и стил листа и го правят както трябва." [1] Насоки на контролно-пропускателен пункт 3.3, приоритет-2 пункт казва, че "използването стил листове за контрол оформление и презентация." [2]
Скорост на спестяванията
Този раздел не се цитират всякакви позовавания или източници. Моля помогнете за подобряване на този член, като добавянето на цитирания за достоверни източници. Недоказуем материал, могат да бъдат оспорени и премахнати. (Май 2008)
Умно изпълнението на tableless дизайн може да произвежда по-малко на уеб страници с HTML тагове като по този начин намаляване на страница свалите пъти. Използване на външен стил листове да се позиционира на елементи на страницата означава по-голяма надценка, език може да бъде и по-нататъшно намаляване кеширана свалите пъти за следващите страници, като използва същите ресурси.
Лош изпълнението на tableless дизайн може да доведе до много повече редове от код, използван на страница елемент, който може да се увеличи времето за изтегляне. Таблици има определен набор от правила, които са ясни и кратки, докато tableless дизайн често включва работа около браузър противоречия.
Tableless дизайн не означава непременно, честотна лента спестявания. Ако изпълнява коректно, на честотната лента спестявания обикновено са незначителни в най-добрия. Тя все още е възможно да се построи лек уеб страница с таблици. Използването на WYSIWYG редактори или техника, използвани от уеб страницата на автора, ще имат много по-голямо влияние на страница свалите пъти.
Ремонтопригодност
Поддържане на интернет страницата могат да изискват чести промени, както малки и големи, на визуални стила на Интернет страница, в зависимост от целта на сайта. Под таблицата базирани оформление, оформлението е част от самия HTML. Като такава, без помощта на шаблон-базирани визуални редактори като HTML редактори, смяна на позиционен оформление на елементите на целия сайт може да изискват много усилия, в зависимост от размера на повтарящи се промени изисква. Дори и с персонал sed или подобни глобални намерите и замените комуналните услуги не може да облекчи проблема изцяло.
В tableless оформление чрез CSS, почти всички от оформлението информация пребивава на едно място: на CSS документ. Поради разположението информация е централизирана, тези промени могат да се направят бързо и в световен мащаб по подразбиране. В HTML файловете си, не, обикновено трябва да се коригира при оформлението промени. Ако те правя, то обикновено е да се добави клас марки на специфични за маркиране елементи или да се промени групирането на различните секции, по отношение на един друг.
Също така, защото разположението информация се съхранява външно към HTML, че е доста лесно да се добави ново съдържание в tableless дизайн, независимо дали е модифициране на съществуваща страница или добавяне на нова страница. От друга страна, без такъв дизайн, оформлението на всяка страница може да изисква повече време, консумиращи ръчна смяна на всяка инстанция или използване на глобалната намерите и замените комунални услуги. Все пак в сайта собствениците често искам специално страници, за да се различава от другите на сайта или за кратък период от време или дългосрочен план. Това често се налага отделно стил лист, който се разработва за тази страница.
Поради разминаване на браузъра и уеб дизайнер на изпълнението на tableless дизайн, тя не може да бъде ясно на пръв поглед точно как tableless Уеб страницата е конструирана. Въпреки че е удобно да има език за маркиране, пребиваващи в един CSS файл, той може да разделим оформление логика ненужно. Браузър несъответствия могат да увеличат риска от уеб страници, които не правят правилно, което увеличава нуждата от поддържане.
Използването на таблици
Защото на термина "tableless Уеб дизайн", някои го тълкуват този дизайн стратегията като безусловно отричане на всички таблици в уеб дизайна. Това е довело да се избегнат някои таблици, дори когато таблици са подходящи. Използване на разделения да пресъздадат таблица за показване на таблични данни е много по дизайн шквал използване маси, за да симулират разделяне. Някои източници изясни това разграничение чрез използване на по-конкретен план "tableless уеб оформление".
От друга страна, като се използват таблици в уеб дизайн, въпреки че най-често, не е задължително уравнявам да използвате таблицата елемент (и свързаните с нея елементи, като например div елемент), определени в HTML 4.0. CSS също посочва "Маса модел", който позволява на семантиката на "таблична представителство", за да бъдат прилагани и на "дисплей: масата" елемент. По този начин, решението и определението за таблиците се прехвърлят от HTML с CSS. Една от причините за тази разлика е понякога пренебрегвани се дължи на липсата на подкрепа за CSS таблицата модел в Internet Explorer. Internet Explorer 8 е първата версия на браузъра, за да подкрепят CSS таблицата модел.
петък, 22 май 2009 г.
Уеб дизайн практика - CSS срещу таблици за оформление
Когато Netscape Navigator 4 доминиран от браузъра пазар, популярното решение за дизайнери да бъдат изложени на уеб страницата е с помощта на таблици. Често дори и прост дизайн за страницата ще изисква десетки таблици вложени във всеки друг. Много уеб шаблони в Dreamweaver и други WYSIWYG редактори все още се използва тази техника днес. Navigator 4 не поддържат CSS да е полезен степен, така че просто не е бил използван.
След браузър войни subsided и господстващо браузъри, като Internet Explorer става по-W3C съвместим, дизайнери стартира завой към CSS като заместник средства за своите страници. CSS proponents се каже, че таблици трябва да се използва само за таблични данни, а не за оформление. Използване на CSS, вместо да се връща HTML таблици към семантични маркиране, което помага на ботове и търсачки разберем какво се случва в дадена уеб страница. Всички модерни уеб браузъри поддържат CSS с различни степени на ограничения.
Въпреки това, една от основните точки срещу CSS е, че като се разчита на него единствено, контролът е по същество relinquished, тъй като всеки браузър има свои собствени quirks което доведе до по-малко по-различна страница дисплея. Това е проблем, особено като не всеки браузър поддържа същите подмножество на CSS правила. Това са средства, за да прилагат различни стилове в зависимост от това коя версия на браузъра и се използват, но които включват тези изключения прави поддържането стила листове по-трудно, тъй като има стилове са в повече от едно място, да се актуализират.
За дизайнери, които са използвани за да се таблицата базирани оформления, развиващите се Интернет сайтове в CSS често става въпрос се опитва да възпроизведе какво може да се направи с маси, водещи някой да намери CSS дизайн доста тромави, поради липсата на познания. Така например, по едно време беше доста трудно да се произвеждат определени проектни елементи, като вертикалното позициониране, както и в цял ръст footers в проектирането чрез абсолютни позиции. С изобилието на CSS ресурси, достъпни онлайн днес, все пак, проектиране с разумни придържане към стандартите включва малко повече от прилагането CSS 2,1 или CSS 3 до правилно структурирани маркиране.
Тези дни най-съвременни браузъри са решавали по-голямата част от тези quirks в оказване на CSS и това е много различен CSS оформления възможно. Въпреки това, някои хора продължават да се използват стари браузъри, както и дизайнери трябва да пазят това в ума, и се даде възможност за graceful унизително страници в по-стари браузъри. Най-забележителен сред тези стари браузъри е Internet Explorer 6, който, според някои уеб дизайнери, се превръща в новия Netscape Navigator 4 - блок, който държи на World Wide Web от превръщането на CSS дизайн. Въпреки това, W3 Консорциум е направил CSS в комбинация с XHTML стандарта за уеб дизайн.
След браузър войни subsided и господстващо браузъри, като Internet Explorer става по-W3C съвместим, дизайнери стартира завой към CSS като заместник средства за своите страници. CSS proponents се каже, че таблици трябва да се използва само за таблични данни, а не за оформление. Използване на CSS, вместо да се връща HTML таблици към семантични маркиране, което помага на ботове и търсачки разберем какво се случва в дадена уеб страница. Всички модерни уеб браузъри поддържат CSS с различни степени на ограничения.
Въпреки това, една от основните точки срещу CSS е, че като се разчита на него единствено, контролът е по същество relinquished, тъй като всеки браузър има свои собствени quirks което доведе до по-малко по-различна страница дисплея. Това е проблем, особено като не всеки браузър поддържа същите подмножество на CSS правила. Това са средства, за да прилагат различни стилове в зависимост от това коя версия на браузъра и се използват, но които включват тези изключения прави поддържането стила листове по-трудно, тъй като има стилове са в повече от едно място, да се актуализират.
За дизайнери, които са използвани за да се таблицата базирани оформления, развиващите се Интернет сайтове в CSS често става въпрос се опитва да възпроизведе какво може да се направи с маси, водещи някой да намери CSS дизайн доста тромави, поради липсата на познания. Така например, по едно време беше доста трудно да се произвеждат определени проектни елементи, като вертикалното позициониране, както и в цял ръст footers в проектирането чрез абсолютни позиции. С изобилието на CSS ресурси, достъпни онлайн днес, все пак, проектиране с разумни придържане към стандартите включва малко повече от прилагането CSS 2,1 или CSS 3 до правилно структурирани маркиране.
Тези дни най-съвременни браузъри са решавали по-голямата част от тези quirks в оказване на CSS и това е много различен CSS оформления възможно. Въпреки това, някои хора продължават да се използват стари браузъри, както и дизайнери трябва да пазят това в ума, и се даде възможност за graceful унизително страници в по-стари браузъри. Най-забележителен сред тези стари браузъри е Internet Explorer 6, който, според някои уеб дизайнери, се превръща в новия Netscape Navigator 4 - блок, който държи на World Wide Web от превръщането на CSS дизайн. Въпреки това, W3 Консорциум е направил CSS в комбинация с XHTML стандарта за уеб дизайн.
понеделник, 18 май 2009 г.
Дизайн на flash сайт
Adobe Flash (бившата Macromedia Flash) е собственически и стабилна графика анимация или прилагането на Програмата за развитие, използвани за създаване и представя динамично съдържание, медии (като звук и видео), както и интерактивни приложения през Интернет чрез браузъра.
Много графични художници използват Flash, защото той им дава точния контрол върху всяка част от дизайна, и всичко може да се анимирани и като цяло "jazzed нагоре". Някои прилагането дизайнери ползват Flash, защото той позволява ги създават приложения, които не трябва да бъдат освежени или отидете към нова уеб страница всеки път, когато съответното действие. Flash могат да използват вградени шрифтове, вместо стандартните шрифтове, инсталирани на повечето компютри. Има много сайтове, които се откажат от HTML изцяло на Флаш. Други сайтове могат да използват Flash съдържание комбинира с HTML, както консервативно като Gifs или jpegs ще бъдат използвани, но с по-малки размери на файла вектор и опцията за бързо зареждане анимации. Flash също могат да бъдат използвани за защита на съдържание от неоторизиран дублиране или търсене. Освен това, малките, динамични Flash обекти може да се използва да замени стандартния HTML елементи (например заглавките или менюто връзки) със съвременно книгопечатане не е възможно чрез редовни или HTML CSS (вж. Скалируемо Inman Flash заместване).
Флаш не е стандарт, произведена от продавач-неутрални стандарти организацията като повечето от основните протоколи и формати в Интернет. Flash е много по-самостоятелно, съдържащи от отворен HTML формат, като тя не се интегрира с уеб браузър на уебсайтове функции. За пример: браузърите "Назад", за да не се използват за да преминете към предишния екран в същата Flash файлове, но вместо предишния HTML страница с различен Flash файл. Браузърите "Презареждане", за да не рестартирате само част от флаш файл, но вместо това ще рестартира цялата Flash файла като заредени, когато HTML страница е въведена, подобно на всяко онлайн видео. Тези функции ще вместо да бъде включена в интерфейса на Flash файл, ако е необходимо.
Flash налага имуществена медийни свири плъгин да се види. Според едно проучване [2] 98% на САЩ Уеб потребителите имат инсталиран Flash Player. [3] Процентът е останал сравнително постоянен през годините, защото например, едно проучване проведено от NPD изследвания през 2002 г. показа, че 97,8% на САЩ Уеб потребителите имаха инсталиран Flash Player. Номера са различни в зависимост от режима за откриване и изследване демография. [4]
Flash detractors твърдят, че Flash сайтове са склонни да се недобре проектирани, и често се използват объркваща и нестандартни потребителски интерфейс, като например невъзможността да скала в зависимост от големината на уеб браузър, или несъвместимост на браузъра с общи характеристики, като на гърба бутон. До неотдавна, търсачките са били в състояние да индексира Flash обекти, което е възпрепятствано от сайтове, като съдържанието им лесно намерен. Това е така, защото много търсачката краулерите разчита на текст, който да индексира уеб сайтове. Възможно е да се уточни заместник съдържание да се показва за браузъри, които не поддържат Flash. Използване на алтернативни съдържание ще помогне търсачките да разберат страница, и може да доведе до много по-добра видимост на страницата. Въпреки това огромното мнозинство от Flash сайтове не са достъпни за инвалидност (за екранните четци, например) или секция 508 съвместими. Допълнителен проблем е, че сайтовете, които често се използват алтернативни съдържание за търсачките си посетителите на човека обикновено се съди за спам търсачките и автоматично се забранява.
Най-новите въплащение на Flash на скриптове език (наречени "ActionScript", която е подобна на ECMA език JavaScript) включва дългосрочен очаква използваемост характеристики, като например зачитане на браузъра на размера на буквите и слепи, позволяващи на потребителите да използват екрана читателите. ActionScript 2,0 е обектно-ориентирани езици, което позволява използването на CSS, XML, и дизайна на клас-базирани уеб приложения.
Много графични художници използват Flash, защото той им дава точния контрол върху всяка част от дизайна, и всичко може да се анимирани и като цяло "jazzed нагоре". Някои прилагането дизайнери ползват Flash, защото той позволява ги създават приложения, които не трябва да бъдат освежени или отидете към нова уеб страница всеки път, когато съответното действие. Flash могат да използват вградени шрифтове, вместо стандартните шрифтове, инсталирани на повечето компютри. Има много сайтове, които се откажат от HTML изцяло на Флаш. Други сайтове могат да използват Flash съдържание комбинира с HTML, както консервативно като Gifs или jpegs ще бъдат използвани, но с по-малки размери на файла вектор и опцията за бързо зареждане анимации. Flash също могат да бъдат използвани за защита на съдържание от неоторизиран дублиране или търсене. Освен това, малките, динамични Flash обекти може да се използва да замени стандартния HTML елементи (например заглавките или менюто връзки) със съвременно книгопечатане не е възможно чрез редовни или HTML CSS (вж. Скалируемо Inman Flash заместване).
Флаш не е стандарт, произведена от продавач-неутрални стандарти организацията като повечето от основните протоколи и формати в Интернет. Flash е много по-самостоятелно, съдържащи от отворен HTML формат, като тя не се интегрира с уеб браузър на уебсайтове функции. За пример: браузърите "Назад", за да не се използват за да преминете към предишния екран в същата Flash файлове, но вместо предишния HTML страница с различен Flash файл. Браузърите "Презареждане", за да не рестартирате само част от флаш файл, но вместо това ще рестартира цялата Flash файла като заредени, когато HTML страница е въведена, подобно на всяко онлайн видео. Тези функции ще вместо да бъде включена в интерфейса на Flash файл, ако е необходимо.
Flash налага имуществена медийни свири плъгин да се види. Според едно проучване [2] 98% на САЩ Уеб потребителите имат инсталиран Flash Player. [3] Процентът е останал сравнително постоянен през годините, защото например, едно проучване проведено от NPD изследвания през 2002 г. показа, че 97,8% на САЩ Уеб потребителите имаха инсталиран Flash Player. Номера са различни в зависимост от режима за откриване и изследване демография. [4]
Flash detractors твърдят, че Flash сайтове са склонни да се недобре проектирани, и често се използват объркваща и нестандартни потребителски интерфейс, като например невъзможността да скала в зависимост от големината на уеб браузър, или несъвместимост на браузъра с общи характеристики, като на гърба бутон. До неотдавна, търсачките са били в състояние да индексира Flash обекти, което е възпрепятствано от сайтове, като съдържанието им лесно намерен. Това е така, защото много търсачката краулерите разчита на текст, който да индексира уеб сайтове. Възможно е да се уточни заместник съдържание да се показва за браузъри, които не поддържат Flash. Използване на алтернативни съдържание ще помогне търсачките да разберат страница, и може да доведе до много по-добра видимост на страницата. Въпреки това огромното мнозинство от Flash сайтове не са достъпни за инвалидност (за екранните четци, например) или секция 508 съвместими. Допълнителен проблем е, че сайтовете, които често се използват алтернативни съдържание за търсачките си посетителите на човека обикновено се съди за спам търсачките и автоматично се забранява.
Най-новите въплащение на Flash на скриптове език (наречени "ActionScript", която е подобна на ECMA език JavaScript) включва дългосрочен очаква използваемост характеристики, като например зачитане на браузъра на размера на буквите и слепи, позволяващи на потребителите да използват екрана читателите. ActionScript 2,0 е обектно-ориентирани езици, което позволява използването на CSS, XML, и дизайна на клас-базирани уеб приложения.