Veb səhifəyə Şəkillər əlavə edin

Jeremy Girard tərəfindən düzəldildi

Ən yaxşı 10 HTML sualı

Videonuz: Google Formaları üçün Tam Bələdçi – Onlayn Sorğu və Məlumat Toplama Aləti!

MəZmun

• Veb səhifəmə midi musiqisini necə əlavə edə bilərəm?
• Veb səhifələrimdə arxa plan şəklini necə düzəldə bilərəm?
• Bunu necə edim ki, kimsə mətni tıklayaraq mənə mail göndərə bilər?
• Səhifəmizə sürüşmə mətni necə əlavə edə bilərəm?
• Mətnin çox rəngini necə edim?
• Bir şəkli necə bir keçid edə bilərəm?
• Bağlantımın bu çirkin sərhədsiz olmasını necə edə bilərəm?
• Bir şəkil faylı istifadə etmədən veb səhifəmin arxa planda bir rəngli olması üçün bunu necə edim?
• Biri digərindən yüksək və ya aşağı ola bilməsi üçün şəkilləri necə düzəldə bilərəm?
• Başqa bir veb səhifəyə necə keçid edə bilərəm?

Veb səhifəmə midi musiqisini necə əlavə edə bilərəm?

Aşağıdakı etiketi istifadə edin.

Hansı ki, aşağıdakı nümunəni verə bilərsiniz.

Veb səhifələrimdə arxa plan şəklini necə düzəldə bilərəm?

Bədən fonunu aşağıda göstərildiyi kimi arxa plan kimi istifadə etmək istədiyiniz şəklin adına yönəldin. Bu bədən xətti sizdən sonra ilk sətir olmalıdır etiket.

Arxa fon şəklini də düzəldə bilərsiniz, buna görə brauzerdə sürüşmə çubuğundan istifadə edərkən hərəkət etmir. Bunu etmək üçün aşağıda göstərildiyi kimi BGPROPERTIES etiketini əlavə edin.

Bunu necə edim ki, kimsə mətni tıklayaraq mənə mail göndərə bilər?

Mailto əmrini özünüzdə istifadə edin bir href aşağıda göstərildiyi kimi link etiketi.

Yuxarıdakı nümunə aşağıda göstərilənə bənzər bir əlaqə yaradacaqdır.

Kompüter Kompüter Ümid

Səhifəmizə sürüşmə mətni necə əlavə edə bilərəm?

Bütün brauzerlərin sürüşmə mətnini dəstəkləmədiyini unutmayın. Lakin bunu etmək üçün aşağıdakı nümunəyə bənzər bir etiket əlavə edin.

Yuxarıdakı nümunə aşağıda sürüşən mətn yaradacaqdır. Brauzeriniz sürüşmə mətnini dəstəkləyirsə, aşağıdakı nümunə sürüşmə olmalıdır.

Bax bizim bu HTML etiketi haqqında daha ətraflı məlumat üçün etiket.

Mətnin çox rəngini necə edim?

Çox rəngli mətni etmək üçün aşağıda göstərildiyi kimi yazı etiketinizin rəngini tənzimləyin.

Yuxarıdakı nümunə mətni mavi edəcəkdir. Əslində, bütün əsas rəngləri edə bilərsiniz. Digər rəng seçimləri üçün etibarlı rənglərin siyahısına baxın.

Keçmişdə. İstifadə etmək adi bir hal idi mətn rəngi daxil olmaqla mətn xüsusiyyətlərini dəyişdirmək üçün etiket. The etiket müasir HTML-də köhnəlmişdir. Yuxarıdakı nümunədə olduğu kimi hər zaman yazı rənglərinizi dəyişdirmək üçün CSS istifadə edin. Şrift xüsusiyyətlərini dəyişdirmək üçün kömək üçün baxın: Veb səhifədəki şrift növünü, ölçüsünü və rəngini necə dəyişdirmək olar.

Bir şəkli necə bir keçid edə bilərəm?

