Jei norite kurti ir kurti tinklalapius, šis procesas bus daug lengvesnis, jei planuojate iš anksto. Planavimo etape dizaineris ir klientas gali kartu rasti jų poreikius atitinkantį formatą ir išdėstymą. Planavimo procesas daro įtaką svetainės stiliui ar stiliui, galima sakyti, kad tai yra svarbiausias interneto dizaino aspektas, ypač jei jis skirtas verslo tikslams.
Žingsnis
1 dalis iš 4: Pagrindinės struktūros kūrimas
Žingsnis 1. Nustatykite svetainės funkciją
Jei kuriate asmeninę svetainę, tikriausiai jau žinote atsakymą. Tačiau jei kuriate svetainę kitai organizacijai, įmonei ar asmeniui, turite išsiaiškinti, ko jie nori, ir svetainės funkcionalumą. Viskas, ką čia nurodysite, įsigalios, kai tinklalapis bus baigtas.
- Ar svetainei reikia parduotuvės? Ar reikia komentuoti vartotojus? Ar vėliau vartotojui reikės sukurti paskyrą? Ar svetainės straipsnis yra orientuotas? Arba įvaizdis? Visi šie ir kiti klausimai padės jums kuriant ir kuriant svetainę.
- Šis planavimo procesas gali būti įtrauktas į brėžinį, ypač jei jis skirtas didelei įmonei ir kuriant šį projektą dalyvauja daug žmonių.
2 žingsnis. Sukurkite svetainės žemėlapio schemą (svetainės žemėlapį)
Svetainės schema yra panaši į srauto diagramą, rodanti, kaip vartotojai pereina iš vieno puslapio į kitą. Šiame etape jums nereikia tinklalapio, o tik bendras sąvokų srautas. Galite naudoti kompiuterinę programą, kad sukurtumėte diagramas, arba eskizuokite ant popieriaus. Naudokite šią diagramą, kad pademonstruotumėte hierarchinio išdėstymo ir tinklalapio sujungimo sąvokas.
Žingsnis 3. Išbandykite kortelės rengimo metodą
Vienas iš populiariausių grupių žiniatinklio kūrimo metodų - naudoti daugybę kortelių, kad išsiaiškintumėte visų lūkesčius. Paimkite keletą užrašų kortelių ir užrašykite pagrindinį tinklalapio turinį kiekvienoje atskirai. Išdėstykite šias korteles kartu su komanda, kad surastumėte geriausią koncepciją. Šis metodas tinka naudoti bendradarbiaujant su kitais kuriant tinklalapius.
Žingsnis 4. Naudokite popierių ir skelbimų lentą arba lentą
Tai originalus mažo biudžeto planavimo metodas, galite greitai ištrinti arba perkelti turinį ir pakeisti srautą. Nubrėžkite savo interneto dizainą ant popieriaus, tada prijunkite popierių siūlais arba nubrėžkite linijas ant lentos. Šis metodas labai tinka naudoti smegenų šturmo sesijose.
Žingsnis 5. Sukurkite turinio inventorių
Tiesą sakant, jis yra tinkamesnis naudoti pertvarkant tinklus, nei kuriant naujus žiniatinklio dizainus. Įdėkite kiekvieną baigtą turinį ar tinklalapį į skaičiuoklę. Pažymėkite kiekvieno turinio ar puslapio paskirtį, naudodami šį sąrašą, kad nustatytumėte, ką pašalinti ir ką palikti. Galite supaprastinti žiniatinklio struktūrą ir vėliau supaprastinti pertvarkymo procesą.
2 dalis iš 4: Pagrindinės HTML struktūros kūrimas
Žingsnis 1. Sukurkite karkasą, kad nustatytumėte tinklalapio hierarchiją
Pagrindinis HTML šablonas yra jūsų sukurtos svetainės planas, naudojant tik pagrindines žymas ir pavyzdinį (blokų/šablonų) turinį. Ši sistema atsako į klausimą „Kas matoma internete ir kur?“Formuojant ir formuojant šį kontūrą nereikia.
- Prieš pasirinkdami stiliaus nustatymą, galite pamatyti turinio struktūrą ir schemą su pagrindine kontūra.
- Pagrindiniai HTML šablonai nėra statiški, kaip PDF ar vaizdai, galite greitai perbraukti turinio pavyzdį, kad sukurtumėte naujas struktūras.
- Pagrindinė sistema yra interaktyvi, kuri naudinga tiek žiniatinklio kūrėjams, tiek klientams. Kadangi ši pagrindinė sistema parašyta naudojant paprastą HTML kodą, vis tiek galite naršyti ir žinoti, kaip veikia tinklalapių perjungimas. To negalima padaryti naudojant PDF.
Žingsnis 2. Išbandykite „Grey Box“metodą
Užblokuokite arba paryškinkite savo tinklalapio turinį „Grey Box“, svarbiausias turinys yra viršuje. Rūšiuokite turinį viename stulpelyje. Pvz., Jei puslapis yra „Apie įmonę“, tada viršuje yra išsami informacija apie įmonę, po jos pateikiamas darbuotojų sąrašas, tada kontaktinė informacija ir kt.
Tai neapima antraščių ir poraštių. Pilka dėžutė - tai vaizdinis turinio, kuris bus rodomas internete, vaizdas
Žingsnis 3. Išbandykite pagrindinę kontūrų kūrimo programą
Kuriant pagrindinę žiniatinklio sistemą, galite naudoti įvairias programas. Kiekvienos programos žiniatinklio programavimo kodo (kalbos) kiekis yra skirtingas. Kai kurios gana populiarios programos yra:
- Šablonų laboratorija. Ši svetainė skirta „atominiam dizainui“, kiekvienas turinys laikomas „molekule“, sudarančia didesnį tinklalapį.
- Jumpcharts. Šis tinklalapis teikia žiniatinklio planavimo ir įrėminimo paslaugas. Šios svetainės yra mokamos ir joms reikia prenumeratos, tačiau jūs galite greitai sukurti žiniatinklio rėmus, neįvaldę daug žiniatinklio programavimo kodo.
- „Wirefy“. „Wirefy“yra dar viena svetainė, siūlanti „atominį dizainą“. Žiniatinklio kūrėjai įrankį gali gauti nemokamai.
Žingsnis 4. Naudokite paprastą HTML žymėjimą
Geras pagrindinis šablonas lengvai konvertuojamas į pradinę svetainę. Kurdami šį šabloną per daug negalvokite apie interneto stilių. Naudokite žymėjimą, kurį galima lengvai suprasti ir pakeisti.
Paprasta pagrindinė sistema yra daug geresnė. Žymėjimo sukūrimo tikslas yra sukurti struktūrą. Vizualinę išvaizdą vėliau galima koreguoti naudojant CSS ir išplėstinį žymėjimą
Žingsnis 5. Sukurkite pagrindinį kiekvieno tinklalapio kontūrą
Jums gali kilti pagunda kiekvieną tinklalapį sutapatinti su vienu pagrindiniu kontūru. Tiesą sakant, tai padarys jūsų svetainę tik paprastą ir nuobodžią. Sukurkite skirtingą kiekvieno puslapio kontūrą, suprasite, kad kiekvienam puslapiui reikia savo dizaino.
3 dalis iš 4: Turinio kūrimas
1 žingsnis. Paruoškite turinį prieš kurdami tinklalapį
Jums bus daug lengviau peržiūrėti žiniatinklio peržiūrą, jei jau turite faktinį turinį, o ne naudojate pavyzdžius ar vietos rezervavimo ženklus. Jums nereikia turėti per daug turinio, tačiau jūsų maketas atrodys daug geriau, jei naudosite originalaus vaizdo kopiją.
Jūs neturite turėti visos straipsnio medžiagos, bet bent jau ji turėtų turėti tikrąją antraštę
Žingsnis 2. Atminkite, kad puikus turinys nėra tik tekstas
Internetas yra daug sudėtingesnis nei paprastas teksto tinklalapis. Norint sukurti puikią svetainę, kuri pritrauktų ir pakviestų lankytojus, jums reikia įvairaus turinio. Pavyzdžiui:
- Paveikslas.
- Balsas.
- Vaizdo įrašai.
- Žiniatinklio perdavimas arba žiniatinklio srautas („Twitter“)
- „Facebook“integracija
- RSS
- Interneto sklaidos kanalas
Žingsnis 3. Paprašykite profesionalios fotografės pagalbos
Jei norite į savo svetainę įtraukti nuotraukų, pirmasis įspūdis, kurį gausite iš savo svetainės, bus daug geresnis, jei jis bus užpildytas profesionalia fotografija. Viena gera nuotrauka verta daugiau nei dvidešimt prastos kokybės nuotraukų.
Ieškokite ką tik baigusio fotografijos meno kaip pigesnio sprendimo nei profesionalus fotografas, ilgą laiką dirbęs versle
Žingsnis 4. Rašykite kokybiškus straipsnius
Rašytinis turinys tinklalapyje lems jūsų interneto srauto kiekį. Nors šiame dizaino procese neturite per daug nerimauti dėl turinio kūrimo, nesunku pradėti apie tai galvoti, nes turinio taip pat reikės reguliariai, kai tik svetainė pradės veikti.
Be straipsnio turinio, yra ir rašytinės medžiagos, kurią taip pat turite turėti kurdami tinklalapį. Pavyzdžiui, kontaktinė informacija, įmonės pavadinimas ar bet kas kitas, kas svetainėje bus naudojamas kelis kartus
4 dalis iš 4: Koncepcijų pavertimas svetainėmis
Žingsnis 1. Išdėstykite pagrindinius elementus
Šis elementų išdėstymas taikomas kiekvienam svetainės puslapiui, pvz., Antraštėms, išnašoms ir naršymo meniu. Nustatykite jį labai paprastu stiliumi, kad galėtumėte patikrinti, kaip atrodo visi puslapiai. Tai ypač naudinga, kai pereinate prie žiniatinklio išdėstymo proceso.
Nesijaudinkite dėl detalių, pabandykite peržiūrėti (peržiūrėti), kaip atrodo antraštė
Žingsnis 2. Sukurkite paprastą maketą
Pradėkite perkeliant laikrodžio padėtį iš pagrindinio kontūro stulpelio į faktinę puslapio vietą. Pvz., Galbūt norėsite perkelti naršymo meniu pavyzdį į kairę puslapio pusę, o antraščių sąrašą - į dešinę.
Prieš pereidami prie kito veiksmo, eksperimentuokite su kelių puslapių žiniatinklio maketais. Leiskite kitiems pažiūrėti, ar sukurtas maketas jaučiasi gyvas
Žingsnis 3. Sukurkite maketą
Naudokite tokią programą kaip „Photoshop“, kad sukurtumėte savo svetainės maketus ar pavyzdinius puslapius. Naudokite išdėstytą išdėstymą kaip vadovą. Naudodami vaizdo apdorojimo programą galite padaryti maketus greičiau ir gauti norimus rezultatus. Šių vaizdų rezultatai vėliau gali būti naudojami kaip nuoroda rašant žiniatinklio programavimo kodą.
Įdėkite faktinį turinį į maketą, kad jis atrodytų gerai
Žingsnis 4. Pakeiskite pavyzdžio koncepciją originaliu turiniu
Pridėkite turinį ir elementus prie tinklalapių. Kol kas nenusiminkite žiniatinklio stiliaus nustatymų, tiesiog sudėkite viską į reikiamą vietą. Tai padės peržiūrėti vėliau atliktus žiniatinklio stiliaus pakeitimus.
Žingsnis 5. Sukurkite žiniatinklio stiliaus vadovą
Labai svarbu išlaikyti stilių derinį, ypač didelėms svetainėms. Jei svetainė skirta verslo tikslams ir jau turi savo prekės ženklą ar stilių, tai turėtų būti įtraukta į svetainės dizainą. Į ką reikia atsižvelgti kuriant tinklalapio stiliaus vadovą:
- Navigacija
- Galvos pastaba
- Pastraipa
- Itališkas simbolis
- Drąsus charakteris
- Nuorodos (aktyvios, neaktyvios, užveskite pelės žymeklį)
- Vaizdo naudojimas
- Piktograma
- Rankenėlė
- sąrašą
Žingsnis 6. Taikykite žiniatinklio stilių
Suradę tinkamą stilių ir dizainą, įgyvendinkite jį. CSS yra vienas iš paprasčiausių būdų diegti stilius tinklalapyje arba visoje svetainėje. Peržiūrėkite toliau pateiktas instrukcijas, kad geriau suprastumėte CSS naudojimo informaciją.
