*   >> Lese Utdanning Artikler >> science >> software

Opprette en 3 Columns Faste Css Utforming

ny Layout

Trykk ok og la oss komme i gang. Du må legge til 3 rader. Header, innhold og bunntekst

Trinn 3. Legge til header, innhold og bunntekstrader

Gå til Rader kategorien Sett inn, og velg 3 rader:

Valg av 3 rader, En popup åpnes, og vi trenger å spesifisere minimum høyde på radene. Den første raden vil være overskriften, og sett den til 100px. Hvis du har mer innhold, vil radhøyden øke automatisk. Still den andre raden til 600px (bør være større fordi innholdet vil komme dit). Den siste raden vil være bunnteksten; sette den til 100px høyde og trykk ok.


Innstilling av 3 rader høyde

I fanestruktur, dobbeltklikker du på første rad og gi den navnet "header" og 3th rad bunnteksten.

Trinn 4 . Legge til 3 kolonner i innholdsområdet

Velg den andre raden, gå til Insert Kolonner-knappen og tilsett 3 kolonner.

Legge 3 kolonner

En ny popup-meny hvor du bør sette bredden til 3 kolonner. Den første kolonne bredde 180px, den andre kolonnen for å 580px og den siste kolonnen til 200px angitt.

Hvis du setter en kolonne bredde større enn den ledige plassen da Flexi utforminger grensesnittet vil fortelle deg

Legge 3 kolonner

navn kolonnene fra venstre til høyre:.. Left Sidebar, innhold og Høyre Sidebar

< h3> Trinn 5. Laste opp siden på serveren

Når du klikker Insert, Full Page Layout med 3 custom css kolonner og topp- og bunntekst er satt inn på siden. Din nye css layout skal se noe som på bildet under:

Full Page Layout

Alt du trenger å gjøre er å fylle siden med innhold og laste opp filen og /includes mappen til testing server.

Note: før du laster opp nettstedet på produksjonsserveren du bør sette Debug-modus til off for alle filene. For å gjøre dette, klikk på "slå debug mode off" i Flexi CSS layouts panel i Dreamweaver.

Forslag til bruk av layout

  • I overskriften kan du legge til din egen logo og navigasjonsmenyen. Du kan ta en titt på theCreative DW Menusto bygge en kul flash menyer i sekunder. Eller hvis du vil, kan du legge til en kul flash lysbildeserie i spissen. Bygge en kul flash slideshow enkelt og raskt kan gjøres withImage Show Pro.


  • I andre rad, tilsett 3 kolonner som representerer innholdet delen av siden. Vi vil legge til en venstre sidebar, der du kan legge til en vertikal meny. Den andre kolonnen vil være hovedinnholdet er der du vil legge til tekst, bilder eller hva innholdet du måtte trenge. I høyre sidepanelet kan du legge til noen linke

    Page   <<  [1] [2] [3] >>
  • Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.