İstifadə edin bir href aşağıda göstərildiyi kimi IMG şəkil etiketi ətrafında əlaqə etiketi.

Yuxarıdakı nümunə sizə aşağıdakı tıklanabilir şəkil bağlantısını verəcəkdir.

Bağlantımın bu çirkin sərhədsiz olmasını necə edə bilərəm?

Əlavə edin haşiyə: “yox” sizin üçün stil img aşağıda göstərildiyi kimi etiket.

Yuxarıdakı kod sizə aşağıdakı nümunəni verəcəkdir.

Bir şəkil faylı istifadə etmədən veb səhifəmin arxa planda bir rəngli olması üçün bunu necə edim?

Aşağıda göstərildiyi kimi bədən etiketindəki BGCOLOR-u (fon rəngi qısadır) dəyişdirin.

Yuxarıdakı nümunə səhifənin arxa planını ağ rəngdə edir. Bununla birlikdə, mavi, qırmızı və ya hər hansı bir HTML rəng kodu edə bilərsiniz.

Biri digərindən yüksək və ya aşağı ola bilməsi üçün şəkilləri necə düzəldə bilərəm?

Align ifadəsini istifadə edin img src aşağıda göstərildiyi kimi etiket.

Həm də əvəzinə üst, təyin edə bilərsiniz orta və ya altvə digər dəyərlər.

Başqa bir veb səhifəyə necə keçid edə bilərəm?

URL-də tam URL göstərin bir href aşağıda göstərildiyi kimi etiket.

Bağlamaq istədiyiniz ünvanla ünvanımızı dəyişdirin. “Ziyarət” yazıldığı yerdə bu linki adlandırmaq istədiyinizi dəyişdirin.

Veb səhifəyə Şəkillər əlavə edin

Bu gün hər hansı bir veb səhifəsinə baxın və siz müəyyən bir şeyləri ortaq paylaşdıqlarını görürsünüz. Birlikdə olan bu xüsusiyyətlərdən biri şəkillərdir. Doğru şəkillər bir veb saytın təqdimatına qədər çox əlavə edir. Bu şəkillərin bəziləri, şirkətin loqosu kimi, saytın markasına kömək edir və rəqəmsal şəxsiyyəti fiziki şirkətinizə qoşun.

Veb səhifəmizə bir şəkil, simge və ya qrafik əlavə etmək üçün, bir səhifənin HTML kodunda etiketi istifadə etməlisiniz. Siz HTML etiketini qrafikin göstərilməsini istədiyiniz yerdə tam olaraq yerləşdirirsiniz. Sayfanın kodunu işləyən veb brauzer, səhifənin görüntülendiği zaman bu etiketini müvafiq grafi ilə əvəz edər. Şirkətin loqosu nümunəsinə qayıdarkən, saytınıza bu şəkli necə əlavə edə bilərsiniz:

Şəkil xüsusiyyətləri

Yuxarıdakı HTML koduna baxdığınızda, elementin iki xüsusiyyətə malik olduğunu görürsünüz. Onların hər biri imaj üçün tələb olunur.

İlk xüsusiyyət “src” dir. Bu, səhifədə göstərilmək istənən bir görüntü fayldır. Məsələn, “logo.png” adlı bir fayl istifadə edirik. Bu saytın göstərildiyi zaman veb brauzerin göstərəcəyi qrafikdir.

Bundan başqa, bu faylın adı əvvəlində “/ images /” əlavə məlumat əlavə etdik. Bu fayl yolu. İlkin irəli sürüşmə, serverin kökünün kökünə baxmasını izah edir. Daha sonra “şəkillər” adlı bir qovluq və nəhayət “logo.png” adlı fayl axtaracaqsınız. Bir saytın bütün qrafiklərini saxlamaq üçün “şəkillər” adlı qovluğu istifadə etmək olduqca yaygın bir tətbiqdir, ancaq fayl yolunuz siteniz üçün uyğun olan hər hansı bir şeyə dəyişdiriləcəkdir.

