Hvordan å gjøre HTML Grafikk Codes of My Own Design

Folk uten en HTML bakgrunn har ofte gode visuelle ideer for nettsteder, men har ingen anelse om hvordan å kode riktig nettstedet, slik at deres design kommer til live på skjermen. Men hvis en person bruker riktig type programvare, mye av HTML-grafikk koder av sine egne design kan gjøres for dem, så lenge de følger den rette prosessen.

Bruksanvisning

1 Lag et bilde av hva du vil at websiden skal se ut. Denne siden kan være utformet i et program som Photoshop eller InDesign eller andre program som lar deg lagre det endelige resultatet som en PDF-fil eller en JPG-fil. Legg ut denne siden (eller sider) nøyaktig slik du ønsker websiden skal se ut.

2 Åpne Dreamweaver. Opprett et nytt tomt dokument ved å velge "Opprett ny HTML-dokument" på oppstartsskjermen. Et nytt tomt dokument vises.

3 Fra "Insert" -menyen på verktøylinjen, velg "Image". Naviger til bildet du opprettet og lagret på datamaskinen i trinn 1.

4 Legg lenker til denne siden. Du kan legge til flere koblinger til ett bilde ved å klikke på bildet og deretter velge "Image Map" verktøyet nederst til venstre på siden. Bruk Utsnittsrektangelet å dra rundt området du vil koble til. Etter at området er skissert, skriv inn hele webadressen for koblingen inn i boksen som har en "#" i begynnelsen av den. Slette "#" før du skriver. Gjenta denne prosessen for hver kobling som må skapt i Guds bilde.

5 Legg merke til de to tappene på toppen av designpanel. Du er nå på "Design" -kategorien. Velg "Code" -kategorien. Når denne kategorien er valgt, vil du se at HTML Grafikk Koder har blitt opprettet for deg.

6 Velg denne HTML-koden ved å taste Ctrl + A og kopiere den med Ctrl + C. Lim inn koden i et tekstredigeringsprogram og lagre det. Denne koden kan limes inn i webserveren sammen med bildet du har laget. Det vil laste opp en side med levende lenker og bilder. Du har nå gjort HTML grafikk koder for ditt eget design.

Hint

  • Den polygon utvalget verktøyet kan brukes til å spore rundt deler av et bilde som skal knyttes til.
  • Ikke overlapper lenker. Gjør du det fører til at HTML-koden for å bli forvirret, og bare en av lenkene vil fungere.