Kaip sukurti Hyperlink su KompoZer

Galimybė sukurti nuorodą dokumente, perkeliančiame jus į kitą dokumentą, galbūt tinkle, esančiame pusiaukelėje visame pasaulyje, yra vienintelė svarbiausia priežastis, dėl kurios buvo sukurtas "World Wide Web". Šios nuorodos, vadinamos hipersaitus, yra "H" HTML -HyperText žymėjimo kalba. Be hipersaitus, internetas nebūtų labai naudingas. Nebent būtų paieškos sistemų, socialinės žiniasklaidos ar reklaminių antraščių (gerai, daugelis iš mūsų galėjo stovėti, norėdami pamatyti juos eiti).

Kai kuriate savo tinklalapius, jūs ketinate sukurti hipersaitus, o KompoZer turi įrankius, kurie leidžia lengvai pridėti bet kokio tipo nuorodas. Šiame pavyzdyje pateiktame pavyzdiniame puslapyje bus nuorodos į kitas svetaines keturiose kategorijose, į kitas tos pačios svetainės dalis ir į pradinį el. Laišką. Pradėsiu su kiekvienos kategorijos antrašte ir keturias H3 antraštes. Kitame puslapyje pridėsime keletą nuorodų.

01 iš 05

Sukurkite Hyperlink su KompoZer

Sukurkite Hyperlink su KompoZer. Ekrano šaudymo mandagumas Jon Morin

KompoZer "hiperlinko" įrankiai pasiekiami paspaudę mygtuką "Nuoroda" įrankių juostoje. Sukurti hipersaitą:

  1. Įdėkite žymeklį į puslapį, kuriame norite rodyti jūsų hipersaitą.
  2. Spustelėkite mygtuką "Nuoroda" įrankių juostoje. Bus rodomas dialogo langas Nuorodų ypatybės.
  3. Pirmasis laukas, kurį reikia užpildyti, yra laukas "Nuoroda tekstas". Įveskite tekstą, kurį norite rodyti savo hipersaito puslapyje.
  4. Antrasis laukas, kurį reikia užpildyti, yra laukelis Nuoroda sritis. Įveskite puslapio URL , kurį jūsų hipersauna įvesti naudotojui spustelėjus. Gera idėja nukopijuoti ir įklijuoti URL iš naršyklės adreso juostos. Jūs daug mažiau tikėtumėte, kad tokia klaida ir jūs žinote, bent jau savo nuorodų kūrimo metu, kad puslapis yra gyvas ir kad ši nuoroda nepažeista.
  5. Spustelėkite Gerai ir dialogo langas Nuorodos ypatybės bus uždarytas. Jūsų nuoroda bus rodoma jūsų puslapyje.

Daugelyje naršyklių hipersaitas pagal numatytuosius nustatymus bus rodomas mėlynu pabrauktu tekstu. Galite pritaikyti savo stilių hipersaitus su KompoZer, bet dabar mes laikomės pagrindinės hipersaitos. Tai yra gera idėja peržiūrėti jūsų puslapį žiniatinklio naršyklėje ir spustelėkite nuorodas, kad įsitikintumėte, jog jie veikia.

02 iš 05

"KompoZer" inkaro sąsajos kūrimas

"KompoZer" inkaro sąsajos kūrimas. Ekrano šaudymo mandagumas Jon Morin

Yra dar viena hipersaito rūšis, kuri nukreipia jus į kitą tos pačios svetainės dalį, kai ją spusteli. Ši hipersauna vadinama inkarine nuoroda, o puslapio, kuriame esate spustelėtas, plotas yra vadinamas inkaru. Jei kada nors naudojate nuorodą "atgal į viršų" puslapio apačioje, spustelėsite nuorodą į inkarą.

KompoZer leidžia kurti inkarus, kuriuos galite susieti, naudodami įrankį Inkaras įrankių juostoje.

  1. Spustelėkite savo puslapio plotą, kuriame norite įsitvirtinti. Tai yra, kur norite, kad puslapio peržiūros priemonė būtų paimta, kai paspaudžiamas inkaravimo saitas. Pavyzdžiui, spustelėjęs tiesiog "F" antraštėje "Mėgstama muzika".
  2. Spustelėkite mygtuką Anchor ant įrankių juostos. Atsiras dialogo langas "Named Anchor Properties".
  3. Kiekvienas puslapio inkaras turi unikalų pavadinimą. Dėl šio inkaro aš pavadinimu "muzika".
  4. Spustelėkite Gerai, ir turėtumėte pamatyti, ir inkaro simbolis pasirodo vietoje, kurioje norėjote inkaro. Šis simbolis nebus rodomas jūsų tinklalapyje, tik kaip KompoZer parodys jus, kur yra jūsų inkarai.
  5. Pakartokite procedūrą bet kuria kita puslapio sritimi, kurioje norite, kad vartotojai galėtų pereiti. Jei puslapyje yra daug tekstų, atskirtų antraštėmis arba kitu loginiu dalytuvu, inkarai yra paprastas būdas naršyti puslapį.

