Ако сакате да развиете и да креирате веб-страница, тогаш сè ќе оди многу полесно ако поминете некое време на планирањето. Фазата на планирање им овозможува на инвеститорот и клиентот да работат заедно додека не го најдат форматот и изгледот што одговара на нивните потреби. Процесот на планирање влијае на изборот на стил на сајтот и, евентуално, е најважниот аспект на веб-дизајнот, особено за бизнисот.

Чекори

Дел 1 од 4:

Создавајќи основна структура

Еден. Одредување на функционалноста на страницата. Ако креирате веб-сајт за себе, веројатно веќе го знаете одговорот на оваа ставка. Ако креирате веб-страница за друго лице, компанија или организација, неопходно е да дознаете што очекуваат од локацијата и неговата функционалност. Сите што ќе одлучите тука ќе имаат влијание на последниот сајт.

Потребна е електронска продавница? Ви требаат коментари на корисниците? Доколку корисниците ја користат сметката? Ви треба веб-страница ориентирана локација? Ориентирана кон сликата? Сите овие и многу други прашања ќе помогнат да се пополни дизајнот и структурата на страницата.
Тоа може да биде долг процес, особено за големите компании со голем број луѓе кои се вклучени во проектот.

Сликата под наслов Планиран веб-страница чекор 2

2. Креирај веб-страница на сајтот шема. Мапа Шема - Како блок дијаграм, тоа покажува како корисниците се движат од една до друга страница. Вие дури не ви требаат страници во овој момент, само вкупниот проток на идеи. Можете да користите компјутерска програма за да креирате дијаграм или да го наведете сами на лист хартија. Користете ја шемата за сајтот на сајтот за да покажете како замислувате хиерархија на веб-страници и комуникација (конекции).

Сликата насловен план А веб-страница Чекор 3

3. Обидете се сорти за сортирање. Популарниот метод за групата е употребата на картички за да го дознае совршениот пристап на секој. Земете го стекот на картички за белешки и е-пошта на главната содржина на една страница на секоја од нив. Нека вашиот тим организира картички, така што тие се сметаат за најкорисни. Најдобро е за ситуации кога ќе соработувате со другите за да креирате веб-страница.

Сликата насловен план А веб-страница Чекор 4

Четири. Користете хартија и огласна табла или табла. Ова е оригиналниот ниско-буџетски метод на планирање, тоа ви овозможува брзо да ги избришете или преместите содржината и да го пренасочите. Подготви дизајн на хартија и поврзете ги во секвенца или нацртате коло на таблата. Одлично за Brainstorming.

Сликата насловен план А веб-страница Чекор 5

Пет. Направи инвентарна содржина. Многу е полесно да се повтори од новите сајтови. Внесете го секој дел од содржината или постоечките страници во табелата. Запишете го назначувањето на секоја од нив, потоа користете ја оваа листа за да утврдите што се случува и што останува. Ова ќе помогне да се намали најдобриот дел и да го поедностави процесот на редизајн.

Дел 2 од 4:

Креирање на HTML-рамка

Еден. Креирај рамка (страница структурни шеми) за да помогне во обезбедувањето на хиерархијата. HTML-рамката е бонут иднина сајт кој користи само најосновните ознаки и блокови за презентирање на содржината. Тој одговара на прашањето: "Што е на екранот и каде?". Форматирањето и стилот се целосно игнорирани во рамката.

Рамката ви овозможува да ја видите структурата на содржината и протокот до изборот на стилот.
HTML рамки не се статични како PDF датотеки или слики, тие ви дозволуваат брзо да ги преместите блоковите со содржина за да креирате нова структура.
Рамката е интерактивна, што е корисна и за инвеститорот и за клиентот. Бидејќи рамката е напишана во едноставен HTML, тогаш сеуште можете да се движите на неа и да почувствувате како работи помеѓу страниците. Ова е она што не може да се изрази преку концептот на PDF.

Сликата насловен план е веб-страница чекор 7

2. Пробајте го методот на сива кутија (сиво поле). Ставете ја содржината на вашата страница во сива полиња со најважната содржина на самиот врв. Блокови се наоѓаат во една колона, со најважниот дел од содржината на страната на врвот. На пример, ако страницата е страница за компанијата (околу), деталите за компанијата би можеле да одат во горниот блок проследено со листата на персонал, а потоа контактирајте со информации и така натаму.

Тоа не го вклучува горниот и подножјето. Греј полиња е само визуелна застапеност на содржината што ќе се најде на страницата.

Слика под наслов Планиран веб-страница чекор 8

3. Обидете се со користење на програмата за Wireframing. Постојат неколку програми кои можат да ви помогнат во процесот на создавање на интерактивен дизајн прототип (Wirefframing). Износот на познавање на изворниот код варира од програмата до програмата. Еве некои од најпопуларните програми:

Шема лабораторија.Оваа страница е специјализирана за "атомски дизајн", каде секој дел од содржината е претставена како "молекула", што е голема страница.

Jumpcharts. Ова е место за планирање на услуги за планирање на услуги за интерактивен дизајн прототип.Потребна е платена претплата, но ви овозможува брзо да ги изградите страниците блок дијаграми, без да се грижите премногу за работа со кодот.

Wirefy. Wirefy друг систем на "атомска проект". Сите алатки се достапни бесплатно за програмери.

Сликата насловен план А веб-страница Чекор 9

