Amopage

Hvordan bygge en portefølje med Dreamweaver

- Views 0
Advertisement

En online portefølje er ofte brukt av webdesignere, grafiske kunstnere eller fotografer til å annonsere sitt arbeid til potensielle kunder. Med Adobe Dreamweaver nettside redigeringsverktøy og en følgesvenn grafikk redigering verktøyet, kan du enkelt lage en portefølje på nettet med miniatyrbilder av arbeidet ditt en seer kan klikke for å se større versjoner og mer detaljert informasjon eller for å besøke et levende nettsted du designet.

Du trenger

Web-grafikk redigering programvare (Adobe Fireworks anbefales)

Adobe Dreamweaver

Bilder for din portefølje

Lag miniatyrbilder

Åpne din grafikk redigeringsverktøy og deretter åpne et av bildene for din portefølje.

Hvordan bygge en portefølje med Dreamweaver


Klikk på bildet og endre størrelsen til et miniatyr ca 150 til 200 piksler bred. I Fyrverkeri, programvaren som brukes for eksempel vises her, er det Bildestørrelse kommandoen finnes under Endre-menyen -> Canvas.

Eksporter miniatyr som en ny JPG-fil med et navn som indikerer det er miniatyrbildet. I Fireworks, for å eksportere bruk Fil-menyen -> Forhåndsvisning av bilde og velg JPG som filformat.

Hvordan bygge en portefølje med Dreamweaver


Gjenta trinnene over for å lage miniatyrbilder av alle bildene for din portefølje.

Lag nettside for Thumbnails

Åpne Dreamweaver og klikk "Opprett ny" fra hovedmenyen for å starte en ny HTML-dokument.

Hvordan bygge en portefølje med Dreamweaver


Skriv inn tekst for å beskrive hva slags portefølje dette er, og deretter trykke på returtasten.

Klikk på Sett inn bilde knappen øverst i verktøylinjen for å legge til et miniatyrbilde til siden.

Hvordan bygge en portefølje med Dreamweaver


Klikk på bildet en gang å velge den og velge Midt justering fra Properties Inspector slik at teksten du skriver ved siden av miniatyrbildet vil justere med midten av bildet.

Hvordan bygge en portefølje med Dreamweaver


Skriv inn tekst ved siden av miniatyrbildet for å beskrive hva det er.

Skriv inn et par linjeskift og sette inn et annet bilde og beskrivende tekst. Gjenta for alle miniatyrbilder.

Hvordan bygge en portefølje med Dreamweaver


Klikk Fil-menyen og velg Lagre for å lagre fremgangen så langt.

Lag Portfolio Detalj Sider

Klikk Fil-menyen, og deretter Ny for å starte en ny HTML-dokument. Dette vil være den siden som kommer opp når noen klikker på første miniatyr.

Skriv inn tekst øverst på siden for å indikere hva design denne siden er detaljering.

Klikk på Sett inn bilde-knappen på verktøylinjen og legge til et bilde større eller full-størrelse du ønsker å vise kundene.

Klikk Fil-menyen og velg Lagre for å lagre den nye filen.

Gjenta disse trinnene og lage detalj sider for alle elementene i din portefølje.

Link Thumbnails til detaljer Sider

Dobbeltklikk på siden med miniatyrbildene i listen Lokal nettstedet fil på høyre side av skjermen for å åpne det hvis det ikke fortsatt åpen på skjermen.

Klikk en gang på et miniatyrbilde for å velge det.

Sett inn en link fra at et av bildene for detaljsiden forbundet med den ved å klikke på mappeikonet til høyre for "Link" boksen i Properties Inspector og velge filen fra dialogboksen, eller ved hjelp av "Point til fil" cross -hairs ikonet ved siden av Link boksen og dra pekeren til filen i Local listen nettstedet fil til høyre.

Hvordan bygge en portefølje med Dreamweaver


Gjenta trinnene over for å legge til linker til alle dine miniatyrbilder.

Klikk Fil-menyen og velg Lagre for å lagre endringene.

Last portefølje filer til webserveren med den blå "opp" pilen i listen til høyre lokale området filer og deretter teste sidene i nettleseren din.

Hint

Hvis din portefølje inneholder miniatyrbilder av nettsteder du har opprettet og disse nettstedene er levende, kan du legge en link til nettsteder for å vise dem frem i stedet for å lage en egen informasjonsside om design.

For å stoppe folk laster ned bilder i full størrelse fra porteføljen din, kan det være lurt å legge et vannmerke på dem med grafikk-redigeringsverktøy. En tekstlinje med lav opasitet over hoveddelen av bildet vil fungere.

Tags

This article reproduced

Original address " http://www.amopage.com/hvordan-bygge-en-portefolje-med-dreamweaver/ "

相关文章!
  • Hvordan bygge en nettbutikk med Dreamweaver Hvordan bygge en nettbutikk med Dreamweaver
    - 阅 0

    Dreamweaver er mangesidig og har et program som følger med det som kalles forlengelse manager. Inne i Extension Manager man er tildelt muligheten til å dele og samle legge på utvidelser for Dreamweaver. En av de utvidelser tilgjengelig for brukere ka

  • Hvordan bygge en Trebuchet med PVC Pipe Hvordan bygge en Trebuchet med PVC Pipe
    - 阅 0

    Store trebucheter ble brukt som beleiring våpen for å ødelegge slottene og brystvernet gjennom hele middelalderen. Utformingen ble opprinnelig opprettet i Kina i det fjerde århundre f.Kr., ved hjelp av arbeidskraft i stedet for en motvekt. I moderne

  • Hvordan stavekontroll en webside med Dreamweaver
    - 阅 0

    Hvordan stavekontroll en webside med Dreamweaver. Stavefeil kan gjøre siden ser amatørmessig og uprofesjonell. Bruk alltid stavekontroll funksjon før publisering en side. Denne opplæringen bruker Macromedia Dreamweaver 3.0. Du trenger Macromedia Drea