Si Të Vendosni Një Imazh Në Një Faqe Në Internet

Përmbajtje:

Si Të Vendosni Një Imazh Në Një Faqe Në Internet
Si Të Vendosni Një Imazh Në Një Faqe Në Internet

Video: Si Të Vendosni Një Imazh Në Një Faqe Në Internet

Video: Si Të Vendosni Një Imazh Në Një Faqe Në Internet
Video: Si te krijojme nje e-mail ne Gmail - Nga Celulari 2024, Nëntor
Anonim

Gjithçka që vizitori sheh në faqet e faqes shfaqet nga shfletuesi bazuar në udhëzimet e hollësishme që i dërgohen nga serveri. Këto udhëzime quhen kodi html i faqes dhe përbëhen nga "etiketa" të veçanta që përshkruajnë llojin, pamjen dhe vendndodhjen e secilit element veç e veç. Për të vendosur ndonjë element të ri (për shembull, një imazh) në një faqe, duhet të shtoni një udhëzim përkatës - një etiketë - në kodin burimor të tij. Konsideroni mënyrën më të lehtë për ta bërë këtë.

Futja e një imazhi në një faqe
Futja e një imazhi në një faqe

Udhëzimet

Hapi 1

Nëse përdorni ndonjë lloj sistemi të menaxhimit të përmbajtjes, atëherë ka shumë të ngjarë që ai të përfshijë një redaktues faqeje. Së pari, duhet të hapni faqen e dëshiruar në këtë redaktues. Më tej - opsionet janë të mundshme. Në rastin më të mirë, redaktori i faqes do të ketë një "modalitet vizual", me fjalë të tjera - "Modaliteti WYSIWYG" (Çfarë Shikoni është Ajo që Merrni - "ajo që shihni është ajo që merrni"). Në këtë mënyrë, nuk do të keni nevojë të merreni aspak me kodin origjinal html! Faqja në redaktor do të duket e njëjtë si në faqe, do të jetë e mjaftueshme për të futur miun në vendin e dëshiruar dhe shtypni butonin "futni imazhin" në panelin e redaktuesit.

Hapi 2

Si rezultat, do të hapet një kuti dialogu në të cilën duhet të zgjidhni foton e dëshiruar. Nëse nuk e keni ngarkuar ende, ekziston edhe një buton për zgjedhjen e një imazhi në kompjuterin tuaj dhe ngarkimin e tij në server. Për më tepër, në këtë dialog mund të vendosni ngjyrën dhe gjerësinë e kornizës rreth figurës, distancën dhe ngjyrën e mbushjes midis kornizës dhe figurës, tekstin për këshilla për veglat. Nuk është e nevojshme të specifikoni dimensionet këtu, por për arsye të përshpejtimit të ngarkimit të faqes dhe për të parandaluar shtrembërimin e dizajnit, është akoma më mirë ta bëni këtë. Kur të plotësohen të gjitha fushat e kërkuara të dialogut, klikoni "OK" dhe pastaj ruani faqen e redaktuar.

Vendos Kutinë e Dialogut të Imazhit
Vendos Kutinë e Dialogut të Imazhit

Hapi 3

Për shkak të faktit se nuk ka një standard të vetëm për sistemet e kontrollit, procedura për futjen e një imazhi në modalitetin vizual të sistemit tuaj mund të ndryshojë pak, por parimi do të jetë i njëjtë. Për të njëjtën arsye, mënyra WYSIWYG mund të mos shfaqet në sistemin e menaxhimit të faqes tuaj. Atëherë ju akoma duhet të ndryshoni kodin burimor të faqes në HTML (HyperText Markup Language - "hypertext markup language"). Ju do të duhet të futni një etiketë në vendin e duhur në kodin që i thotë shfletuesit të tregojë imazhin këtu. Në formën e tij më të thjeshtë, duhet të duket kështu: Këtu është "adresa relative" e imazhit - në këtë adresë shfletuesi duhet të kontaktojë serverin për të marrë skedarin e imazhit prej tij. Nëse adresa është relative, atëherë shfletuesi do të supozojë se skedari është në të njëjtën dosje të serverit si vetë faqja (ose në një nënfolder). Por, për të mos gabuar, është më mirë të specifikoni "adresën absolute" - për shembull, si kjo: Natyrisht, në mënyrë që serveri të gjejë dhe dërgojë imazhin në shfletues, duhet të ngarkohet në specifikuar vendndodhja. Mënyra më e lehtë për ta bërë këtë është përmes menaxherit të skedarëve, i cili është në çdo sistem të menaxhimit të përmbajtjes, si dhe në panelin e kontrollit të kompanisë suaj të pritjes. Ju gjithashtu mund ta bëni këtë duke përdorur protokollin FTP (Protokolli i Transferimit të Skedarëve - "protokolli i transferimit të skedarit"), duke përdorur një program të veçantë - FTP-klient. Ka shumë prej tyre, të paguar dhe falas - për shembull, Cute FTP, FlashFXP, WS FTP, etj. Por, natyrisht, instalimi, masterizimi dhe konfigurimi i programit do kohë, kështu që një menaxher skedarësh për të shkarkuar gjithçka që ju nevojitet përmes një shfletues është një opsion më i lehtë.

Hapi 4

Përveç adresës në html-tag të figurës, ju mund të specifikoni informacione shtesë - "atributet" e etiketës. Për shembull, atributi alt="Image" përmban tekstin për tipin e veglave që shfaqet kur vendosni kursorin e miut mbi figurë: Mund të zëvendësohet me atributin - title: - Madhësia e drejtkëndëshit në të cilin duhet shfletuesi afishimi i imazhit përcaktohet nga atributet e gjerësisë dhe lartësisë: - Atributi bordurë specifikon gjerësinë e kufirit rreth figurës (në piksele): Nëse imazhit i bëhet një lidhje, shfletuesi do të vizatojë një kufi blu rreth tij. Për ta hequr qafe, vendosni vlerën e kufirit në zero: - Dy atributet e tjera përmbajnë informacion në lidhje me sasinë e indentacionit të fotos nga elementët ngjitur (nga linjat e tekstit, fotografi të tjera, etj.) - hspace vendos madhësinë e prerje horizontale (majtas dhe djathtas), vspace - vertikalisht (poshtë dhe sipër):

Recommended: