Sivustoja luodessa käytetään usein valmiita malleja, jotka löytyvät verkosta. Käyttäjät lataavat niitä joskus tuhansia kertoja, niiden perusteella luodut resurssit ovat ulkonäöltään hyvin samanlaisia. Jotta sivustolla olisi yksilöllinen suunnittelu, sen mallia tulisi muokata.
Se on välttämätöntä
- - sivuston malli
- - Dreamweaver-ohjelmisto.
Ohjeet
Vaihe 1
Paras tapa työskennellä mallien kanssa on Dreamweaver, joka voidaan ladata Internetistä. Tämä ohjelma on yksi parhaista työkaluista verkkosivuston luomiseen, sen avulla voit muokata sivuja sekä visuaalisesti että koodieditorilla.
Vaihe 2
Lataa ja asenna Dreamweaver ja käynnistä se. Avaa siinä valitsemasi malli. Huomaa, että malli tulisi valita oikein työn minimoimiseksi. Kun valitset sen, keskity sivun elementtien asetteluun, ei värimalliin. Jos haluat luoda verkkosivuston, joka eroaa muista, sinun on silti vaihdettava sen värimaailmaa, joten on parempi valita sopivan asettelun malli, jota ei tarvitse tehdä uudelleen, ja järjestää se jo oikea tapa.
Vaihe 3
On kätevintä tarkastella muokkausprosessia tietyllä esimerkillä. Lataa mikä tahansa html-malli - esimerkiksi tämä: https://web-silver.ru/templates/sites/086/086.zip. Pura se ja avaa sitten html-tiedosto Dreamweaverissa. Kiinnitä huomiota vasemmassa yläkulmassa olevaan tilakytkimeen - "Koodi", "Erillinen", "Suunnittelu". Vaihtamalla tilojen välillä voit muokata mallia sinulle sopivimmalla tavalla.
Vaihe 4
Vaihda Suunnittelu-näkymään ja napsauta sitten hiirellä mitä tahansa elementtiä - esimerkiksi sivun otsikkoa, mallipohjan esimerkissä se sisältää tekstin River. Huomaa, että tämän sivuelementin ominaisuudet ovat näkyneet ohjelmaikkunan alaosassa. Erityisesti ilmoitetaan leveys, korkeus, käytetty kuva. Voit muuttaa otsikon kokoa määrittämällä ne sopiviin kenttiin tai yksinkertaisesti vetämällä itse otsikossa olevia reunamerkkejä. Vaihda kuva, valitse tälle tarvitsemasi kokoinen kuva ja aseta se alkuperäisen sijaan.
Vaihe 5
Voit muuttaa mitä tahansa elementtejä samalla yksinkertaisella tavalla. Esimerkiksi tekstin väri, sivun tausta, linkkien otsikot jne. jne. Jos jokin ei toimi suunnitteluikkunassa, voit aina tehdä tarvittavat korjaukset suoraan koodiin. Muista tallentaa alkuperäinen tiedosto erilliseen sijaintiin ennen työn aloittamista. Kun työskentelet, tallenna sen tulokset erillisinä tiedostoina eri nimillä, jolloin voit palata takaisin milloin tahansa. Pienellä harjoituksella Dreamweaverin avulla voit muokata mitä tahansa mallia nopeasti ja helposti.