Be to, mes sukursime nuorodas, kuriose skaitytojas pritraukia prie jūsų sukurtų inkarų.

03 iš 05

Puslapio navigacijos su "KompoZer" kūrimas

Puslapio navigacijos su "KompoZer" kūrimas. Ekrano šaudymo mandagumas Jon Morin

Dabar, kai jūsų svetainėje yra inkarų, sukurkime saitus, kurie bus naudojami kaip nuorodų į tuos inkarus. Šioje pamokoje aš sukūriau 1 eilutę, 4 stulpelių lentelę po viršutine puslapio antraštės. Kiekvienoje lentelės ląstelėje yra tas pats tekstas kaip ir kategorijos antraštėms, kurios naudojamos puslapių nuorodoms atskirti. Mes padarysime tekstą kiekvienoje iš šių lentelių ląstelių nuorodą į atitinkamą inkarą.

04 iš 05

"Hyperlink" kūrimas su "KompoZer" inkarais

"Hyperlink" kūrimas su "KompoZer" inkarais. Ekrano šaudymo mandagumas Jon Morin

Dabar, kai mes turime savo inkarus ir tekstą, kurį mes naudosime puslapio navigacijai, mes galime šiuos paprastus teksto segmentus paversti nuorodomis. Mes vėl naudosime mygtuką "Nuoroda", tačiau šį kartą jis dirbs šiek tiek kitaip.

  1. Pasirinkite tekstą, kurį norite paversti nuorodą. Šiame pavyzdyje pasirinkau tekstą "Mėgstama muzika", esantį pirmoje lentelės ląstelėje puslapio viršuje.
  2. Spustelėkite mygtuką "Nuoroda" įrankių juostoje. Bus atidarytas dialogo langas Link Properties.
  3. Tokiu atveju mes pasirinkome tekstą, kol spustelėjome mygtuką "Nuoroda", todėl lango nuorodos tekstas jau užpildytas ir jo negalima redaguoti. Spustelėkite rodyklę žemyn, esančią skyriuje "Susiejimo vieta". Pamatysite inkarų, kuriuos sukūrėte ankstesniuose etapuose, sąrašą. Pavyzdžiui, aš pasirinksiu # muzikos inkarą.
  4. Spustelėkite Gerai. Navigacijos juostoje esantis tekstas "Mėgstama muzika" virsta nuorodą, dėl kurios žiūrovas spustelėja tą puslapį į tą puslapį.

Jūs pastebėsite, kad kiekvienas išvardytų inkarų išskleidžiamajame meniu turi "#" ženklą priešais jį. Taip galite sukurti nuorodą į inkarą HTML. "#" Prie inkaro pavadinimo sako naršyklei, kad ši nuoroda perkelia jus į kitą vietą toje pačioje vietoje.

05 iš 05

"KompoZer" su Hyperlink kūrimas

"KompoZer" su Hyperlink kūrimas. Ekrano šaudymo mandagumas Jon Morin

Ar žinojote, kad galite sukurti nuorodą iš vaizdų ir teksto? "KompoZer" leidžia jums tai padaryti naudodami tik kelis paspaudimus. Čia aš įterpiau mažą piktogramą, rodančią rodyklę į viršų ir tekstą "TOP" puslapio apačioje. Aš ketinu naudoti šį vaizdą kaip nuorodą, kad sugrįžtume į puslapio viršuje.

  1. Dešiniuoju pelės klavišu spustelėkite paveikslėlį ir kontekstinio etiketėje pasirinkite "Image and Link Properties". Atidaromas dialogo langas Image Properties.
  2. Skirtuke Vietovė pamatysite vaizdo failo pavadinimą ir miniatiūros rodinį, kuris jau užpildytas. Tekste lauke Alternate turėtumėte įvesti tekstą. Tai atsiranda, kai perkeliate pele per vaizdą, o taip pat tai, ką skaitytojai perskaito, kai asmuo su negalia skaito tinklalapį.
  3. Spustelėkite skirtuką Nuorodos. Čia galite pasirinkti inkarą iš meniu, kaip mes padarėme su inkarų nuorodomis. Iš tikrųjų šis vaizdas naudojamas kaip inkaro nuoroda. Aš pasirinko #Links_Of_Interest inkarą, kuris grąžins mus į viršų.
  4. Spustelėkite Gerai. Dabar paspaudus vaizdą, jis vėl nukreipiamas į puslapio viršuje.