Kaip pridėti vaizdų į savo svetainę „Dreamweaver“.

Vaizdo pridėjimas prie tinklalapio iš pradžių gali atrodyti beveik stebuklingas, nes naudojant Dreamweaver procesas yra toks paprastas. Žiniatinklio grafikos iššūkis yra ne įtraukti juos į savo puslapius, bet sukurti gražiai atrodančius vaizdus, ​​​​kurie greitai įkeliami žiūrinčiojo naršyklėje.

Norint kurti, konvertuoti, redaguoti ir optimizuoti vaizdus, ​​jums reikia kitos programos, pvz., Photoshop, Photoshop Elements arba Fireworks. Optimizavus vaizdus, ​​failų dydis sumažėja, todėl vaizdai atsisiunčiami greičiau. „Dreamweaver“ teikia keletą pagrindinių vaizdų redagavimo įrankių, tačiau dažniausiai „Dreamweaver“ naudojate vaizdams įterpti ir išdėstyti puslapyje.

„Dreamweaver“ palengvina vaizdų įdėjimą į jūsų tinklalapius ir siūlo kelis būdus tai padaryti:

• Spustelėkite piktogramą Vaizdai skydelyje Bendras įterpimas ir pasirinkite vaizdą naudodami dialogo langą Įterpti vaizdą.

• Skydelyje Failai spustelėkite ir vilkite vaizdo pavadinimą į puslapį, kuriame norite, kad vaizdas būtų rodomas.

• Naudokite meniu Įterpti.

Jei neturite žiniatinklyje optimizuoto JPEG, GIF ar PNG vaizdo, galite atsisiųsti nemokamų vaizdų , kurie jau yra optimizuoti.

Norėdami įdėti vaizdą tinklalapyje naudodami meniu Įterpti, vadovaukitės šiomis instrukcijomis:

Atidarykite esamą puslapį arba sukurkite ir išsaugokite naują puslapį.

Užveskite žymeklį ten, kur norite įterpti vaizdą puslapyje.

Galite įterpti vaizdus į naujo tuščio failo viršutinį kairįjį kampą ir įterpti vaizdus į

žymas ir elementus tinklalapyje, bet negalite tiesiog įdėti vaizdo puslapio viduryje, nenaudodami papildomų HTML žymų arba CSS formatavimo jo vietai nustatyti.

Pasirinkite Įterpti → Vaizdas → Vaizdas.

Pasirodo dialogo langas Select Image Source.

Naršykite, kad surastumėte vaizdą, kurį norite įterpti.

Priklausomai nuo jūsų kompiuterio sistemos, įterpdami vaizdus galite peržiūrėti įvairiais būdais. Čia yra trys dažniausios parinktys:

• Kompiuteryje su Windows XP pasirinkite Miniatiūros iš meniu Rodinys išskleidžiamajame sąraše, esančiame lauko Look In dešinėje, kad būtų rodomos visų bet kuriame atidarytame aplanke esančių vaizdų miniatiūros. Dialogo lango dešinėje taip pat galite peržiūrėti vieną bet kurio pasirinkto vaizdo peržiūrą.

• Kompiuteryje, kuriame veikia „Windows Vista“ arba „Windows 7“ , pasirinkite piktogramos parinktį (mažos piktogramos, vidutinės piktogramos, didelės piktogramos arba ypač didelės piktogramos) iš meniu Rodymas išskleidžiamajame sąraše, esančiame lauko Ieškoti dešinėje, kad būtų rodomos miniatiūros visi vaizdai bet kuriame atidarytame aplanke. Dialogo lango dešinėje taip pat galite peržiūrėti vieną bet kurio pasirinkto vaizdo peržiūrą.

• Jei naudojate „Mac“, dialogo lango viršuje, kairėje , pasirinkite parinktį Rodyti kaip stulpelius. Dialogo lango dešinėje galite peržiūrėti vieną bet kurio pasirinkto vaizdo peržiūrą.

  

  Kreditas: Casey Stoll nuotraukos

Norėdami įterpti vaizdą, dukart spustelėkite vaizdo pavadinimą arba spustelėkite vieną kartą, tada spustelėkite Gerai.

Jei įterpiate vaizdą į puslapį, o vaizdas neišsaugomas jūsų vietinės svetainės aplanke, „Dreamweaver“ paragins įspėti dialogo langą ir pasiūlys nukopijuoti vaizdą į vietinės svetainės aplanką. Daugelis dizainerių sukuria poaplankį, vadinamą vaizdais , vietiniame svetainės aplanke, kuriame saugo visus savo svetainės vaizdus, ​​tačiau, jei norite, galite tvarkyti vaizdus keliuose poaplankiuose.

Norėdami peržiūrėti ir redaguoti vaizdo ypatybes, pasirinkite vaizdą savo tinklalapyje.

Vaizdo parinktys automatiškai rodomos nuosavybės inspektoriaus puslapio apačioje, kai pasirenkamas vaizdas.

Kreditas: Casey Stoll nuotrauka

Kai įterpiate vaizdo failą į puslapį, jūs iš tikrųjų nepridedate vaizdo kopijos į puslapį; sukuriate nuorodą į vaizdą. Pagrindinis kodas panašus į nuorodos iš vieno puslapio į kitą kodą.

Tiek vaizdo nuorodose, tiek nuorodose yra failo pavadinimas ir kelias nuo puslapio iki to failo. Iš esmės kuriate instrukciją žiniatinklio naršyklei rasti vaizdą, kai rodomas puslapis.

Kad tinklalapyje būtų rodomas vaizdas, publikuodami svetainę turite įkelti ir puslapį, ir vaizdą. Jei jūsų vaizdo failai ir puslapiai, kuriuose nurodomi tie failai, nėra toje pačioje santykinėje standžiojo disko vietoje kaip žiniatinklio serverio, sulaužysite nuorodą į vaizdus ir jūsų puslapyje pasirodys bjauri sugadinto vaizdo piktograma. .

Geriausias būdas užtikrinti, kad jūsų vaizdai ir failai liktų ten, kur turi būti vienas kito atžvilgiu, yra leisti „Dreamweaver“ juos stebėti už jus. Štai kodėl taip svarbu užbaigti svetainės sąrankos procesą ir įsitikinti, kad niekada nejudėsite ir nepervardysite vaizdo, išskyrus skydelį Failai.