İkinci zəruri xüsusiyyət “alt” mətni. Bu şəkil bir səbəblə yüklənməsə göstərilən “alternativ mətn” dir. Bizim nümunədəki “Company Logo” yazan bu mətn, şəkil yüklənməyincə göstəriləcək. Niyə belə olur? Müxtəlif səbəblər:

• Yanlış fayl yolu
• Yanlış fayl adı və ya səhv yazma
• Transmissiya səhvi
• Fayl serverdan silindi

Bunlar, göstərilən təsvirin əskik olmaya biləcəyi bir neçə imkandır. Bu hallarda, bizim alt mətn əvəzinə göstərilir.

Alt mətn, görmə əlilliyi olan bir ziyarətçi üçün “oxumaq” üçün ekran oxucu proqramı tərəfindən də istifadə olunur. Bizim kimi görünüşünü görə bilmədikləri üçün, bu mətn onları özünün nə olduğunu bilir. Bu səbəbdən alt mətn tələb olunur və niyə imicin nə olduğunu aydın şəkildə ifadə etməlidir!

Alt mətnin ümumi bir yanlış anlama, axtarışı məqsədləri üçün nəzərdə tutulmuşdur. Bu doğru deyil. Google və digər axtarış motorları, görüntünün nə olduğunu müəyyən etmək üçün bu mətni oxudursa da (yadda saxlayırlar ki, onlar da sizin “görməyiniz”), yalnız axtarış motorlarına müraciət etmək üçün alt mətni yazmamalısınız. Müəllif aydın insanlar üçün nəzərdə tutulmuş alt mətni. Axtarış motorlarına müraciət edən taga bəzi sözlər əlavə edə bilərsiniz, lakin bu da həmişə alt mətnin qrafik faylını görməyən hər kəs üçün nə olduğunu bildirərək əsas məqsədinə xidmət etdiyinə əmin olun.

Digər xüsusiyyətlər

IMG etiketi ayrıca, veb səhifənizdə bir qrafik qoyduğunuzda istifadə edə biləcəyiniz iki xüsusiyyətə malikdir – genişlik və hündürlük. Məsələn, Dreamweaver kimi bir WYSIWYG redaktoru istifadə edirsinizsə, avtomatik olaraq sizin üçün bu məlumatı əlavə edir. Məsələn bir nümunə:

WIDTH və HEIGHT xüsusiyyətləri brauzerin ölçüsünün ölçüsünü izah edir. Brauzer daha sonra yerləşdirmə yerində nə qədər yer bilir və şəkil yüklənərkən növbəti elementə keçə bilər. Bu informasiyanı HTML-də istifadə etməklə problem sizin surətinizin həmin ölçüsündə həmişə görünməyini istəmir. Misal üçün, ölçmə dəyişiklikləri bir baxış ekranına və cihazın ölçüsünə əsaslanan məsuliyyətli bir veb saytınız varsa, şəkillərinizin də çevik olmasını istəyirik. HTML-də sabit ölçünün nə olduğunu bildirirsinizsə, məsuliyyətli CSS media sorğuları ilə əvəz etmək çox çətin olacaq. Buna görə də, üslub (CSS) və strukturun (HTML) ayrılmasını təmin etmək üçün HTML kodunuza genişlik və boy xüsusiyyətləri əlavə etmirsiniz.

Bir qeyd: Bu ölçmə təlimatlarını tərk edirsinizsə və CSS-də bir ölçüsünü göstərmirsinizsə, brauzer şəkilləri hər halda default, yerli ölçüdə göstərəcəkdir.

Jeremy Girard tərəfindən düzəldildi

Veb hostunu necə seçmək olar

Bu, şəxsi və ya biznes veb saytınız üçün düzgün veb hostinq xidmətini necə seçəcəyinizi öyrədəcək. Siz vebsaytdan nəyə ehtiyacınız olduğunu, müxtəlif plan növlərini necə ölçəcəyinizi və nələrə diqqət yetirəcəyinizi öyrənəcəksiniz.

