Informasjon og Webdesign – Forelesning 1

Jeg har idag begynt på studier ved HiT i Digital
mediedesign. Det er et rent nettstudium, men de neste tre dagene er
det fysisk samling på Notodden. Modulen Informasjon og Webdsign
begynte med å ta for seg CSS – Cascading Style Sheets
og Dreamweaver Basics.

Forelesning 1:
Informasjon og
webdesign

Disse notatene ble uhyre kjappe, håper det går an å få noe ut av dem likevel.

  • Først skal jeg fortelle Dreamweaver at jeg skal lage ei ny side/en ny SITE.
  • Åpne Dreamweaver
  • Create new>HTML
  • Trykk på SITE >setup>gi siden et Site name>Velg Root folder som skal inneholde alle filer tilhørende nettsida
    di>Lagre.
  • (NB! Bruker du CS4 eller lavere – dobbelsjekk at mappa du har valgt som root folder står sist i navnet på Local Site
    folderen.)
  • Når du skal inn sida di og redigere seinere er det ryddigst å gå via SITE>manage.
  • Nå skal du ha fått opp mappa di i DW-menyen
  • Høyreklikk/Ctrl+klikk i det hvite feltet under mappa di og opprett en egen bildemappe – ‘bilder’.
  • Deretter lager du en mappe til som du kaller ‘sider’
  • Det som kort og greit skjer er at denne mappa inneholder alle filer som
    er del av nettsida di, og at det lenkes mellom de ulike filene i
    bruk av nettsida.
  • Nå klikker du på DESIGN. Da får du opp ei tom hvit side, som er sida du skal fylle
    med innhold:-) Dette er WYSIWYG-delen av Dreamweaver.
  • Site>Manage Site>Edit>Velg server på menyen
  • til venstre i dette vinduet.

PUBLISERING/OPPLASTING:

Gi et server name

SFTP som tilkobling

home.hit.no

Skriv inn brukernavn og passord

Trykk Test

Når du skal oppdatere/overskrive hele eller
deler av sida di: Expand to show local and
remote sites
– et ikon helt til høyre i
den lille menyen helt til høyre nede.

Merk de mappene og for
sikkerhets skyld også filene inni mappa som du vil inkludere.

Velg output files – ikonet
med en oppoverpil Adressa til din publiserte side blir da:
home.hit.no/~ditt studentnummer/sider/test.html

Legg igjen en kommentar

Fyll inn i feltene under, eller klikk på et ikon for å logge inn:

WordPress.com-logo

Du kommenterer med bruk av din WordPress.com konto. Logg ut / Endre )

Twitter picture

Du kommenterer med bruk av din Twitter konto. Logg ut / Endre )

Facebookbilde

Du kommenterer med bruk av din Facebook konto. Logg ut / Endre )

Google+ photo

Du kommenterer med bruk av din Google+ konto. Logg ut / Endre )

Kobler til %s