Kā pievienot attēlus savai vietnei pakalpojumā Dreamweaver

Attēla pievienošana tīmekļa lapai sākumā var šķist gandrīz maģiska, jo ar Dreamweaver process ir tik vienkāršs. Tīmekļa grafikas uzdevums ir nevis pievienot tos savām lapām, bet gan izveidot izskatīgus attēlus, kas ātri tiek ielādēti skatītāja pārlūkprogrammā.

Lai izveidotu, pārveidotu, rediģētu un optimizētu attēlus, nepieciešama cita programma, piemēram, Photoshop, Photoshop Elements vai Fireworks. Attēlu optimizēšana samazina failu izmērus, lai attēli tiktu lejupielādēti ātrāk. Dreamweaver nodrošina dažus pamata attēlu rediģēšanas rīkus, taču lielākoties jūs izmantojat Dreamweaver, lai ievietotu un novietotu attēlus savā lapā.

Dreamweaver atvieglo attēlu ievietošanu tīmekļa lapās un nodrošina vairākus veidus, kā to izdarīt:

• Noklikšķiniet uz ikonas Attēli panelī Common Insert un pēc tam atlasiet attēlu, izmantojot dialoglodziņu Insert Image.

• Failu panelī noklikšķiniet uz attēla nosaukuma un velciet to uz lapu, kurā vēlaties parādīt attēlu.

• Izmantojiet izvēlni Ievietot.

Ja jums nav pieejams tīmeklī optimizēts JPEG, GIF vai PNG attēls, varat lejupielādēt bezmaksas attēlus, kas jau ir optimizēti.

Lai ievietotu attēlu tīmekļa lapā, izmantojot izvēlni Ievietot, izpildiet šos norādījumus:

Atveriet esošu lapu vai izveidojiet un saglabājiet jaunu lapu.

Novietojiet kursoru vietā, kur vēlaties ievietot attēlu lapā.

Varat ievietot attēlus jauna tukša faila augšējā kreisajā stūrī un ievietot attēlus

tagus un elementus tīmekļa lapā, taču jūs nevarat vienkārši ievietot attēlu lapas vidū, neizmantojot papildu HTML tagus vai CSS formatējumu, lai to novietotu.

Izvēlieties Ievietot → Attēls → Attēls.

Tiek parādīts dialoglodziņš Atlasīt attēla avotu.

Pārlūkojiet, lai atrastu attēlu, kuru vēlaties ievietot.

Atkarībā no jūsu datorsistēmas varat priekšskatīt attēlus, kad tos ievietojat dažādos veidos. Šeit ir trīs izplatītas iespējas:

• Datorā ar operētājsistēmu Windows XP izvēlieties Sīktēli no izvēlnes Skats nolaižamajā sarakstā pa labi no lauka Look In, lai parādītu visu attēlu sīktēlu versijas jebkurā atvērtajā mapē. Varat arī skatīt atsevišķu jebkura atlasītā attēla priekšskatījumu dialoglodziņa labajā malā.

• Datorā ar operētājsistēmu Windows Vista vai Windows 7 izvēlieties ikonas opciju (mazas ikonas, vidējas ikonas, lielas ikonas vai īpaši lielas ikonas) no skata izvēlnes nolaižamā saraksta, kas atrodas pa labi no lauka Meklēt, lai parādītu sīktēlu versijas. visus attēlus jebkurā atvērtajā mapē. Varat arī skatīt vienu jebkura atlasītā attēla priekšskatījumu dialoglodziņa labajā malā.

• Mac datorā dialoglodziņa augšējā kreisajā stūrī izvēlieties opciju Skatīt kā kolonnas. Dialoglodziņa labajā malā varat skatīt vienu jebkura atlasītā attēla priekšskatījumu.

  

  Autors: Keisijas Stolas fotoattēli

Lai ievietotu attēlu, veiciet dubultklikšķi uz attēla nosaukuma vai noklikšķiniet vienreiz un pēc tam noklikšķiniet uz Labi.

Ja lapā ievietojat attēlu un attēls netiek saglabāts jūsu vietējās vietnes mapē, Dreamweaver parādīs brīdinājuma dialoglodziņu un piedāvā kopēt attēlu vietējā vietnes mapē. Daudzi dizaineri vietējās vietnes mapē izveido apakšmapi, ko sauc par attēliem, kur viņi glabā visus savā vietnē esošos attēlus, taču, ja vēlaties, varat kārtot attēlus vairākās apakšmapēs.

Atlasiet attēlu savā tīmekļa lapā, lai skatītu un rediģētu attēla rekvizītus.

Kad attēls ir atlasīts, attēla opcijas tiek automātiski parādītas īpašuma inspektorā lapas apakšā.

Autors: Keisijas Stolas fotoattēls

Ievietojot lapā attēla failu, jūs faktiski nepievienojat lapai attēla kopiju; jūs izveidojat atsauci uz attēlu. Pamatā esošais kods izskatās līdzīgi kodam saitei no vienas lapas uz otru.

Gan attēlu atsaucēs, gan saitēs ir iekļauts faila nosaukums un ceļš no lapas uz šo failu. Būtībā jūs veidojat norādījumu tīmekļa pārlūkprogrammai, lai atrastu attēlu, kad tā parāda lapu.

Lai savā tīmekļa lapā rādītu attēlu, publicējot vietni, ir jāaugšupielādē gan lapa, gan attēls. Ja jūsu attēlu faili un lapas, kas attiecas uz šiem failiem, neatrodas tajā pašā relatīvajā vietā jūsu cietajā diskā, kur tās atrodas jūsu tīmekļa serverī, jūs pārtraucat atsauci uz saviem attēliem un jūsu lapā tiek parādīta neglīta bojāta attēla ikona. .

Labākais veids, kā nodrošināt, lai jūsu attēli un faili paliktu vietā, kur tiem vienam pret otru jāatrodas, ir ļaut Dreamweaver tos izsekot jūsu vietā. Tāpēc ir tik svarīgi pabeigt vietnes iestatīšanas procesu un pārliecināties, ka nekad nepārvietojat vai nepārdēvējat attēlu, izņemot paneli Faili.