Category Webdesign Dreamweaver

Webdesign med Dreamweaver – Grunnkurs og Videregående

Informasjon kommer i juni / juli 2017.

Read More

Skomakerens barn har de dårligste skoene

Hvor ofte hører vi ikke uttrykket om Skomakerens Barn? – Personlig kjenner jeg meg svært godt igjen, og tar meg selv i å ty til ordtaket både titt og ofte – især når det blir snakk om Sissels Grafiskes webside, som ble laget i 2006 og som i årenes løp har utviklet seg som et klattverk. «Veien blir til mens man går», hører vi til stadighet. Sant nok, men bare så synd at veien da blir litt kronglete. – Websiden fungerer på et vis, men burde for lengst fått en ansiktsløftning.

– Sissels Grafiske AS underviser i webdesign og utarbeider webløsninger for kunder, mens selskapets egen side er en salig blanding av hummer og kanari...

Read More

Bakgrunnsbilde som ikke scroller – DW

Mange har spurt meg hvordan de legger et bakgrunnsbilde i Dreamweaver som ikke scroller. Det er enkelt, man skriver det i koden på «body-tag’en.

Slik går du frem

Åpne stilarket (CSS) der du lagrer alle hovedkodene
1. Sett inn bakgrunnsbildet
2. Sett «background-repeat» til «no-repeat»
3. Sett «background-attachment» til «fixed». Denne innstillingen gjør at bildet ikke scroller.

bgScroll_code

NB! Bildet bør være minst 2000 piksler i bredde og ca 1100 piksler i høyde for å unngå at det kommer et hvitt felt rundt bildet på skjermer med høy oppløsning.

Slik blir resultatet

Klikk på bildene for større visning.

bgScroll_page1

 

Som bildet viser er det scrollet for å lese innholdet lenger ned på siden. Bakgrunnsbildet flytter seg ikke.
bgScroll_page2

Read More

Lightbox bildegalleri

Lightbox

Dersom man skal sette inn flere bilder i et innlegg, har det en rekke fordeler å sette disse inn som et galleri.

  • det  praktisk og brukervennlig
  • besøkende slipper å scrolle langt nedover siden for å se bildene
  • bildene presenteres som miniatyrer, ved å klikke på disse får man frem det store bildet

Oppskrift på installering av Lightbox og andre bildegallerier vil bli lagt inn på Sissels Grafiskes blogg etter hver.

Klikk på miniatyrene

Read More