Kuinka Tehdä Verkkosivujen Asettelu

Sisällysluettelo:

Kuinka Tehdä Verkkosivujen Asettelu
Kuinka Tehdä Verkkosivujen Asettelu

Video: Kuinka Tehdä Verkkosivujen Asettelu

Video: Kuinka Tehdä Verkkosivujen Asettelu
Video: Kuinka tehdä hissi | Minecraft Tutoriaali 2024, Marraskuu
Anonim

Viime vuosisadalla verkkosivujen asettelu oli muutamien ammattilaisten toimiala. Teknologian kehitys on yksinkertaistanut tätä tehtävää huomattavasti. Nyt kuka tahansa Internet-käyttäjä voi muodostaa verkkosivuston.

Kuinka tehdä verkkosivujen asettelu
Kuinka tehdä verkkosivujen asettelu

Se on välttämätöntä

  • - ohjelmistopaketti verkkosivujen asetteluun;
  • - graafinen rasterieditori suunnitteluelementtien luomiseen.

Ohjeet

Vaihe 1

Tee luettelo sivustossa olevista elementeistä. Tämä voi olla komponentteja, kuten navigointivalikko, hakulomake, mainos- tai tietobanneri, kaveriluettelo. Projektin nimi ilmoitetaan yleensä sivun yläosassa, siinä voi olla vaakasuuntainen navigointivalikko. Keskiosa on osoitettu sivuston pääsisällölle. Sivun alaosaan on yleensä sijoitettu läsnäololaskurit, yhteystiedot palautetta varten.

Vaihe 2

Luo verkkosivuston asettelu graafisessa editorissa. Tärkein tehtävä tässä on määrittää elementtien ulkonäkö, niiden suhteellinen sijainti. Älä käytä liian kirkkaita värejä. Neutraali väripaletti havaitaan parhaiten. Käytä lohkoissa yhtenäistä tyyliä. Yritä tehdä suunnittelusta mahdollisimman käyttäjäystävällinen. Vältä elementtejä, joita on vaikea toteuttaa HTML: ssä ja CSS: ssä.

Vaihe 3

Tallenna sivun asettelu bittikarttamuodossa laadun heikkenemättä. Määritä HTML-mallin avulla renderöitävät tyylielementit. Nämä voivat olla valikoita, linkkejä, taulukoita, hakulomakkeita. Pura loput elementit asettelusta ja tallenna ne erillisiin tiedostoihin. Luo kaksi tekstidokumenttia kiintolevyllesi. Vaihda yhden niistä laajennukseen.htm. Se sisältää koodin, joka vastaa elementtien suhteellisesta sijainnista. Toinen tiedosto sisältää tyylitaulukot.

Vaihe 4

Avaa ensimmäinen tiedosto HTML-editorissa. Sijoita sivun suunnitteluelementteihin, jotka on aiemmin tallennettu bittikarttatiedostoihin. Luo tekstilinkkejä, taulukoita ja muita elementtejä, jotka on renderöitävä HTML-muodossa. CSS-tiedostoon kirjoitettavien elementtien määritteet, kuten väri, kirjasinkoko, reunojen läsnäolo. Jos haluat animoida sivuelementit, käytä JavaScriptiä.

Suositeltava: