Kuidas luua fotograafi külg-sirvimise veebisait

Fotograafide külg-kerimisega pildigaleriid näevad siledad ja professionaalsed, kaks olulist omadust portfelli näitamisel tulevastele tööandjatele. Microsoft Word saab lõpetada enamiku töödest, mis on vajalikud sellist galeriid sisaldava ühe lehekülje saidi loomiseks. Cascading Style Sheets lõpetab töö, kasutades "overflow-x" omadust. See omadus lisab konkreetse eelseadistuse määramisel HTML-elementidele, mis hoiavad teksti või pildi sisu, kerimisriba. Külg-kerimisega veebisaidi loomise peamine eelis on see, et saate seda kohandada oma loominguliste maitsete järgi.

1.

Looge Windows Exploreris uus kaust ja kopeerige sellele mitu fotot. Uue Wordi faili loomine; seejärel klõpsake menüü Fail ja valige "Valikud". Klõpsake kategooria "Kuva" ja märkige ruut "Objektide ankrud". Objekti ankrud aitavad teie fotogaleriid paigutada.

2.

Klõpsake menüü View (Vaade) nupul "Web Layout" (Veebi paigutus) ja valige lehe värviküljel vahekaardil Page Layout (Lehekülje paigutus) atraktiivne värv.

3.

Sisestage veebisaidi pealkirja tekst, näiteks "Peter Parker, fotograaf". Soovi korral lehekülje pealkirja tsentreerimiseks vajutage "Ctrl-E". Vajutage "Enter" umbes 10 korda, et jätta ruumi fotogaleriile. Sisestage "Kontakt" ja seejärel keskige see tekst.

4.

Valige tekst "Kontakt" ja seejärel klõpsake menüüs Insert (Lisa) nuppu "Hyperlink". Klõpsake navigeerimispaanil „E-posti aadress“ ja tippige oma e-posti aadress tekstikasti e-posti aadress. Sulgege dialoogi hüperlink.

5.

Klõpsake pealkirja all olevat lõiku ja klõpsake vahekaardil Lisa vahekaardil "Tekstikast". Klõpsake käsku "Joonista", seejärel klõpsake ja lohistage laia tekstikasti joonistamiseks pealkirja ja "Kontakt" teksti vahel. Tee tekstikast võimalikult lai, kuid ärge muretsege selle keskel; CSS-i avaldused hakkavad seda ülesannet täitma.

6.

Klõpsake vahekaardil Format (Vorming) nuppu „Wrap Text“ (Pakkimine tekst); seejärel klõpsa ülemise ja alumise pakendamise suvandile, et vältida tekstikasti lehe teksti peitmist.

7.

Lohistage tekstikasti ankuri ikoon mis tahes lõikesse, välja arvatud pealkiri ja "Kontakt" lõik. See toiming eraldab galerii HTML-koodi pealkirjast ja "Contact" HTML-koodist, mis muudab CSS-i avalduste lisamise lihtsamaks.

8.

Salvestage dokument filtreeritud HTML-failina fotodega samasse kausta. Sulgege dokument ja avage see WordPadis.

9.

Lõika sildi lõikepuhvrisse, seejärel kleepige see alla

...

"silt, mis sisaldab lehekülje pealkirja (näiteks" Peter Parker, fotograaf ").

10.

Tippige "" img-märksõna järel "" järgmine tekst. Kindlasti jätke "img" ja "stiili" märksõnade vahele tühik.

style = "display: block; marg: auto;"

11.

Lõika "" avaldus lõikepuhvrisse, seejärel kleepige see " "silt, mis sisaldab lehekülje pealkirja ja silt" ".

12.

Lõigake "" avaldus lõikepuhvrisse, seejärel kleepige see sildile pärast sildi "".

13.

Kleepige järgmine CSS-kood just sildi kohal.

div {marginaal: auto; laius: 600 px; ülevoolu-x: kerige; }

14.

Salvestage lehekülg ja seejärel laadige see oma veebiserverisse. Avage veebibrauseri leht, et näha oma fotogaleriid horisontaalse kerimisriba abil.

Asjad vajavad

  • Mitu fotot ühises vormingus, näiteks JPEG

Hoiatus

  • Käesolevas artiklis sisalduv teave kehtib Microsoft Word 2010 kohta. See võib erineda või oluliselt erineda teiste versioonide või toodetega.
 

Jäta Oma Kommentaar