Miten Keskitä My Web -sivun Dreamweaver

Miten Keskitä My Web -sivun Dreamweaver Christopher Robbins / Photodisc / Getty Images

Making keskitetty sivun avulla voit luoda sisältöä, joka näyttää vaakasuorassa keskipiste sivun, vaikka selainikkunan suurennetaan tai pienennetään.Lisäksi muotoilua sivun tällä tavoin varmistaa, että työ on hienosti määritelty keskellä niin, että kaikki elementit ovat näkyvissä.Adobe n Dreamweaver sovellus, voit käyttää mukana työkalut CSS (CSS) tyyli säännöt, joiden avulla voit keskittää oman Web-sivun onnistuneesti.

Ohjeet

  1. Käynnistä Dreamweaver sovellus, luoda uuden tiedoston tai avaa olemassa oleva, ja avaa "CSS-tyylejä" paneelivalitsemalla tämän vaihtoehdon alla "Ikkuna" -valikosta.

  2. Luo "elin" tyyli napsauttamalla "Uusi CSS sääntö" ja valitsemalla "Tag."Kirjoita sana "elin" in "Tag" tekstikenttään ja valitse "Tämä asiakirja vain.""Elin" ohjaa yleistä ulkoasua sivun, ja voit määrittää mittausten että ohjekeskuksen sivusi.

  3. Valitse "Box" valintaikkunassa, kirjoita nolla "Padding" ja "marginaali" kenttiin ja tark

    ista "Sama kaikille" laatikoiden.Napsauta "OK" kun olet valmis saada CSS automaattisesti työnnetään HTML-sivulle.

  4. Luo tyyli, joka ohjaa alue, joka pitää sisällön Web-sivulla valitsemalla termi, kuten "kontti", että nimiä tätä sääntöä.Toista prosessi vaiheessa 2, mutta tällä kertaa kirjoita sana valintasi "Tag" tekstikenttään.

  5. Aseta tyylejä säännön vaiheessa 4 painamalla "Box" ja kirjoittamalla numeron, kuten 780 pikseliä, vuonna "Leveys" tekstikenttään valvoa leveys sivusi.Toista tämä klikkaamalla "Paikannus" -luokkaan ja syöttämällä sama arvo "Leveys" -kenttään.Klikkaa "Box" uudelleen, ja anna mittaus "marginaali" kirjoittamalla nollia "Top" ja "alhaalta" aloilla.Valitse "Auto" alkaen "Oikea" ja "Vasen" vieritysvalikoista.

  6. Tallenna tiedosto ja valitse "Esikatselu selaimessa" alle "tiedosto" tarkastella keskellä sivua.

Vinkkejä & amp;Varoitukset

  • Jotkut versiot Dreamweaver, kuten CS3, tarjoavat valmiita keskitetty web-sivu malleja niin, että sinun ei tarvitse luoda CSS.Voit käyttää näitä, klikkaa "Uusi" kohdassa "File", valitse "HTML" tai "HTML malli" kohdassa "Sivutyyppi," ja valitse otsikko sanalla "keskellä" on sille "Layout" -osiossa.

Resurssit

  • Adobe Developer Connection: suunnittelu CSS
  • W3Schools.com: CSS Tutorial
972
0
1
Muut Tietokoneohjelmisto