KompoZer ilə Hyperlink yaratmaq necədir

Bir sənəddə, bəlkə də dünyanın yarısında bir şəbəkədə bir sənəddə götürən bir sənəd yaratmaq qabiliyyəti, Ümumdünya İnternetin icad etdiyi ən mühüm səbəbdir. HyperText Markup Language - hiperlink adlanan bu linklər HTML- də "H" dir. Köprülər olmadan, veb çox faydalı olmazdı. Heç bir axtarış motoru, sosial media və ya banner reklamı olmayacaqdı (tamam ki, bular getmək üçün dayanacaq).

Öz web sayfalarınızı oluşturduğunuzda, köprü oluşturmak isteyeceksiniz ve KompoZer'ın her türlü bağlantıları kolaylaştıran araçları vardır. Bu təlimatda göründüyü nümunə səhifə, dörd kateqoriyada digər veb saytlara, eyni səhifənin digər hissələrinə keçid və e-poçt mesajı açmağa imkan verir. Hər bir kateqoriya üçün bir başlıq və dörd H3 başlığı ilə başlayacağam. Növbəti səhifədə bəzi linklər əlavə edəcəyik.

01 ilə 05

KompoZer ilə Hyperlink yaratmaq

KompoZer ilə Hyperlink yaratmaq. Screen shot nezaket Jon Morin

KompoZer'in köprü araçlarına araç çubuğundaki Bağlantıyı tıklayarak erişilebilir. Köprü yaratmaq üçün:

  1. İmlecinizi köprüinizin görünmesini istediğiniz sayfaya yerləşdirin.
  2. Toolbar çubuğundaki Bağlantıyı basın. Link Özellikləri informasiya qutusu görünür.
  3. Doldurmaq üçün lazım olan ilk sahə Link Metin qutusudur. Köprüinizin səhifəsində görünmək istədiyiniz mətni yazın.
  4. Əlavə etməyiniz lazım olan ikinci sahə Bağlantı yeri qutusudur. Köpeğiniz tıklandığında kullanıcının alacağı sayfanın URL'sini yazın. URL'yi brauzerinizin ünvan çubuğundan kopyalayıp yapıştırmak yaxşı bir fikirdir. Bu şəkildə səhv etmək ehtimalı çox azdır və ən azı, link yaratma zamanı səhifənin canlı olduğunu və bu linkin pozulmadığını bilirsiniz.
  5. Tamam'ı basın və Bağlantı Özellikleri informasiya qutusu bağlayacaq. Bağlantınız artıq səhifənizdə görünəcək.

Çox brauzerlərdə köprü default olaraq mavi altı çizilmiş mətndə görünəcək. KompoZer ilə öz üslubunuzu hiperlinklərə tətbiq edə bilərsiniz, lakin indiyədək biz əsas köprü ilə qalacağıq. Sayfanızı web tarayıcısında önizlemek və onların çalıştığından əmin olmaq üçün bağlantıları tıklamanız yaxşıdır.

02/05

KompoZer ilə bir bağlama əlaqəsi yaratmaq

KompoZer ilə bir bağlama əlaqəsi yaratmaq. Screen shot nezaket Jon Morin

Təqdim edildikdə eyni web səhifəsinin başqa bir hissəsini götürən başqa bir növ köprü var. Bu cür bir köprü bağlama bağlantısı deyilir və bu linki vurduğunuzda aldığınız səhifənin sahəsi çapa deyilir. Heç bir veb səhifənin altındakı "yuxarıdan yuxarı" bağlantısını istifadə etmişsəniz, bir xətt üçün bir linki tıklayırsınız.

KompoZer, çubuğunuzdaki Bağlantı aracını istifadə edərək, bağlayabileceğiniz çarklar oluşturmanıza imkan verir.

  1. Bir çapa istədiyiniz yerdə səhifənizin sahəsini klikləyin. Yəni bir göstərici bağlantısı tıklandığında səhifə görüntüleyicisinin götürülmesini istediğiniz yer. Bu nümunə üçün Sevimli Musiqi başlığında "F" əvvəldən tıkladım.
  2. Asanlıqla Toolbar çubuğuna basın. Named Çapa xüsusiyyətləri informasiya qutusu görünür.
  3. Bir səhifədə hər bir çapa unikal bir ad lazımdır. Bu çıraq üçün mən "musiqi" adını istifadə etdim.
  4. Tamam'ı tıkla və görməlisiniz və zolaq istədiyin yerə zəmanət simvolu görünür. Bu simvol sizin veb səhifəmizdə görünməyəcəkdir, bu da KompoZer sizin çapalarınızın harada olduğunu göstərir.
  5. Istifadəçilərin atlaya biləcəyini istədiyiniz hər hansı digər sahənin prosedurunu təkrarlayın. Sayfada başlıqları və ya başqa bir mantıksal bölücü ilə ayrılmış bir çox mətn varsa, lövhələr bir səhifəni seyr etmək üçün asan bir yoldur.