Четири. Користете едноставна HTML маржа. Добрата рамка може лесно да се претвори во вистинската страница подоцна. Не грижете се воопшто за стил во процесот на создавање интерактивен прототип дизајн. Наместо тоа, користете го ознаката што може лесно да се разбере и да се промени со малку напор.

"Помалку" значи "повеќе" со рамка. Целта е едноставно да се изгради структура. Изгледот може да се прилагоди подоцна со CSS и продолжен обележје.

Сликата под наслов Планиран веб-страница чекор 10

Пет. Направете рамка за секоја страница на вашиот сајт. Тоа може да биде примамливо да се направи едноставна рамка и да се каже: "Кул, можам да го применам на секоја страница, тоа одговара на тоа". Всушност, ова ќе доведе до создавање на обична и здодевна локација. Поминете време за да креирате интерактивен прототип на дизајнот на секоја страница, и наскоро ќе најдете дека секоја страница има свои организациски "потреби".

Дел 3 од 4:

Креирање на содржини

Еден. Подгответе некоја содржина пред да започнете со создавање на веб-страница. Ќе биде многу полесно да се види како изгледа стил на сајтот, ако имате вистинска содржина наместо празни полиња. Не ви требаат премногу информации, но сè ќе изгледа многу подобро во распоредот ако имате некој материјал за статии и оригинални слики.

Не ви е потребен голем дел од статијата, но мора барем да имате вистински наслови.

Сликата под наслов Планиран веб-страница чекор 12

2. Запомнете дека добрата содржина е повеќе од текст. Интернет - тоа е многу повеќе од едноставни текстуални веб-страници. За да издвоите во вашата лажат, ќе ви требаат многу различни видови на содржини за привлекување и задржување на посетителите. Некои можни содржини за меморирање:

Слики.

Аудио

Видео

Теми или поток (Твитер)

Фејсбук интеграција

RSS (од англиски. Навистина едноставна синдикална формација - стандардизиран систем за содржина)

Канал содржина Вести

Сликата насловен план е веб-страница чекор 13

3. Изберете професионален фотограф. Ако додадете фотографии на вашиот сајт, тогаш со професионална фотографија првите впечатоци за тоа ќе биде многу подобро. Една добра слика е повеќе од 20 лоши.

Работата на почетниците фотографи ќе биде многу поевтино од делата на искусни професионалци.

Сликата насловен план А веб-страница Чекор 14

Четири. Напиши членовите за квалитет. Писмена содржина на вашата страница ќе се одреди огромна количина на веб сообраќај. Иако не треба да се грижите премногу за создавање на содржини во оваа фаза од процесот на дизајнирање, нема да повредите и размислете за тоа, бидејќи содржината ќе треба редовно да креира кога "вдишувајќи го животот" на страницата.

По написи ќе бидат напишани многу работи што најверојатно ќе ги користите во процесот на креирање на веб-страница. Ова може да вклучува информации за контакт, имиња на компании или нешто друго што ќе се користи на неколку места на страницата.

Дел 4 од 4:

Претворање на идеи на страницата

Еден. Развивање на заеднички елементи. Ова се оние работи кои се видливи на секоја PheTETE, како што се: горниот и новиот, мени за навигација. Направете многу едноставен стил, па можете да видите како сите ваши страници ќе изгледаат со нив на самото место. Тоа ќе биде многу корисно кога се пресели во процесот на создавање на изгледот.

Не грижете се премногу за деталите, но обидете се да ги направите речиси исто како и сè што е крајно треба да изгледа.

Сликата под наслов Планиран веб-страница чекор 16

2. Креирај основен план (сместување). Започнете со поместување на рамката за водич од една колона во нивните општо прифатени места на страницата. На пример, можете да го поместите блокот за навигација на левата страна на страницата, и листата на заглавија - десно.

Продолжете со експериментирање со поставеноста за повеќе страници пред да се движите. Дозволете им на другите да ги проверат за да видат како се наограничени.

Сликата под наслов Планиран веб-страница чекор 17

3. Направете изгледот. Користете ја програмата (како Photoshop) за да креирате изгледот на неколку страници на страницата. Користете го изгледот што сте го одбрале како водич. Можете да работите многу побрзо во програмата за да ги уредувате сликите и да добиете сè во оваа форма како што ви треба. Ова ќе ви овозможи да ги користите овие слики како референци кога ќе дојде вистинскиот код.

Додадете ја оваа содржина на изгледот за да бидете сигурни дека сè изгледа добро заедно.

Сликата насловен план е веб-страница чекор 18

Четири. Заменете ги содржините на блокови. Започнете со додавање на системот и елементите на страницата. Не грижете се за стилот, само ставете сè на вистинското место. Ова ќе ви помогне да научите дали промените во вашиот стил ќе работат.

Сликата насловен план на веб-страницата чекор 19

Пет. Креирај стил водич. Многу е важно да се одржи стил на врзивно средство, особено за големите локации. Ако страницата е за бизнис кој веќе има визуелно брендирање, тој мора да биде вклучен во дизајнот на сајтот. Работите што треба да се земат предвид во упатството ќе објавуваат:

Навигација

Заглавија (

,

, Итн.)

Ставови

Италија (курзи)

Задебелување (задебелени букви)

Референци (активни, неактивни, лебдат)

Користење на сликата

Икони

Копчиња

Листи

Сликата насловен план А веб-страница чекор 20

6. Нанесете го вашиот стил. Веднаш штом стилот и дизајнот за страницата, има време за спроведување. CSS е еден од најлесните начини за продажба на стил за целата страница или на целата страница. Прочитајте го ова упатство за повеќе детали за користење на CSS.