addım

3-cü hissənin 1-ci hissəsi: Texniki Ehtiyaclarınızın Müəyyən edilməsi

1. Saytınızın (və ya veb səhifə ideyasının) nə üçün işləməsinə qərar verin. Hostinq planlarına baxmağa başlamazdan əvvəl əsas ehtiyaclarınız haqqında yaxşı bir fikrə ehtiyacınız var. Saytınıza ən uyğun olan xidmət növünü müəyyən etmək üçün bu suallar siyahısından bələdçi kimi istifadə edin:
   • Öz domen adına ehtiyacınız var və ya istəyirsiniz?
   • Bloqunuz var (və ya istəyirsiniz)? Xüsusi bir blog platformasına ehtiyacınız varmı (məsələn, WordPress)?
   • Texniki cəhətdən savadlısınız, yoxsa başlanğıcsınız? Tərtibatçı deyilsinizsə, Squarespace, Wix və ya Weebly kimi ev sahibini nəzərdən keçirin. Bu hostlar heç bir texniki nou-hau olmadan dəbli şəxsi və ya peşəkar səhifə yaratmağı asanlaşdırır.
   • Həqiqətən pullu veb hostuna ehtiyacınız varmı, yoxsa pulsuz seçimlə edə bilərsiniz? Öz domen adınız olmayan şəxsi bloqunuz olmasını planlaşdırırsınızsa, Tumblr, Blogger və ya WordPress.com kimi pulsuz seçimləri nəzərdən keçirin.
   • Proqram və yeniləmələri quraşdırmaq üçün cPanel kimi vizual panelə etibar edirsiniz (və ya istəyirsiniz)?
   • Mövcud saytı yeni hosta köçürmək lazımdır? Əgər belədirsə, saytınızın işləməsi üçün xüsusi alətlər (xüsusi bloq platforması, müəyyən növ proqramlar üçün dəstək və s.) tələb olunurmu?
   • Sizə məhsul və ya xidmətlər satmaq və ödənişlər etmək lazımdırmı?

• Əgər cari saytınızın statistikasına çıxışınız varsa, artımı ölçmək üçün bu məlumatdan istifadə edin.