Daha sonra, hazırladığınız çıraqlara oxucunu aparan əlaqələri yaratacağıq.

03-də 05

KompoZer ilə səhifə marşrutu yaratmaq

KompoZer ilə səhifə marşrutu yaratmaq. Screen shot nezaket Jon Morin

İndi səhifənizdə çapa olduğunuzda, bu lövbərlərə qısa yollar kimi istifadə ediləcək əlaqələri yarataq. Bu tutorial üçün, səhifənin üst başlığının altından bir sıra, 4 sütun cədvəlini yaratdım. Hər bir masa hüceyrəsi, səhifədəki bağlantıları ayırmaq üçün istifadə edilən kateqoriya başlıqlarından biri ilə eyni mətni saxlayır. Bu masa hüceyrələrinin hər birində mətni müvafiq lövbərə bir keçid edəcəyik.

04 04

KompoZer ilə çatlara köprülər yaratmaq

KompoZer ilə çatlara köprülər yaratmaq. Screen shot nezaket Jon Morin

İndi yerlərdə çapıqlarımız var və səhifə naviqasiyası üçün istifadə edəcəyimiz mətn daxil olsaydı, biz bu düz mətn parçalarını bağlaya bilərik. Link düyməsini yenidən istifadə edəcəyik, lakin bu dəfə bir az fərqli işləyəcək.

  1. Bağlantıya dönmək istədiyiniz mətni seçin. Bu nümunədə, səhifənin yuxarı hissəsindəki ilk masa hüdudunda olan "Sevimli Musiqi" mətni seçdim.
  2. Toolbar çubuğundaki Bağlantıyı basın. Bağlantı Özellikleri informasiya qutusu açılır.
  3. Bu halda, Bağlantı düyməsini tıklamadan əvvəl mətni seçdik, buna görə Pəncərənin Bağlantı Mətn bölməsi artıq doldu və redaktə edilə bilməz. Bağlantı Yerləşmə bölməsində aşağı oku basın. Əvvəlki addımlarda yaratdığınız çıraqların siyahısını görəcəksiniz. Bu nümunə üçün #music anchor seçin.
  4. Tamam'ı basın. Naviqasiya çubuğundaki "En sevdiğim musiqi" metni, tıklandığında görüntüleyicinin sahifada o bölüme atlamasına neden olacak bir keçid halına gelir.

Açılır menyuda hər bir adla çırağın qarşısında "#" işarəsi var. HTML-də çapa bir keçid yaratmaq necədir. Çapa adı qarşısında "#" brauzerə bu linkin eyni səhifədə başqa bir yerə aparıldığını bildirir.

05 05

KompoZer ilə təsvirdən bir köprü yaratmaq

KompoZer ilə təsvirdən bir köprü yaratmaq. Screen shot nezaket Jon Morin

Bildiyiniz kimi, şəkillərdən, eləcə də mətndən keçid yaratmaq olarmı? KompoZer, bunu bir neçə klikdən istifadə edərək etməyə imkan verir. Burada yuxarıya işarə edən bir arrow və yuxarıdakı "TOP" mətni göstərən kiçik bir simge şəkil qoyduq. Bu görüntüyü səhifənin yuxarısına keçmək üçün bir keçid olaraq istifadə edəcəyəm.

  1. Bir görüntüyə sağ basın və kontekst etiketindən Image və Link Properties-i seçin. Resim Özellikleri informasiya qutusu açılır.
  2. Yer sekmesinde, görüntünün filenamesini ve zaten doldurulmuş bir kiçik görünümünü göreceksiniz. Alternativ mətn qutusuna bir mətn daxil etməlisiniz. Görünüşünüzdə siçanınızı hərəkət etdirdiyinizdə və həmçinin görmə əlilliyi olan bir şəxs veb səhifəni oxuduğunda bir ekran oxucu tərəfindən oxunduğu zaman bu görünər.
  3. Bağlantı sekmesine basın. Burada, biz bağlama əlaqələri ilə etdiyimiz kimi, menyudan bir çıraq seçə bilərsiniz. Əslində, bu şəkil bir çapa keçid olaraq istifadə olunur. Bizi geri götürəcək #Links_Of_Interest lövbərini seçdim.
  4. Tamam'ı basın. Görünüş artıq tıklandığında səhifənin yuxarı hissəsindəki linklərə bağlanır.