Si të krijoni një faqe në internet (me imazhe)

Përmbajtje:

Si të krijoni një faqe në internet (me imazhe)
Si të krijoni një faqe në internet (me imazhe)

Video: Si të krijoni një faqe në internet (me imazhe)

Video: Si të krijoni një faqe në internet (me imazhe)
Video: Section 6 2024, Dhjetor
Anonim

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

Planifikoni një Uebfaqe Hapi 1
Planifikoni një Uebfaqe Hapi 1

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.
Planifikoni një Uebfaqe Hapi 2
Planifikoni një Uebfaqe Hapi 2

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.

Planifikoni një Uebfaqe Hapi 3
Planifikoni një Uebfaqe Hapi 3

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.

Planifikoni një faqe në internet Hapi 4
Planifikoni një faqe në internet Hapi 4

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.

Planifikoni një Uebfaqe Hapi 5
Planifikoni një Uebfaqe Hapi 5

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

Planifikoni një faqe në internet Hapi 6
Planifikoni një faqe në internet Hapi 6

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.
Planifikoni një faqe në internet Hapi 7
Planifikoni një faqe në internet Hapi 7

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

Planifikoni një faqe në internet Hapi 8
Planifikoni një faqe në internet Hapi 8

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.
Planifikoni një Uebfaqe Hapi 9
Planifikoni një Uebfaqe Hapi 9

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

Planifikoni një faqe në internet Hapi 10
Planifikoni një faqe në internet Hapi 10

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

Planifikoni një faqe në internet Hapi 11
Planifikoni një faqe në internet Hapi 11

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

Planifikoni një faqe në internet Hapi 12
Planifikoni një faqe në internet Hapi 12

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
Planifikoni një faqe në internet Hapi 13
Planifikoni një faqe në internet Hapi 13

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ë

Planifikoni një faqe në internet Hapi 14
Planifikoni një faqe në internet Hapi 14

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

Planifikoni një faqe në internet Hapi 15
Planifikoni një faqe në internet Hapi 15

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

Planifikoni një faqe në internet Hapi 16
Planifikoni një faqe në internet Hapi 16

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ë

Planifikoni një faqe në internet Hapi 17
Planifikoni një faqe në internet Hapi 17

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ë

Planifikoni një faqe në internet Hapi 18
Planifikoni një faqe në internet Hapi 18

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ë.

Planifikoni një Uebfaqe Hapi 19
Planifikoni një Uebfaqe Hapi 19

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ë
Planifikoni një faqe në internet Hapi 20
Planifikoni një faqe në internet Hapi 20

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.

Recommended: