• Adobe Creative Cloud
    Helt nye applikasjoner.
    Mer sammenknyttede verktøy og tjenester.
    Designfellesskapet bare et tastetrykk unna.
    Alt du trenger til å skape optimalt arbeid.
    Med Creative Cloud får hele designverdenen
    din et eget sentralt dashbord hvor du kan
    holde alle ideene, filene, m.m.
  • CS6 Master Collection
    Håndter alle kreative utfordringer med
    Adobe® Creative Suite® 6 Master Collection.
    Design for nettbrett og smarttelefoner
    ved hjelp av nye banebrytende metoder,
    gjør bilderedigering raskere,
    lag fantastiske animasjoner,
    og formidle utrolige opplevelser.
  • Design & Web Premium
    Du kan utvikle utformingene videre med
    Adobe® Creative Suite® 6 Design & Web Premium.
    Produser vakre digitale bilder med bransje-
    standarden Adobe Photoshop® CS6 Extended,
    lag avansert vektorgrafikk som skaleres
    på tvers av medier, med Illustrator® CS6,
    og fang inn inspirasjon praktisk talt
    hvor som helst med praktiske Touch Apps
    for iPad eller Android™-nettbrett.
  • Design Standard
    Uttrykk de mest kreative ideene dine lynraskt
    med Adobe® Creative Suite® 6 Design Standard.
    Arbeid med superhastighet med komplekse filer
    i Adobe Photoshop® og Illustrator®.
    Bruk kjente verktøy i Adobe InDesign®
    for bedre kontroll og effektivitet
    med sidelayout og klargjøring
    for trykkeriarbeid av høy kvalitet.
  • InDesign CS6
    Bruk InDesign og skap flott og
    profesjonell sidelayout for publisering
    digitalt og på trykk.
    Du kan designe, forhåndskontrollere
    og publisere mange ulike typer innhold
    for trykksaker, Internett og
    nettbrettapplikasjoner.
  • Photoshop CS6
    Photoshop CC er verdens mest avanserte
    programvare for digital bildebehandling.
    Programmet brukes av fotografer, designere,
    webutviklere og videoarbeidere.
    Du kan opprette og redigere 3D-bilder
    og ta kvantitativ bildeanalyse
    av alle bildene dine.
  • Fireworks CS6
    Adobe ® Fireworks ® CS6 hjelper deg å lage
    vakker design for nettsteder og mobile
    applikasjoner på et blunk - uten å skrive
    en eneste kode. Lag vektorgrafikk og
    punktgrafikkbilder, mock-ups, 3D-grafikk,
    og interaktivt innhold for web
    og smarttelefoner.
  • Illustrator CS6
    Illustrator CS6 er vektorgrafikkprogramvare
    av bransjestandard. Den brukes verden over
    av alle typer designere som ønsker å lage
    tdigital grafikk, illustrasjoner og
    typografi for alle typer medier:
    strykte medier, Internett, interaktive
    medier, video og mobilinnhold.
  • Dreamweaver CS6
    Utvikle webinnholdet raskere.
    Et strømlinjeformet brukergrensesnitt,
    tilkoblede verktøy, og nye visuelle
    CSS redigeringsverktøy lar deg kode
    effektivt og intuitivt.
    Og nå, Dreamweaver ® CC lar deg dele
    arbeid direkte fra programmet, og hjelper
    deg med å holde tritt med web-standarder
    ved å gi deg tilgang til nye funksjoner
    så snart de er tilgjengelige. Hele den
    kreative verden, samlet på ett sted.
  • Flash CS6
    Adobe Flash er programvare som
    utvikles og distribueres av Adobe Systems.
    Adobe Flash Professional blir brukt for
    å lage innhold som kan spilles av på
    nettlesere som har Flash Player
    installert. Flash støtter vektor-
    og pikselgrafikk, det har også et eget
    programmeringsspråk, ActionScript.
  • Acrobat X Pro
    Lag en attraktiv rapport på et blunk.
    Med Acrobat Pro er det ikke skremmende
    og tidkrevende å lage rapporter.
    Du kan enkelt redigere tekst i en
    PDF-filved hjelp av den nye intuitive
    pek-og-klikk-funksjonaliteten
    i Acrobat XI.

Dreamweaver Grunnkurs - oversikt over oppgaver

Adobe DreamweaverDreamweaver benyttes som program til fremstilling av websider. I kurset vil deltakerne lærehvordan de utformer webområder, setter inn bilder på web, tabeller, internettstrategi, etikk, samt markedsfortrinn på internett.

Utvikle mer webinnhold, raskere. Dreamweaver har et strømlinjeformet brukergrensesnitt, tilkoblede verktøy, og nye visuelle CSS redigeringsverktøy lar deg kode effektivt og intuitivt. Dreamweaver ® CC hjelper deg med å holde tritt med web-standarder ved å gi deg tilgang til nye funksjoner så snart de er tilgjengelige. Den kreative verdenen er samlet på ett sted.

Lag innhold for web og mobil ved hjelp av intuitive visuelle verktøy som forbedret CSS Designer, Live Highlight, og modernisert Live View. Dra nytte av støtte for moderne web-plattformer, inkludert HTML5, CSS3, PHP og Javascript.

 

Hva er HTML, CSS, Java og jQuery?

HTML (HyperText Markup Language) er et markeringsspråk som benyttes for formatering av nettsider med hypertekst og annen informasjon som kan vises i en nettleser. HTML benyttes til å strukturere informasjon – angi noe tekst som overskrifter, avsnitt, lister og så videre – og kan, i en viss grad, brukes til å beskrive utseende og semantikk i et dokument.

