Si të shtoni imazhe në faqen tuaj të internetit në Dreamweaver

Shtimi i një imazhi në faqen tuaj të internetit mund të duket pothuajse magjik në fillim, sepse procesi është kaq i thjeshtë me Dreamweaver. Sfida me grafikat në ueb nuk është shtimi i tyre në faqet tuaja, por krijimi i imazheve të bukura që ngarkohen shpejt në shfletuesin e shikuesit tuaj.

Ju duhet një program tjetër, si Photoshop, Photoshop Elements ose Fireworks, për të krijuar, konvertuar, modifikuar dhe optimizuar imazhe. Optimizimi i imazheve i bën madhësitë e skedarëve më të vogla në mënyrë që imazhet tuaja të shkarkohen më shpejt. Dreamweaver ofron disa mjete bazë të redaktimit të imazheve, por kryesisht ju përdorni Dreamweaver për të futur dhe pozicionuar imazhe në faqen tuaj.

Dreamweaver e bën të lehtë vendosjen e imazheve në faqet tuaja të internetit dhe ofron mënyra të shumta për ta bërë këtë:

• Klikoni ikonën Images në panelin Common Insert dhe më pas zgjidhni një imazh duke përdorur kutinë e dialogut Insert Image.

• Në panelin Files, klikoni dhe tërhiqni një emër imazhi në faqen ku dëshironi të shfaqet imazhi.

• Përdorni menunë Insert.

Nëse nuk keni në dispozicion një imazh JPEG, GIF ose PNG të optimizuar në ueb, mund të shkarkoni imazhe falas që janë tashmë të optimizuara.

Për të vendosur një imazh në një faqe interneti duke përdorur menynë Fut, ndiqni këto udhëzime:

Hapni një faqe ekzistuese ose krijoni dhe ruani një faqe të re.

Vendoseni kursorin aty ku dëshironi të futni imazhin në faqe.

Mund të futni imazhe në pjesën e sipërme majtas të një skedari të ri bosh dhe mund të futni imazhe në të

etiketat dhe elementet në një faqe interneti, por nuk mund të vendosni thjesht një imazh në mes të një faqeje pa përdorur etiketa shtesë HTML ose formatim CSS për ta pozicionuar atë.

Zgjidhni Fut → Imazhi → Imazhi.

Shfaqet kutia e dialogut Zgjidh burimin e imazhit.

Shfletoni për të gjetur imazhin që dëshironi të futni.

Në varësi të sistemit të kompjuterit tuaj, ju mund t'i shikoni paraprakisht imazhet ndërsa i futni ato në mënyra të ndryshme. Këtu janë tre opsione të zakonshme:

• Në një kompjuter me Windows XP, zgjidhni Thumbnails nga lista rënëse e menusë View në të djathtë të fushës Look In për të shfaqur versionet e miniaturave të të gjitha imazheve në çdo dosje të hapur. Ju gjithashtu mund të shikoni një pamje paraprake të çdo imazhi të zgjedhur në skajin e djathtë të kutisë së dialogut.

• Në një kompjuter me Windows Vista ose Windows 7 , zgjidhni një opsion ikonë (ikona të vogla, ikona të mesme, ikona të mëdha ose ikona tepër të mëdha) nga lista rënëse e menysë View në të djathtë të fushës Shiko në për të shfaqur versionet miniaturë të të gjitha imazhet në çdo dosje të hapur. Ju gjithashtu mund të shikoni një pamje paraprake të çdo imazhi të zgjedhur në skajin e djathtë të kutisë së dialogut.

• Në një Mac, zgjidhni opsionin View As Columns nga sipër majtas i kutisë së dialogut. Ju mund të shikoni një pamje paraprake të çdo imazhi të zgjedhur në skajin e djathtë të kutisë së dialogut.

  

  Kredia: Fotot nga Casey Stoll

Për të futur imazhin, klikoni dy herë mbi emrin e figurës ose klikoni një herë dhe më pas klikoni OK.

Nëse futni një imazh në një faqe dhe imazhi nuk ruhet në dosjen tuaj lokale të faqes, Dreamweaver ju kërkon një kuti dialogu paralajmërues dhe ofron të kopjoni imazhin në dosjen tuaj lokale të faqes. Shumë dizajnerë krijojnë një nënfolder të quajtur imazhe brenda dosjes lokale të faqes ku i ruajnë të gjitha imazhet në faqen e tyre, por ju mund t'i organizoni imazhet në nënfolderë të shumtë nëse dëshironi.

Zgjidhni imazhin në faqen tuaj të internetit për të parë dhe modifikuar vetitë e imazhit.

Opsionet e imazhit shfaqen automatikisht në inspektorin e vetive në fund të faqes kur zgjidhet një imazh.

Kredia: Foto nga Casey Stoll

Kur futni një skedar imazhi në një faqe, në fakt nuk shtoni një kopje të imazhit në faqe; ju krijoni një referencë për imazhin. Kodi themelor duket shumë si kodi për një lidhje nga një faqe në tjetrën.

Referencat dhe lidhjet e imazhit përfshijnë emrin e skedarit dhe shtegun nga faqja në atë skedar. Në thelb, ju po krijoni një udhëzim për një shfletues në internet për të gjetur imazhin kur ai shfaq faqen.

Për të shfaqur një imazh në faqen tuaj të internetit, duhet të ngarkoni si faqen ashtu edhe imazhin kur publikoni faqen tuaj të internetit. Nëse skedarët tuaj të imazhit dhe faqet që i referohen atyre skedarëve nuk janë në të njëjtin vend relativ në hard diskun tuaj si në serverin tuaj të internetit, ju thyeni referencën për imazhet tuaja dhe një ikonë e shëmtuar "Imazh i thyer" shfaqet në faqen tuaj .

Mënyra më e mirë për t'u siguruar që imazhet dhe skedarët tuaj të qëndrojnë aty ku supozohet në raport me njëri-tjetrin është të lejoni Dreamweaver t'i gjurmojë ato për ju. Kjo është arsyeja pse është kaq e rëndësishme të përfundoni procesin e konfigurimit të faqes dhe të siguroheni që kurrë të mos lëvizni ose riemërtoni një imazh, përveç në panelin Files.