Reklāmkarogu un vietņu karšu izveidošana iesācējiemTīmekļa pārziņi sastopas ar tādu problēmu kā saites ievietošana attēlā, izvēlnes ar tās palīdzību padarot gaišāku un interesantāku. Bet kā to izdarīt? Nekas nav vienkāršāks, ja zināt HTML valodu.
Uzzināsim, kā tulkotrealitāte ir dots pasākums. Mūsu rakstā mēs jums piedāvāsim divas problēmas risināšanas iespējas. Viens no tiem tiek izmantots reti tāpēc, ka tas prasa daudz laika un pūļu, otrais tiek uzskatīts par vispārzināmu. Mēs analizēsim abas metodes.
Pirms runāt par to, kā padarīt attēlu attēlā saiti, mēs noskaidrosim, kur un kāpēc tie tiek izmantoti. Galu galā būs vieglāk saprast, ko mēs vēlamies no attēla.
Attēlu saites parasti tiek izmantotas kāreklāmkarogi, kuros aicināti piedalīties reklāmas zīmējumi. Tā piemērs ir attēls vienā un tajā pašā "VKontakte". Atcerieties, cik reizes esat noklikšķinājis uz fotoattēla, kurā ir iegulta šī vai tā adrese? Turklāt diezgan bieži tie tiek izmantoti kā grupu un kopienu izvēlne, it īpaši, ja tajos ir īpaši ieraksti. Daudzi šādi attēli ir atrodami citās vietnēs.
Vienkāršākā lieta ir attēla saite.Sākumā runāsim par viņu. Šī ilustrācija ir gatava atsauce. Tas ir, noklikšķinot uz šāda attēla, jūs tiksit novirzīts uz jaunu lapu.
Ja precīzi zināt, kā tiek iestatīta regulārā saite, izmantojot HTML marķējumu, tad jums nevajadzētu radīt nekādas problēmas. Vienīgā atšķirība ir tā, ka saites teksta vietā tiek norādīts attēls.
Tātad, lai piepildītu savu plānu, tujums būs nepieciešams pats attēls, lejupielādēts internetā vai atrodams datorā (atkarībā no tā, vai darbosities tiešsaistes režīmā, pašā vietnē vai izmantosit redaktorus).
Mēs meklējam attēla adresi, pierakstām to, lai neaizmirstu. Mēs arī salabojam saiti, kurai vajadzētu atvērt šo fotoattēlu.
Tālāk uzrakstiet šādu tekstu: attēls - īpašs kods. Attēla saite tiek precīzi iestatīta ar tās palīdzību.
Tādējādi mēs paredzam saiti, kaparādīts kā ilustrācija. Diezgan viegli un vienkārši. Bet tas ir piemērots tikai tad, ja domājat, ka tam vajadzētu būt tikai vienai saitei. Bet ko darīt, ja vajadzētu būt vairākiem? Tad mēs pārietam pie citām iespējām.
Pirmā no metodēm tika izstrādāta patstāvīgi tīmekļa lapu iezīmēšanas valodas izpētes laikā. Šādas izvēlnes izveidošana var aizņemt pāris stundas.
Šī metode ir piemērota tiem, kam patīk sajauktdažādi redaktori, jo tas ir diezgan darbietilpīgs un prasa nedaudz vairāk laika, nekā izvēlnes vai kartes izveidošana otrajā veidā. Tas sastāv no tā, ka tiek uzņemts attēls, kas tiek sagriezts vairākās sloksnēs vai kvadrātā. Katrs attēls ir parakstīts, un, pamatojoties uz to, tiek izveidota saite, kā aprakstīts iepriekš. Tālāk lapas kodā tagi tiek uzrakstīti vajadzīgajā secībā. Tas ir viss, jautājums par to, kā padarīt attēlu attēlā saiti, ir praktiski atrisināts. Bet neaizmirstiet par otro iespēju.
Tas sastāv no izvēlnes sastādīšanas, kurā piedalās tikai viens attēls, saites iestatīšana katram ilustrācijas apgabalam. Neuztraucieties, šajā jautājumā nav nekā arhaiska. Un tagad vispirms vispirms.
Pirmo metodi analizēsim sīkāk.
Sākumā jums būs nepieciešamas zināšanas par grafiskajiem redaktoriem un HTML. Kā padarīt attēlu saiti, jums pateiks šis konkrētais lapas izkārtojuma veids.
Tātad, ja jūs nolemjat iet šo ceļu,jums būs nepieciešams attēls un vienkāršs grafiskais redaktors, kas ļauj izgriezt attēlus un uz tiem likt uzrakstus, kā arī vieta, kur tos aizpildīt.
Ja šī ir jūsu vietne, piemērota ir parastā galerija vai failu bibliotēka, VKontakte tas var būt grupas vai kopienas albums (vēlams slēgts).
Tālāk jums vajadzētu sagriezt attēlu daļās, arŠajā gadījumā noteikti atcerieties saņemto detaļu secību. Uz tiem ievietojam uzrakstus un augšupielādējam tos uz servera, pierakstām saites uz katru ilustrāciju.
Mēs ņemam iepriekš minēto kodu un aizstājam tonepieciešamie dati. Tad mēs vietnē aizpildām attēlus precīzā secībā, kādā tiem jāiet. Tajā pašā laikā, ja jūs to sagriežat sloksnēs, tad katra saite ir jāiestata no jaunas līnijas, bet, ja fotoattēlu sadalījāt kvadrātā, tad rindā jāievieto tik daudz saišu, cik bija kvadrātu.
Tātad, ja jums nav ērti ar pirmo iespēju, un jūsJa vēlaties uzzināt, kā padarīt attēlu attēlā saiti citā veidā, mēs varam jums piedāvāt izveidot saišu karti. Tas ir atvieglots, bet man var būt problēmas tikai ar parametru iestatīšanu. Kāpēc, saproti tālāk.
Pirmkārt, jums vajadzētu atcerēties, ka kartevietne ir savienota ar attēlu, izmantojot komandu usemap = "# map1, kas ir ierakstīts tagā img. Tāpēc, augšupielādējot attēlu vietnē, noteikti pievienojiet tagā otro daļu - usemap =" # kartes nosaukums ".
Attēla turpmāka iezīmēšana zonās, uz kurāmsaites ir pievienotas, tas tiek darīts, izmantojot sapāroto tagu <map> </map>, kuru var ievietot jebkurā jums ērtā vietā starp sapārotajiem tagiem <body> </body>.
Ņemiet vērā, ka, izmantojot šāda veida kartes izveidi, jums jānorāda ne tikai saites, bet arī to darbības zonas un koordinātas. Pēc tam mēs analizēsim galvenos šī taga parametrus.
Tātad, jūsu acu priekšā ir gatava attēlu saite.HTML ļauj ievērojami uzlabot šī attēla funkcionalitāti - izcelt tajā noteiktu zonu saitēm. Tas viss tiek noteikts, izmantojot īpašus parametrus, kas tagad tiks apspriesti.
Parunāsim nedaudz par pāra <map> pamatparametriem. Pirmkārt, tas ir nosaukums, kas ir vienāds ar lietotnes kartes vērtību. Tātad jūs domājat, ka šī karte ir rakstīta tieši šim attēlam.
Pēc tam pārī savienotā <map> taga iekšpusē tiek uzrakstīts vēl viens tags - <apgabals>, kas apraksta saites apgabalus. Tas nav savienots pārī, un, protams, tam ir savi parametri.
Pats pirmais ir forma. Ar tās palīdzību tīmekļa pārzinis nosaka apgabala veidu. Tas varētu būt:
Nākamais ir koordi.To izmanto, lai iestatītu laukuma koordinātas pikseļos. Izcelsme šajā koordinātu sistēmā ir augšējais kreisais stūris. Šeit slēpjas galvenā problēma - nav tik viegli iestatīt koordinātas, izmantojot pikseļus, it īpaši, ja nav zināšanas par datorgrafiku.
Mēs pieminēsim arī diezgan labi zināmo href, kas nosaka saites adresi.
Un pēdējais parametrs, kas jāpiemin, ir nohref. Tas parāda, ka norādītā teritorija nav saite.
Protams, tas nav pilnīgs saraksts.parametri, kurus var iestatīt attēla saitei vai kartei. Bet tajā pašā laikā būs pietiekami, lai izveidotu spilgtu un krāsainu saiti vai pat visu to sistēmu.
Neatkarīgi no tā, kā izveidot saites attēlusnav izvēlēts, galvenais ir tas, ka sākotnējais attēls ir labs. Mēģiniet izvēlēties tos dizainus, kas nav pārsteidzoši, nav kaitinoši ar spilgtām krāsām vai rakstiem. Tas ir īpaši svarīgi vietnes kartei. Jebkurā grafiskajā redaktorā varat izveidot vairāku fotoattēlu kolāžu, tos aptumšot vai ieslēgt vienu no filtriem.
Veidojot vietnes karti, ieteicams izvēlētiesattēli ar mīkstiem, nekairinošiem rakstiem. Ticiet man, ne vienmēr panākumu atslēga ir spilgta attēlu saite. "VKontakte" tomēr bieži koncentrējas uz spilgtumu un pievilcību, lai piesaistītu jaunus apmeklētājus.
Apkoposim.Mēs izdomājām, kā izveidot saiti “attēls attēlā”, un mēs apsvērām divas metodes, kuras var vienlīdz veiksmīgi izmantot dažādas sarežģītības pakāpes izvēlņu izveidošanai. Turklāt mēs izdomājām, kā iestatīt saites attēlu, kā arī uzzinājām par galvenajiem parametriem, kas ļauj izveidot diezgan ērtu vietnes karti, grupu vai kopienu.