Cascading Style Sheets (CSS) er et stilark som brukes for å beskrive utseende og formatering av et dokument skrevet i f.eks. HTML. CSS er utviklet for å formatere dokumentinnhold - som layout, farger og fonter , og bidrar til å forbedre innholdet på en webside. Samtidig reduseres repeterende arbeid betraktelig i det strukturelle innhold (for eksempel ved å definere egne stiler for tekst, hyperkoblinger, tabeller, bilder etc.

CSS kan også benyttes for å tillate at websiden vises korrekt på forskjellige skjermstørrelser.

 

Javascript er et kodespråk som kan beskrives som en tilleggsfunksjon til HTML. Det fungerer på samme måte som html. Man skriver koder som nettleseren tolker og utfører. De fleste nettlesere kan tolke js. Man lager ikke hele side i java, men kun endel elementer, eller f.eks. validering av skjemaer i js.

jQuery er et "rammeverk" (bibliotek) som på en svært enkel måte lar deg utnytte javascript. jQuery inneholder en stor mengde ferdiglagde komponenter og funksjoner som man kan bruke uten å kunne javascript, f.eks. oppsett på bildegallerier, slideshows m.v. På kurset lærer kursdeltakerne hvordan de kan tilpasse ferdige jQueries slik at de kan utvikle kunnskaper på egen hånd.

Innhold i Dreamweaver grunnkurs

Å få en god forståelse for webdesign krever normalt mer enn 2 kursdager. Sissels Grafiske har lagt opp til et 3 dagers kurs slik at kursdeltakere etter avsluttet kurs kan føle seg trygg på at de klarer å lage et nettsted på egen hånd. Det er viktig å få nok til til å prøve og feile i løpet av kursdagene, slik at man lærer å feilsøke og korrigere egne feil.

Når man lager en internettside er det viktig å tenke organisering/struktur før selve arbeidet påbegynnes. Man må ha flere tanker i hodet samtidig; hvordan gjøre det enkelt for de som besøker siden å finne det de leter etter, hvordan presentere bedriftens produkter på en best mulig måte, og hvordan skape en side som styrker bedriftens profil. - Dette gjennomgås på kurset og målsettingen er å gi kursdeltakere en god forståelse for gevinsten i å ha en godt strukturert webside.

Dette er litt av det man lærer i løpet av kurset:

• Opprettet et webområde (site)
• Basis html-side
• CSS - stilarter
• DIV-tag
• Definere sidelayout
• Bakgrunnsbilder
• Tekststiler, p, h1, h2, h3
• Linker (styre linker)
• Asset-panelet

• Bilder
• Bilder som linker (mouse over)
• Bilder i nytt vindu
• Album i Dreamweaver
• Bildegalleri Lightbox
• Behaviours - forskjellige
• Navigasjonspanel
• Templates (malsider)
• Library (bibliotek)

• Tabeller
• Formularer
• Sette inn media (film)
• Spry og Ajax
• Fireworks Slideshow
• Local site vs. Remote site
• Google kart
• Google kalender
• Publisere websiden

Pris for Dreamweaver kurset

Kurset gir en grundig gjennomgang av alle verktøy og innstillinger, med mange praktiske oppgaver som skal utføres.

Antall dager

3 dager a 6 timer, kl. 09-15.

Formål

Gi kursdeltakerne det tekniske grunnlaget som trengs for å lage egne webløsninger.

Pris

NOK 10.000 pr deltaker. Utfyllende kursmanual og CD med oppgavefiler er inkludert i prisen.

Bruk Javascript i stedet for Flash til å lage bildegallerier

I en årrekke ble Flash benyttet til å lage bildegallerier. En ferdig flashfil med alle nødvendige koder, kunne benyttes som mal på alle lignende filer. - Flash har også vært det mest benyttede programmet til produksjon av nettannonser. Imidlertid har både iPad og iPhone problemer med å lese flashfiler, følgelig har nye teknikker overtatt. - Javascript er fantastisk - det fungere på alle plattformer, og det er kun fantasien som setter begrensninger for hva man kan få til.

Under kan du se et par bildegallerier som er bygd opp på en enkel og funksjonell måte ved hjelp av Javascipts.

 

Lightbox bildegalleri - Javascript

Lightbox er en Javascript-teknikk som brukes til å vise bilder og annet webinnhold ved hjelp av modale dialogbokser. Med Lightbox kan bilder samles og organiseres i grupper og man kan benytte forrige/neste-knappene for å navigere. Websidens bakgrunn får en mørk, transparent effekt. Lightbox-funksjonen kan avsluttes ved at man klikker utenfor bildet eller bruker Close-knappen (X).

Lightbox inngår i grunnkurset. Kursdeltakerne får en detaljert oppskrift, samt CD med nødvendig javascript og CSS.

 

Adobe Creative Cloud CS6

Highslide bildegalleri - klikk for å forstørre - kjør slideshow

Hva er Highslide JS? Highslide JS er en visningsfunksjon for bilder skrevet i Javascript. Highslide er mye benyttet av mediene.
Det er praktisk i bruk og kan installeres uten å skrive en eneste kode.

Etter å ha åpnet bildet eller HTML popup, kan brukeren ved hjelp av pilene bla videre ned eller forlate siden ved å klikke utenfor bildet. Musepekeren endrer seg til et forstørrelsesglass og man får en zoom in/zoom out-effekt. Når man holder musepekeren nede og drar,
endres den til et flytte-ikon. Highslide er kompatibelt med alle nettlesere.

Higslide inngår ikke i grunnkurset. Om du ønsker å lære Highslide på egenhånd, kan du følge instruksjonene på denne linken
som består av to videoer (ca. 15 min). Der kan du også laste ned nødvendige javascript.

Husk å foreta nødvendige endringer CSS-filen (highslide.css) hvis du flytter om på filene eller gir mappene nytt navn.

Det samme må du gjøre i javascriptet (highslide-with-gallery.js). - Lykke til!

Tjenestetilbud

ANNONSEPRODUKSJON



Klikk på linkene for å se eksempler på annonser og nettannonser.

 

Kurstilbud

 

Klikk på linkene for å se kursinnhold. Eller klikk på Flip-brosjyren:

 

 


Her finner du Sissels Grafiske

Sissels Grafiske - Sissel Klungsøyr
Richard Eidsvigsveg 27U (underetasje)
N-6006 Ålesund