onsdag 25. februar 2015

Innføring i Adobe Dreamweaver (Oppgave 2 formidling)

Det er flere oppgaver vi har fått i Web og Informasjonsdesign faget. En av disse er og lage en nettside om oss selv, hjemby eller min hobby. På grunn av min interesse for PC, valgte jeg da og lage en nettside om dette.


Jeg skal nå vise hvordan en oppretter et prosjekt i Adobe Dreamweaver . Dette er for dem som har lyst til å begynne med web design. Slik at du her kan lære hvordan du oppretter din første side.


1. Start Adobe Dreamweaver.









2. Velg HTML under "Create New".




3. Velg vilken modus du vil ha i (Code, Split, Design)






Jeg foretrekker og sitte i Code, men kan også bruke Split.


4. Når Split er valg, skal siden se slik ut.

Dreamweaver i Split modus

















5. Begynner med å sette tittel på nettsiden og en overskrift.

Tittel og overskrift laget















6. Bruke CSS til og flytte på overskriften

Når en skriver CSS i HTML må man huske å bruke <style>









7. Plassere CSS i en egen fil.

Velg File --> New --> CSS
Oppretter CSS dokument



















8. Plasser CSS-en inne i dokumentet og link HTML dokumentet til CSS-en

Linker HTML dokumentet til CSS dokumentet
















CSS i et egent dokument















Håper du lærte noe. Resultatet av nettsiden jeg lagde ble da slik.