Nëse dëshironi të krijoni dhe krijoni faqe në internet, ky proces do të jetë shumë më i lehtë nëse planifikoni përpara. Në fazën e planifikimit, projektuesi dhe klienti mund të punojnë së bashku për të gjetur një format dhe paraqitje që i përshtatet nevojave të tyre. Procesi i planifikimit ndikon në stilin ose stilin e faqes, mund të thoni se ky është aspekti më i rëndësishëm në hartimin e uebit, veçanërisht nëse është për qëllime biznesi.
Hapi
Pjesa 1 nga 4: Krijimi i Strukturës Themelore
Hapi 1. Përcaktoni funksionin e faqes në internet
Nëse jeni duke krijuar një faqe personale, me siguri tashmë e dini përgjigjen. Sidoqoftë, nëse po krijoni një sit për një organizatë, kompani ose person tjetër, duhet të zbuloni se çfarë duan dhe funksionalitetin e faqes. Çdo gjë që specifikoni këtu do të hyjë në fuqi kur të ketë mbaruar faqja e internetit.
- A kërkon uebfaqja Storefront? A duhet të bëhen komentet e përdoruesve? A do të ketë nevojë përdoruesi të krijojë një llogari më vonë? A është artikulli i faqes në internet i orientuar? Apo i orientuar drejt imazhit? Të gjitha këto dhe pyetje të tjera do t'ju ndihmojnë në hartimin dhe dizajnimin e faqes.
- Ky proces planifikimi mund të tërhiqet në një vizatim, veçanërisht nëse është për një kompani të madhe dhe shumë njerëz janë të përfshirë në krijimin e këtij projekti.
Hapi 2. Krijoni një diagram të hartës së faqes (harta e faqes)
Një diagram i faqes është i ngjashëm me një tabelë rrjedhëse, duke treguar sesi përdoruesit lëvizin nga një faqe në tjetrën. Ju nuk keni nevojë për një faqe në internet në këtë fazë, vetëm një rrjedhë të përgjithshme të koncepteve. Ju mund të përdorni një program kompjuterik për të krijuar diagrame ose për të skicuar tuajin në letër. Përdoreni këtë diagram për të demonstruar konceptet e rregullimit hierarkik dhe lidhjes së faqeve në internet.
Hapi 3. Provoni metodën e hartimit të kartës
Një metodë popullore e zhvillimit të uebit në grup është përdorimi i një numri kartash për të zbuluar pritjet e të gjithëve. Merrni një numër kartash shënimesh dhe shkruani përmbajtjen bazë të një faqe në internet në secilën veç e veç. Organizoni këto karta së bashku me ekipin tuaj për të gjetur konceptin më të mirë. Kjo metodë është e përshtatshme për t'u përdorur kur jeni duke bashkëpunuar me të tjerët në krijimin e faqeve në internet.
Hapi 4. Përdorni letër dhe një tabelë njoftimesh, ose një dërrasë të bardhë
Kjo është një metodë origjinale e planifikimit me një buxhet të vogël, ju mund të fshini ose zhvendosni shpejt përmbajtjen dhe të ndryshoni rrjedhën. Vizatoni modelin tuaj të uebit në letër, pastaj lidhni letrat me fije ose vizatoni linja në tabelë. Kjo metodë është shumë e përshtatshme për t'u përdorur në seancat e stuhisë së ideve.
Hapi 5. Krijoni një inventar të përmbajtjes
Në fakt ka tendencë të jetë më e përshtatshme për t'u përdorur në ridizajnimin e rrjetave sesa në modelet e reja të uebit. Futni çdo pjesë të përfunduar të përmbajtjes ose ueb faqes në një spreadsheet. Shënoni qëllimin e secilës pjesë të përmbajtjes ose faqes, duke përdorur këtë listë për të përcaktuar se çfarë të hiqni dhe çfarë të mbani. Ju mund të thjeshtoni strukturën e uebit dhe të thjeshtoni procesin e ridizajnimit më vonë.
Pjesa 2 nga 4: Krijimi i një skicë bazë të HTML
Hapi 1. Krijoni një kornizë teli për të vendosur hierarkinë e faqes në internet
Modeli bazë HTML është projekti i faqes që do të ndërtoni, duke përdorur vetëm etiketat më themelore dhe mostrën (blloqe/shabllone). Ky kuadër i përgjigjet pyetjes: "Çfarë është e dukshme në internet dhe ku?" Formatimi dhe stilimi nuk kërkohet në krijimin e këtij skicë.
- Ju mund të shihni strukturën dhe tabelën e rrjedhës së përmbajtjes me një skicë bazë para se të zgjidhni një cilësim stili.
- Modelet themelore të HTML nuk janë statike si PDF ose imazhet, ju mund të rrëshqitni shpejt përmes përmbajtjes së mostrës për të krijuar struktura të reja.
- Korniza bazë është ndërvepruese e cila përfiton si zhvilluesit e uebit ashtu edhe klientët. Meqenëse ky kuadër bazë është shkruar me kod të thjeshtë HTML, ju prapë mund ta lundroni atë dhe të dini se si funksionon ndërrimi i faqeve në internet. Kjo nuk mund të bëhet me PDF.
Hapi 2. Provoni metodën Gray Box
Bllokoni ose nënvizoni përmbajtjen e faqes tuaj në Grey Box, përmbajtja më e rëndësishme është në krye. Renditni përmbajtjen në një kolonë. Për shembull, nëse faqja është "Rreth Kompanisë", atëherë informacioni i detajuar në lidhje me kompaninë është në krye, i ndjekur nga një listë e stafit, pastaj informacioni i kontaktit, etj.
Kjo nuk përfshin titujt dhe fundet. Grey Box është një përfaqësim vizual i përmbajtjes që do të shfaqet në internet
Hapi 3. Provoni një program themelor të krijimit të skicave
Ka programe të ndryshme që mund t'i përdorni në procesin e krijimit të një kuadri bazë të uebit. Sasia e kodit të programimit në internet (gjuha) që duhet të zotëroni është e ndryshme për secilin program. Disa nga programet që janë mjaft të njohura përfshijnë:
- Laboratori i modeleve. Kjo faqe i kushtohet "dizajnit atomik", çdo përmbajtje konsiderohet një "molekulë" që kompozon një faqe më të madhe në internet.
- Kërcime grafike. Kjo faqe interneti ofron shërbime të planifikimit dhe inkuadrimit të bazuara në ueb. Këto faqe paguhen dhe kërkojnë një abonim, por ju mund të krijoni korniza uebi shpejt pa pasur nevojë të zotëroni shumë kode programimi në internet.
- Wirefy. Wirefy është një sit tjetër që ofron "dizajn atomik". Zhvilluesit e uebit mund ta marrin mjetin falas.
Hapi 4. Përdorni shënimin e thjeshtë HTML
Një model i mirë bazë do të shndërrohet lehtësisht në faqen origjinale. Mos mendoni shumë për stilimin e uebit gjatë procesit të krijimit të këtij shablloni. Përdorni shënimin që mund të kuptohet dhe ndryshohet lehtë.
Një kuadër i thjeshtë bazë është shumë më i mirë. Qëllimi i krijimit të një shënimi është ndërtimi i një strukture. Pamja vizuale mund të rregullohet më vonë me CSS dhe shënim të avancuar
Hapi 5. Krijoni një skicë bazë për secilën faqe në internet
Ju mund të tundoheni të barazoni çdo faqe në internet me një skicë bazë. Në fakt, kjo vetëm do ta bëjë faqen tuaj të thjeshtë dhe të mërzitshme. Krijoni një skicë të ndryshme për secilën faqe, do të kuptoni që secila faqe ka nevojë për modelin e vet.
Pjesa 3 nga 4: Krijimi i Përmbajtjes
Hapi 1. Përgatitni përmbajtjen para se të krijoni një faqe në internet
Do ta keni shumë më të lehtë të shikoni pamjen tuaj në internet nëse tashmë keni përmbajtje aktuale në vend që të përdorni mostra ose vendndodhje. Nuk keni nevojë të keni shumë përmbajtje, por modeli juaj do të duket shumë më mirë nëse përdorni një kopje të imazhit origjinal.
Ju nuk keni pse të keni të gjithë materialin e artikullit, por të paktën duhet të ketë një titull aktual
Hapi 2. Mos harroni se përmbajtja e madhe nuk është vetëm tekst
Interneti është shumë më kompleks sesa një faqe e thjeshtë teksti. Ju keni nevojë për një larmi përmbajtjesh të ndryshme në mënyrë që të krijoni një faqe interneti të shkëlqyeshme për të tërhequr dhe ftuar vizitorë. Për shembull:
- Foto.
- Zë.
- Video.
- Transmetimi në internet ose transmetimi në internet (Twitter)
- Integrimi në Facebook
- RSS
- Ushqim në internet
Hapi 3. Kërkoni ndihmë nga një fotograf profesionist
Nëse dëshironi të përfshini fotografi në faqen tuaj, përshtypja e parë që do të merrni nga faqja juaj e internetit do të jetë shumë më e mirë nëse është e mbushur me fotografi profesionale. Një fotografi e mirë vlen më shumë se njëzet fotografi me cilësi të ulët.
Kërkoni një të sapodiplomuar të artit të fotografisë si një zgjidhje më të lirë sesa një fotograf profesionist i cili ka qenë në biznes për një kohë të gjatë
Hapi 4. Shkruani artikuj cilësor
Përmbajtja e shkruar në faqen e internetit do të përcaktojë sasinë e trafikut tuaj në internet. Ndërsa nuk keni pse të shqetësoheni shumë për krijimin e përmbajtjes në këtë proces të projektimit, nuk ju dëmton të filloni të mendoni për të, sepse gjithashtu do t'ju duhet përmbajtje në baza të rregullta sapo faqja juaj të jetë në funksionim.
Përveç përmbajtjes së artikullit, ka material të shkruar që gjithashtu duhet të keni në procesin e përpilimit të një faqe në internet. Për shembull, informacioni i kontaktit, emri i kompanisë ose ndonjë gjë tjetër që do të përdoret shumë herë në sit
Pjesa 4 nga 4: Kthimi i Koncepteve në Uebfaqe
Hapi 1. Rregulloni elementet bazë
Ky rregullim i elementeve vlen për çdo faqe në faqen tuaj, të tilla si titujt, fusnotat dhe menutë e navigimit. Vendoseni atë në një stil shumë të thjeshtë në mënyrë që të kontrolloni se si duken të gjitha faqet. Kjo është veçanërisht e dobishme ndërsa përparoni në procesin e paraqitjes së uebit.
Mos u shqetësoni shumë për detajet, përpiquni të shikoni (shikoni paraprakisht) se si duket titulli
Hapi 2. Krijoni një plan urbanistik të thjeshtë
Filloni duke zhvendosur pozicionin e orës nga kolona e skicës bazë në vendndodhjen aktuale në faqe. Për shembull, ju mund të dëshironi të zhvendosni mostrën e menysë së lundrimit në të majtë të faqes dhe listën e titujve në të djathtë.
Vazhdoni të eksperimentoni me paraqitjet në internet për faqe të shumta, para se të kaloni në hapin tjetër. Lejoni të tjerët të hedhin një vështrim në të për të parë nëse paraqitja që krijoni ndihet e gjallë
Hapi 3. Krijoni një model
Përdorni një program si Photoshop për të krijuar modele ose faqe mostra të faqes tuaj të internetit. Përdorni paraqitjen që keni përpiluar si udhëzues. Mund të bëni imitime më të shpejta dhe të merrni rezultatet që dëshironi me një program të përpunimit të imazhit. Rezultatet e këtyre imazheve më vonë mund të përdoren si referencë në procesin e shkrimit të kodit të programimit të uebit.
Vendosni përmbajtjen aktuale në model, për ta bërë atë të duket mirë
Hapi 4. Zëvendësoni konceptin e mostrës me përmbajtjen origjinale
Shtoni përmbajtje dhe elemente në faqet e internetit. Mos i djersitni cilësimet e stilit të uebit tani për tani, thjesht vendosni gjithçka në vendin e duhur. Kjo do t'ju ndihmojë të rishikoni ndryshimet e stilit të uebit që bëni më vonë.
Hapi 5. Krijoni një udhëzues të stilit të uebit
Veryshtë shumë e rëndësishme të ruani një përzierje stilesh, veçanërisht për vendet e mëdha. Nëse faqja është e destinuar për qëllime biznesi dhe tashmë ka markën ose stilin e vet, kjo duhet të integrohet në hartimin e faqes. Gjërat që duhen marrë parasysh kur krijoni një udhëzues të stilit të faqes në internet:
- Navigimi
- Shënim i kokës
- Paragraf
- Karakter Italik
- Karakter i guximshëm
- Lidhjet (aktive, joaktive, rri pezull)
- Përdorimi i imazhit
- Ikona
- Dorezë
- listë
Hapi 6. Aplikoni stilin e uebit
Pasi të gjeni stilin dhe modelin e duhur, zbatojeni atë. CSS është një nga mënyrat më të lehta për të zbatuar stilet në një faqe në internet ose në të gjithë faqen. Shihni udhëzimet e mëposhtme për të kuptuar më mirë detajet e përdorimit të CSS.