• Paylaşılan hostinq: Paylaşılan hosting şəxsi saytlar, saytları əsasən mətn əsaslı olan bloggerlər və satışlarını idarə etmək üçün Shopify və ya Etsy kimi xarici e-ticarət saytlarından istifadə edən kiçik bizneslər üçün əladır. Saytınız digər insanların saytlarına da ev sahibliyi edən serverdə yerləşdirilib, bu o deməkdir ki, siz bant genişliyi, sabit disk sahəsi, CPU gücü və RAM kimi resursları paylaşırsınız.
  • Ən sərfəli və istifadəçi dostu veb hostinq növü olaraq, paylaşılan hosting planları adətən veb sayt qurma alətləri, bir kliklə idarəetmə panelləri və məhdud dəstək təklif edir. Bir çox paylaşılan planlar da pulsuz domen adı ilə gəlir.
  • Bant genişliyi və sabit disk sahəsi məhduddur. Paylaşılan server sıxlaşarsa və ya resurs tələb edən saytlara ev sahibliyi edərsə, saytınızın performansı pisləşə bilər.
  • Siz saytınızın güvəndiyi bütün proqramların və verilənlər bazalarının saxlanması daxil olmaqla, saytınızın hər tərəfinə nəzarət edirsiniz. Siz həmçinin serverinizin təhlükəsiz, yamaqlı və yeni olmasını təmin etmək üçün məsuliyyət daşıyırsınız.
  • Əgər sizin server administratorunuz yoxdursa və özünüz texniki deyilsinizsə, bahalı ola biləcək “idarə olunan” xidmət planından istifadə edin.
  • VPS xidməti xüsusi hostinqə bənzəyir, öz əməliyyat sisteminizə və serverinizin backend alətlərinin bütün aspektlərini idarə etmək qabiliyyətinə malikdir. O, həm də paylaşılan server kimi görünür, çünki siz fiziki avadanlığı digər müştərilərlə paylaşırsınız.
  • Xüsusi bir server kimi, saytınızı qurmaq və saxlamaq üçün sizə qabaqcıl texniki nou-hau (və ya idarə olunan dəstək planı) lazımdır.

  3-cü hissənin 2-ci hissəsi: Xidmət xüsusiyyətlərinin müqayisəsi

  • Bəzi xidmətlər sizə əməliyyat sistemini (adətən Linux və ya Windows) seçməyə imkan verir. Sənaye standartı Linux-dur, lakin saytınız Microsoft.NET ilə yazılmış xüsusi alətlərdən istifadə edirsə, siz Windows-u seçəcəksiniz.
  • Xidmətin məqbul təhlükəsizlik alətləri təklif etdiyinə əmin olun. Saytınız kommersiya ilə əlaqəlidirsə və ya istifadəçi məlumatlarını toplayırsa, təhlükəsizlik xüsusilə vacibdir.
  • Bir çox planlar məhdudiyyətsiz yer tələbləri təklif edir, lakin sadə saytlar üçün adətən lazım deyil. Əslində, bu iddia qırmızı bayraq olmalıdır – qeyri-məhdud yer texniki imkansızlıqdır. Ev sahibinin serverləri həddən artıq yüklənə bilər və bu, serverin işini azalda bilər.
  • Genişlənmək və böyümək üçün yeriniz olduğundan əmin olun. Müxtəlif fond təkmilləşdirmə variantlarını araşdırın – ehtiyaclarınız genişləndikcə bəzi şirkətlər daha çox yer təklif edir.
  • İstifadə etdiyiniz bant genişliyinin miqdarı qəbul etdiyiniz trafikin miqdarı, həmçinin yerləşdirdiyiniz məzmunun miqdarı və ölçüsü ilə müəyyən edilir. Çoxlu şəkilləri olan çoxlu ziyarətləri olan bir sayt, əsasən mətnlə çoxlu ziyarət edilən saytdan daha çox bant genişliyi tutacaq.
  • “Limitsiz bant genişliyi” nadir hallarda qeyri-məhdud olur və bu kimi xidmətlər üçün güzəştlər çox vaxt nəzərə çarpır. Bu hostlar adətən bant genişliyi məhdudiyyətlərindən istifadə edən hostdan daha yavaş olacaq.
  • Bant genişliyi bölgüsündən keçsəniz nə baş verdiyini bildiyinizə əmin olun. Biznesdən asılı olaraq, sizdən ödəniş tutula bilər və ya saytınız növbəti hesablaşma dövrünə qədər oflayn ola bilər.
  • Bəzi hostlar dəstək vermir (yalnız istifadəçilərin bir-birinə kömək etməsi üçün dəstək forumu). Bu xidmətlər daha ucuzdur, lakin texnoloji biliklərə malik deyilsinizsə, əsəbi ola bilər.

  3-cü hissə: Xidmətin Tələblərinin və Reputasiyasının Tədqiqi

  1. Xidmət tərəfindən yerləşdirilən digər saytların sürətini yoxlayın. Saytınızın cavab verməsi üçün tələb olunan vaxt biznesinizi yarada və ya məhv edə bilər. Bir çox host reklam vasitəsi kimi daha populyar müştəri saytlarından bəzilərini nümayiş etdirir. Sürəti yoxlamaq üçün bu ünvanlardan istifadə edin, həm də bilin ki, bu, saytınızın sürətinin tam göstəricisi deyil.
     • Xidmət tərəfindən yerləşdirilən saytları tapmaqda çətinlik çəkirsinizsə, nümunələr tələb etmək üçün zəng etməkdən, mesaj göndərməkdən və ya e-poçtla dəstək olmaqdan qorxmayın.
  2. İş vaxtı üçün xidmətin tələblərini yoxlayın. “İş vaxtı” faizi saytınızın İnternetdə mövcud olacağı gözlənilən vaxtdır. Bu xüsusilə biznes saytları üçün vacibdir – müştərilər saytınızın 24/7 mövcud olmasını gözləyirlər. Bir çox hostlar 99% və ya daha çox yeniləmə tələb edir, lakin 100% iş vaxtı iddia edən hər hansı hostdan ehtiyatlı olun.
  3. Bir şirkətin müştəri xidməti və dəstək komandasının rəylərini oxuyun. Xidmətin ardıcıl olmasını təmin etmək üçün internetdə ən son, qərəzsiz rəyləri axtarın.
     • Rəyləri axtararkən diqqətli olun, çünki ən yaxşı axtarış nəticələrindən bəziləri (adətən “Ən yaxşı veb hostinqlər” və ya “2019-cu ilin ən yaxşı veb hostinq saytları” kimi adlarla) hostinq şirkətlərinin özləri (və ya referallardan pul qazanmaq istəyən insanlar) tərəfindən idarə olunur.
     • Ev sahibinin reputasiyasını müəyyən etməkdə çətinlik çəkirsinizsə, ətrafınızdan soruşun. Siz hətta Reddit-in veb hosting forumu kimi bir forumda öz yazınızı yarada və rəylər və tövsiyələr istəyə bilərsiniz.
  4. Xərcləri başa düşdüyünüzə əmin olun. Bütün ehtiyaclarınıza cavab verən plan tapdıqdan sonra xərcləri, ödəniş seçimlərini və rezervasiyaları tam başa düşdüyünüzə əmin olun:
     • Əksər xidmətlər üçün iki fərqli qiymət (aylıq və illik) reklam olunur. Səviyyə. İllik dərəcə tez-tez başına daha ucuz məbləğ kimi göstərilir. Ay, ancaq bir il üçün əvvəlcədən ödəməlisən. Bir il əvvəlcədən ödəməyi seçsəniz, xidmət ehtiyaclarınıza cavab vermirsə, xidmətin geri qaytarıla bilən qiymət təklif etdiyinə əmin olun.
     • Bir çox xidmətlər ilk dəfə qeydiyyatdan keçdiyiniz zaman aşağı promosyon qiyməti təklif edir – siz müəyyən müddət ərzində müştəri olduqdan sonra bu qiymətlər iki və ya üç dəfə artırıla bilər. Qəbul etdiyiniz qiymətin nə qədər müddətə mövcud qalacağını və kampaniya bitdikdə qiymətin nə olacağını öyrənin
     • Veb hostlar hər cür xidmət və məhsulları bahalı paketlərdə toplaya bilər. Ehtiyacınız olandan çox şey üçün qeydiyyatdan keçmədiyinizə əmin olun.
     • Bəzi xidmətlər çox məhdud xidmətlərlə pulsuz hostinq təklif edir. Məsələn, siz normal olaraq pulsuz vebsaytda öz domen adınızı istifadə edə bilməzsiniz. Pulsuz saytlar da reklam nümayiş etdirməyə meyllidir (və özünüz üçün reklam yaratmaq qabiliyyətinizə müdaxilə edir).

  İcma sualları və cavabları

  Veb saytı necə aça bilərəm?

  Bəzi saytlardan istifadə edə bilərsiniz, məsələn. Həftəlik və ya Wix. Bunlardan birini istifadə etsəniz, saytınızı fərdiləşdirə və hazır olduqdan sonra dərc edə bilərsiniz.

  Öz ölkəmdən veb host almaq daha yaxşıdır?

  Veb saytın qiyməti nə qədərdir?

  Veb hostu seçdikdən sonra veb saytı necə yarada bilərəm?

  Related posts:

  1. Xaricdən bakalavr pilləsinə necə keçə bilərəm?
  2. Faylı qovluğa necə köçürə bilərəm
  3. Facebookda bəyənmələri necə bloklaya bilərəm
  4. Messengeri necə dayandıra bilərəm?