Kā pāriet no vienas lapas uz otru. Kā veikt pāreju no vienas lapas uz otru. Atveras jaunā logā

Ja pēkšņi kāda iemesla dēļ nolemjat mainīt savas vietnes URL adresi, būtu labi atstāt šādu lapu savā vecajā vietā:

Pāradresācija Vietnes adrese ir mainīta, pēc 10 sekundēm jūsu pārlūkprogramma tiks automātiski novirzīta uz jauno adresi:
http://www.mysite.ru/
Noklikšķiniet šeit, lai nekavējoties pārsūtītu.
Atvainojamies par sagādātajām neērtībām.

Analizēsim un sapratīsim līniju no piemēra:

meta - Atsvaidzināt (atkopšana) norāda pārlūkprogrammai, ka šī lapa ir jāatjaunina content="10; - atjaunināt pēc noteikta sekunžu skaita (mūsu gadījumā desmit)URL=http://www.mysite/index.html" - jaunas/citas lapas adrese, uz kuru jums vajadzētu doties.

Bet, ja jūs izlaižat URL galvenē Refresh, kā parādīts piemērā, tad pārlūkprogramma pastāvīgi atjauninās šīs lapas saturu ik pēc 30 sekundēm (labi, vai ne 30.. cik ilgi jūs rakstītu..).

Šo metodi plaši izmanto ziņu plūsmās, kur informācija, tā teikt, plūst straumē un prasa pastāvīgu atjaunināšanu.

Efekti, sekojot saitei

Šie virsraksti rada vizuālus efektus, pārejot no vienas lapas uz otru.

Page-Enter — lapas izskata efekts

Lapa — iziet — lapas pazušanas efekts

Kurā:

Duration - efekta ilgums sekundēs

Pāreja — viens no tabulā norādītajiem piedāvātajiem efektiem (no 0 līdz 23):

Numurs	Efekta apraksts	Numurs	Efekta apraksts
	Taisnstūri iekšā		Izšķīšana
	Taisnstūri uz āru		Vertikāla panorāma uz iekšu
	Aplis uz iekšu		Vertikālā panorāma uz āru
	Apvelciet ārā		Horizontāla panorāma uz iekšu
	Plūdi uz augšu		Horizontāla panorāma uz āru
	Plūdi		Stūri pa kreisi - uz leju
	Plūst pa labi		Stūri pa kreisi - uz augšu
	Izbalināt pa kreisi		Stūri pa labi - uz leju
	Vertikālās žalūzijas		Stūri pa labi - uz augšu
	Horizontālās žalūzijas		Nejaušas horizontālas svītras
	Horizontālie soļi		Nejaušas vertikālas svītras
	Vertikālie pakāpieni		Nejauša efektu izvēle

Fails page1.html Lapas pārejas efekti Piezīme. Pārejas efekti no vienas lapas uz otru nedarbojas visās pārlūkprogrammās.

un novērtējiet pārejas efektu no vienas lapas uz otru.

"Iet"

Fails page2.html Lapas pārejas efekti Piezīme. Web lapu atvēršanas un aizvēršanas efekti būs redzami tikai pārejas laikā
no vienas lapas uz otru vai izmantojot pogas "atpakaļ" un "uz priekšu".
Atverot lapu pirmo reizi, kā arī pārstartēšanas laikā
pārejas efekti nebūs redzami.
Noklikšķiniet uz "Aiziet", lai pārietu uz nākamo lapu
un novērtējiet pārejas efektu no vienas lapas uz otru.

"Iet"

Saites ir nodrošinātas, lai atvieglotu navigāciju. Ar viņu palīdzību lietotājs var brīvi pārvietoties vietnē un viegli atrast viņu interesējošās sadaļas. Ja pārejas ir izvietotas ārkārtīgi neērti, tad apmeklētāju uzturēšanās ilgums resursu lapās būs minimāls.

Instrukcijas

Ir vairāki veidi, kā reģistrēt saiti vietnē. Ja izmantojat dzinēju, piesakieties kā administrators materiālu izvēlnē. Pēc tam atlasiet vajadzīgo lapu vai izveidojiet jaunu. Uzrakstiet tekstu, uz kura noklikšķinot, tiks veikta pāreja. Atlasiet to un rīkjoslā atlasiet ikonu Pievienot saiti. Jūsu priekšā tiks atvērta veidlapa, kas jāaizpilda. Norādiet visus nepieciešamos cms sniegtos parametrus, iestatiet lapas adresi un noklikšķiniet uz “Ok”. Saglabājiet izmaiņas un atsvaidziniet lapu pārlūkprogrammas logā - vajadzētu parādīties saitei. Pārbaudiet tā funkcionalitāti un, ja nepieciešams, veiciet izmaiņas.

Ja jums ir jāizveido saite, kas tiks parādīta visās vietnes lapās, dodieties uz sadaļu Veidnes. Atlasiet komandu “Rediģēt html”, jūsu priekšā tiks atvērta lapa ar kodu. Pirms šeit kaut ko maināt, esiet drošs – pārkopējiet informāciju drošā vietā, lai, nejauši izdzēšot datus, varētu atgriezt oriģinālo materiālu.

Atrodiet vajadzīgo bloku un ievadiet tajā saiti teksta formātā, no kuras tiks veikta pāreja. Ja teksta vietā jāievieto grafiskais fails, izmantojiet šo saiti: . Saglabājiet izmaiņas un skatiet rezultātu.

Lai izveidotu pāreju uz noteiktu tīmekļa lapas daļu, vispirms ievietojiet enkurus pareizajās vietnes vietās un piešķiriet tiem nosaukumus. Labāk ir iestatīt sērijas numurus - jūs pavadīsit mazāk laika, rakstot saites. Ja izmantojat cms, atlasiet teksta daļu, noklikšķiniet uz "Pievienot saiti" un aizpildiet lauku "Anchor". html dokumenta formātā tas izskatīsies kā teksts/attēls

Vienkāršās tīmekļa lapās pāreja uz citu lapu tiek ierakstīta arī kodā, izmantojot tagus Un.

2. padoms. Kā veikt pāreju uz citu vietni

Varat organizēt visu vienas noteiktas lapas apmeklētāju pastāvīgu automātisku pāreju uz citu vietni, izmantojot servera un servera puses programmēšanas valodas vai HTML un JavaScript. Otrās iespējas priekšrocības ir vienkāršība un pieejamība – tās ieviešanai nav nepieciešamas programmēšanas zināšanas, vienīgās obligātās prasības ir pieeja lapas pirmkoda rediģēšanai;

Instrukcijas

Jūs varat atrisināt problēmu, kas saistīta ar apmeklētāju automātisku novirzīšanu uz citu vietni, tikai izmantojot HTML (hiperteksta iezīmēšanas valodu). Tajā ir komanda (metatags), kas norāda pārlūkprogrammai, ka pēc pašreizējās lapas ielādes tai jāsāk ielādēt citu. Šis metatags satur informāciju (taga atribūtus) par novirzīšanas adresi un laiku, pēc kura pieprasījums jānosūta uz citas vietnes lapu. Piemēram, tas var izskatīties šādi: Šeit Refresh ir koda vārds, kas aktivizē novirzīšanas mehānismu. Cipars 5 norāda, ka process jāsāk 5 sekundes pēc šīs lapas ielādes. Šis laiks var būt nepieciešams, lai apmeklētājam, piemēram, būtu laiks izlasīt ziņojumu, kuru ievietojat šajā lapā. Ja šāda pauze nav nepieciešama, iestatiet to uz nulli. Un URL=http://www.kakprosto.ru satur adresi, uz kuru pārlūkprogrammai jānosūta apmeklētājs. Šis metatags jāievieto lapas avota koda galvenes daļā starp un tagiem.

Vēl viens veids ir ieviests, izmantojot JavaScript programmēšanas valodu. Jums ir nepieciešama tikai viena koda rindiņa, lai novirzītu tīmekļa pārlūkprogrammu uz vēlamo adresi. Tas var izskatīties, piemēram, šādi: window.location.reload("http://www.kakprosto.ru" vai šādi: document.location.replace("http://www.kakprosto.ru"); ); Vai arī šādi: document.location.href="http://www.kakprosto.ru";Šeit ir jāaizstāj tikai adrese ar vajadzīgo. Šī komanda jāievieto tagos, kas norāda pārlūkprogrammai, ka tā ir rakstīta JavaScript:
document.location.replace("http://www.kakprosto.ru ");Un šīs trīs rindas, savukārt, jāievieto tajā pašā galvenes apgabalā (starp un ).

Kad esat atlasījis kādu no šīm opcijām, atveriet vajadzīgo lapu, piemēram, satura pārvaldības sistēmas lapu redaktorā. Pārslēdzieties uz HTML rediģēšanas režīmu un atrodiet tajā tagu. Nokopējiet sagatavoto novirzīšanas kodu (JavaScript vai HTML) un ielīmējiet to pirms šī taga. Pēc tam saglabājiet modificēto lapu.

3. padoms. Kā samazināt tekstu

Ja teksta materiāls neietilpst vajadzīgajā lapas apgabalā, jums palīdzēs zināšanas, kā padarīt tekstu mazāku. Šī komanda ir iekļauta jebkurā teksta programmā, kā arī labi zināmos grafiskos un fotoattēlu redaktoros, Excel izklājlapās un programmās multivides projektu izveidei. Tekstu var samazināt, izmantojot ērtu ātro paneli vai tastatūras taustiņus.

Instrukcijas

Atveriet labi zināmu programmu, kas darbojas ar tekstiem. Tas varētu būt standarta Notepad, tikpat slavenais Word Pad, ikviena iecienītais Microsoft Office Word, kā arī periodisko izdevumu izveides programma Microsoft Publisher un citi. Atlasiet vajadzīgo teksta apgabalu, kuru plānojat samazināt. Visiem iepriekš uzskaitītajiem teksta redaktoriem darba loga augšdaļā ir īpašs teksta formatēšanas panelis. Tajā ir servisa pogas, kas maina fonta formātu, tā stilu, izmēru, krāsu un pozīciju dokumenta lapā. Iestatiet tekstu vajadzīgajā izmērā - punkta lielumā - vienkārši izvēloties atbilstošo digitālo vērtību. Piemēram, samaziniet fonta lielumu no pozīcijas "14" uz pozīciju "12".

Fonta lielumu var iestatīt manuāli, ja izmēru sarakstā neatrodat piemērotu vērtību. Ja formatēšanas josla netiek parādīta, jums tā ir jāiespējo. Lai to izdarītu, izmantojiet cilni Skats, kas atrodas augšējā izvēlņu joslā. Noklikšķiniet uz "Skatīt" un sadaļā "Rīkjoslas" ieslēdziet "Formatēt". Varat izmantot tastatūru, lai samazinātu fonta lielumu. Atlasiet vajadzīgo teksta apgabalu. Nospiediet īsinājumtaustiņu Ctrl + [. Pēc tam fonta lielums un viss teksts kopumā samazināsies tieši par 1 punktu.

Ja strādājat programmā Word, Abword vai Wordpad, būtu labi izmantot īpašo “Paragraph” servisu, jo tajā var samazināt tekstu, samazinot rindstarpu. Atveriet izvēlni "Formāts", sadaļu "Paragrāfs". Tiks atvērts jauns pakalpojuma logs. Pēc tam dodieties uz cilni “Atkāpes un atstarpes”. Apakšējā laukā “Spacing” ievadiet vajadzīgo rindstarpu vērtību. Noklikšķiniet uz Labi, lai saglabātu iestatījumus. Grafiskajos un fotoattēlu redaktoros teksta lielums visbiežāk tiek mainīts ar peli. Pēc uzraksta ievietošanas darba zonā vai pašā attēlā atlasiet to ar peli. Pēc tam ar peli satveriet punktētās līnijas malu, kas apņems tekstu. Pavelciet malu uz teksta centru, lai samazinātu tekstu.

4. padoms. Kā vietnē izveidot jaunu lapu

Pašlaik internetā ir pieejams milzīgs skaits vietņu, kurās bieži vien ir desmitiem vai simtiem miljonu lappušu. Daudzi tīmekļa pārziņi katru dienu izveido jaunus resursus. Daži no šiem meistariem ir profesionāļi. Daži no viņiem tikai sper savus pirmos soļus tīmekļa izstrādes jomā, prātojot par vienkāršākajiem jautājumiem. Taču bieži ceļš uz panākumiem sākas ar jautājumiem, piemēram, kā izveidot jaunu lapu vietnē.

Jums būs nepieciešams

• - pārlūkprogramma;
• - Interneta pieslēgums;
• - iespējams, teksta redaktors;
• - iespējams, akreditācijas dati, lai piekļūtu CMS administratīvajam panelim.

Instrukcijas

Sagatavojiet visu saturu, kas tiks ievietots jaunajā vietnes lapā. Izveidojiet informatīvu saturu. Uzrakstiet tekstu ar visiem virsrakstiem, apakšvirsrakstiem, zemsvītras piezīmēm un piezīmēm. Sagatavojiet tabulas datus ērtā formātā.
Apsveriet prezentācijas saturu. Ja ir grafiski attēli, kas ilustrēs lapas tekstā ietverto informāciju, novietojiet tos tādā izšķirtspējā, kādā tie būs pieejami vietnē. Lai to izdarītu, izmantojiet grafiskos redaktorus, kas ļauj mērogot attēlus ar interpolāciju, piemēram, GIMP. Ja lapā ir iegults videoklips, apstrādājiet to video redaktorā.

Apsveriet lapas izkārtojuma struktūru. Izlemiet, kā uz tā tiks novietots teksta saturs, kur tiks izvietoti attēli, tabulas un diagrammas. Definējiet līdzināšanas un teksta aplaušanas opcijas katram iegultajam objektam.

Ievietojiet topošās lapas prezentācijas saturu internetā. Publicējiet attēlus. Augšupielādējiet tos savā serverī vai vienā no fotoattēlu mitināšanas vietnēm, kas ļauj izveidot karstās saites. Attēlus var augšupielādēt serverī, izmantojot FTP klientu. Ja vietne darbojas CMS kontrolē un nodrošina failu augšupielādes funkcionalitāti, to var būt ērtāk izmantot. Augšupielādējiet video serverī (ja jums ir savs flash atskaņotājs) vai video mitināšanai, piemēram, YouTube vai RuTube. Iegūstiet un saglabājiet tiešās saites uz katru prezentācijas satura elementu.

Izkārtojiet lapu. Izveidojiet teksta failu un ievietojiet tajā nākamās lapas saturu. Pabeidziet tekstu ar marķējumu. Marķējuma veids un līdz ar to arī ar izkārtojumu saistītās darbības ir atkarīgas no vietnes veida. Statiskai vietnei būs jāģenerē pilns HTML marķējums (HTML specifikāciju var atrast vietnē w3c.org). Vietnēm, kurās darbojas CMS, marķējums ir atkarīgs no sistēmas veida. Parasti atsevišķas palīdzības sadaļas darbam ar SPS ir veltītas formatēšanas informācijai, kas ir pieejama izstrādātāju vietnēs, administratīvajā panelī un programmatūras izplatīšanā.

Vietnē izveidojiet jaunu lapu. Ja vietne ir statiska, pārdēvējiet iepriekšējā darbībā izveidoto failu, piešķirot tam paplašinājumu htm vai html. Augšupielādējiet to serverī vēlamajā mapē. Veiciet izmaiņas citos failos, lai izveidotu saiti uz jauno lapu.
Ja vietni pārvalda CMS, piesakieties tās administratīvajā panelī un dodieties uz sadaļu Izveidot jaunu dokumentu. Ja nepieciešams, atlasiet dokumenta veidu un tā pozīciju vietnes virtuālajā struktūrā. Iekopējiet sagatavoto saturu tam paredzētajā teksta laukā. Saglabājiet dokumentu.

Dažreiz ir nepieciešams automātiski novirzīt vietnes apmeklētāju no vienas lapas uz otru “automātiskajā režīmā”. Tas ir, es tikko pieteicos un nekavējoties, neuzdodot jautājumus un neko neklikšķinot, lūdzu, dodieties uz citu lapu. Piemēram, vietne ir pārvietota, bet apmeklētāji joprojām dodas uz veco adresi. Protams, superprofesionāļi veic šāda veida novirzīšanu papildu tīmekļa servera konfigurācijas failu līmenī (htaccess) vai ar servera skriptiem. Taču arvien vairāk interneta iedzīvotāju iegādājas savas mājas lapas un lieliski pārvalda tās bez superamatpersonu palīdzības. Par laimi, princips “katram ir vietne” tiek īstenots tiešsaistē bez valsts projektiem vai hipotēkām. Tātad, kā neprofesionāls var ieviest automātisku apmeklētāja novirzīšanu uz noteiktu saiti?

Instrukcijas

Ir divas vienkāršākās novirzīšanas opcijas, kurām nav nepieciešams nekas cits, kā vien iespēja veikt atbilstošas ​​izmaiņas vēlamajā lapā. Pirmais atrisina problēmu, izmantojot HTML (HyperText Markup Language - “hiperteksta iezīmēšanas valoda”). Šī ir valoda, kurā tiek rakstītas interneta lapas. Šai valodai ir mums vajadzīgais tags – komanda, kas pasaka pārlūkprogrammai uz kuru adresi un pēc cik sekundēm lapas apmeklētājs jānosūta. Tas izskatās šādi:
Šeit skaitlis “10” norāda, cik sekundes jums jāgaida - piemēram, lai apmeklētājam būtu laiks izlasīt ziņojumu, ka vietne ir pārvietota. Un adrese http://www.kakprosto.ru/ dod pārlūkprogrammai URL, kur apmeklētājs jānosūta. Šis tags jāievieto "lapas galvenē" - html koda apgabalā, kas sākas ar tagu un beidzas ar tagu.

Otrā novirzīšanas metode izmanto JavaScript valodas iespējas. Lai to izmantotu, lapas html kodā jāievada atbilstošās komandas. Vispirms jums jāpaziņo pārlūkprogrammai, ka JavaScript skripts sākas šajā brīdī. Programmā JavaScript šis sākuma tags izskatās šādi:
Un noslēdzošais ir šāds:
Starp šiem diviem tagiem ir instrukcijas - valodu operatori. Nepieciešamo novirzīšanas efektu var sasniegt ar vairākiem no tiem:
window.location.reload("http://www.kakprosto.ru/");
vai
document.location.replace("http://www.kakprosto.ru/");
vai
document.location.href="http://www.kakprosto.ru/";
Pilns samontētais skripta kods izskatīsies šādi:
document.location.href="http://www.kakprosto.ru/";Šo skriptu var ievietot arī tajā pašā html koda galvenes apgabalā starp tagiem un. Lai gan tas nav nepieciešams, varat to ievietot lapas galvenajā daļā, tas ir, starp un tagiem.

6. padoms: kā izveidot skaistu animāciju

Mūsdienās ne viena vien nopietna prezentācija neiztiek bez vizuālā un audio pavadījuma, kas var būt dokumentālas, video vai multimediju slaidrādes veidā. Pēdējās izveide šodien ir pieejama gandrīz katram lietotājam, jo ​​jūs varat izveidot skaistu animāciju priekšnesumam labi zināmajā programmā “PowerPoint”.

Jums būs nepieciešams

• Microsoft PowerPoint programma.

Instrukcijas

Ar peles labo pogu noklikšķiniet uz datora darbvirsmas. Parādītajā komandu sarakstā atlasiet “Izveidot” - “Microsoft PowerPoint prezentācija”. Šī programma ir paredzēta multivides prezentāciju veidošanai. PowerPoint ir iekļauts standarta Microsoft Office pakotnē. Varat arī to vienmēr atvērt, izmantojot izvēlni Sākt, sadaļā Visas programmas, kas atrodas Microsoft Office mapē. Kad tiek atvērts PowerPoint, jūs redzēsit pazīstamu saskarni, kas atgādina Word teksta redaktora logu. Dodieties uz augšējo izvēļņu joslu un noklikšķiniet uz cilnes Sākums. Izveidojiet jaunu multivides prezentāciju no vairākiem slaidiem. Aizpildiet katru slaidu ar noderīgu informāciju. Ātrumam un ērtībai izmantojiet gatavus izkārtojumus.

Izvēļņu joslā atrodiet sadaļu "Animācija". Tur var iestatīt visdažādākos efektus visam slaidam, kā arī atsevišķiem slaida elementiem. Pirmais solis ir izveidot prezentācijas lapu maiņas metodi. Tas var būt ļoti atšķirīgs - "šahs", "izšķīst", "zibspuldze", "žalūzijas", "izskats no centra" utt. Pēc tam slaidi mainīsies visneparastākajā veidā - izpeldēs no sāniem, izlidos spirāles veidā, izšķīst un parādīsies skaistu rakstu veidā. Lai automātiski mainītu prezentācijas lapas, atzīmējiet izvēles rūtiņu blakus komandai “Automātiski pēc”. Iestatiet slaidu pārejas parametrus - pārejas ātrumu, displeja laiku, pārejas skaņu, klikšķa atskaņošanu vai automātisko atskaņošanu.

Dodieties uz pašu tekstu, kas atrodas katrā slaidā. Ja vēlaties, lai uzraksti graciozi kustētos, parādītos, kustētos un pazustu efektīvi, tad tie būs jāatlasa. Pēc tam noklikšķiniet uz pogas “Animācijas iestatīšana”. Tas atrodas kreisajā sānu panelī, pašā augšpusē. Pēc noklikšķināšanas uz pogas parādīsies neliels pakalpojuma logs. Izmantojiet bultiņu, lai atlasītu komandu “Pievienot efektu”. Tiks parādīts papildu funkciju saraksts. Pielāgojiet ieejas, izejas, iezīmēšanas, pārvietošanas ceļa efektus un daudz ko citu. Pēc tam visi animācijas efekti tiks atskaņoti jūsu izvēlētajā režīmā - “noklikšķinot”, “ar iepriekšējo”, “pēc iepriekšējā” (t.i., automātiski). Lai sāktu prezentāciju, noklikšķiniet uz augšējās cilnes "Slaidrāde" un pēc tam uz komandas "No sākuma".

Laba diena visiem, mani dārgie draugi un lasītāji. Ceru, ka esi nolēmis piedalīties manā konkursā un jau raksti par savu emuāru rakstīšanas ceļu. Nu, es vēlētos turpināt mūsu pētījumu par html valodu, un šodien es vēlētos jums pastāstīt par vienu no vissvarīgākajām sastāvdaļām, proti, hipersaitēm.

Jā, bez šādām hipersaitēm internets nebūtu tik ērts. Nē, es meloju. Pavisam nebūtu viegli orientēties. Vai varat iedomāties internetu bez tiem? Es personīgi nē.

Un šodien mēs uzzināsim, kā ievietot hipersaiti html. Bet vispirms es vēlētos jums jautāt: vai jūs zināt, kas ir hipersaite un ar ko tā atšķiras no parastās saites? Patiesībā šeit viss ir vienkārši: saite ir vienkārša informācija, kas attiecas uz dokumentu. Tajā pašā laikā jūs nevarat noklikšķināt uz šī teksta (nekas nenotiks), bet jūs zināt, kur meklēt informāciju.

Piemērs. Varat uzzināt, kā izcelt matus programmā Photoshop vietnē //site/adobe-photoshop/kak-vydelit-volosy/

Hipersaite ir tas pats teksts, tikai tās būtība ir tāda, ka jūs varat noklikšķināt uz šī teksta un nokļūt vēlamajā lapā, vietnē vai jebkurā citā objektā. Turklāt pats teksts var būt jebkas, savukārt adrese tiek rakstīta atsevišķi un var būt pilnīgi atšķirīga. Bet, lai kā arī būtu, sarunvalodā tos joprojām sauc vienkārši par saitēm. Šeit ir hipersaites piemērs:

Par to, kā pareizi izcelt matus Photoshop, varat lasīt vienā no manām pamācībām.

Vienalga. Laba teorija. Tagad pāriesim pie prakses un redzēsim, kuri ir atbildīgi par visiem šiem jautājumiem.

Pārī savienotais tags ir atbildīgs par hipersaiti, taču pats par sevi tas neko neatspoguļo. Tas vienmēr ir saistīts ar atribūtu. Un šajā gadījumā mums pastāvīgi jāraksta tas pats href. Atribūta vērtībā ievietojam saiti uz pašu vēlamo resursu. Un pašā saturā mēs ierakstām pašu tekstu, kuram jākļūst noklikšķināmam (noklikšķinot darbojas). Paskaties uz piemēru un domāju, ka visu sapratīsi.

Yandex meklētājprogramma

Kā jūs saprotat, šajā piemērā es rakstīju, ka, noklikšķinot uz teksta “Yandex meklētājprogramma”, persona tiks novirzīta uz adresi, kas ierakstīta atribūta href vērtībā.

Es domāju, ka daudzi no jums zina, ka pastāv iekšējās un ārējās saites. Iekšējās saites tiek veiktas vienā direktorijā, tas ir, vietnē, un ārējās saites ved uz kādu trešās puses resursu. Un tagad es jums parādīšu, kā izdarīt abus.

Iekšējās pārejas Fails tajā pašā mapē

Taču šāda pāreja darbosies ar nosacījumu, ka fails, uz kuru veidojat saiti, atrodas tajā pašā mapē kā fails, kurā ievietojat saiti. Citām iespējām viss ir nedaudz savādāk.

Fails citā mapē

Programmā Notepad++ atveriet failu pushkin.html

Tagad atrodiet vārdu fotoattēls un ietiniet to tagos.

Tagad uzmanību! Atribūta vērtībā mēs norādām ceļu attiecībā pret rediģējamo failu, tas ir, pašu pushkin.html. Jums vajadzētu beigties ar kaut ko līdzīgu:

Fotoattēls

Ko mēs tagad esam izdarījuši? Un mēs rīkojāmies šādi: tā kā ceļš uz fotoattēlu atrodas atsevišķā img mapē, kas atrodas tajā pašā mapē, kurā atrodas fails pushkin.html, tad atribūta vērtībā vispirms ir jāieraksta mapes nosaukums un pēc tam ar slīpsvītru (/) norādiet pilnu dokumenta nosaukumu (mūsu gadījumā fotogrāfijas).

Tagad saglabājiet un palaidiet failu pushkin.html savā pārlūkprogrammā. Jūs redzēsiet, ka vārds “Foto” ir kļuvis izcelts zilā krāsā un kļuvis klikšķināms, kas nozīmē, ka, noklikšķinot uz šīs saites, mēs tiksim novirzīti uz failu fofo.jpg, kas atrodas mapē img.

Tā kā? Viss skaidrs? Ja kaut kas notiek, nevilcinieties jautāt.

Ārējās pārejas

Un, protams, mēs nevaram nepieminēt ārējās saites, pēc noklikšķināšanas uz kurām mēs tiksim novirzīti uz pavisam citu vietni. Bet šeit nav nekā sarežģīta. Viss ir tas, ka jūs ievietojat pilnu vietnes vai tīmekļa lapas adresi href vērtībā. Iepriekš es parādīju piemēru ar Yandex. Bet šeit ir vēl viens piemērs:

Mācīšos par sociālo projektu meistaru.

Šeit mēs nokļūstam konkrētas vietnes noteiktā lapā.

Atveras jaunā logā

Pēc noklusējuma, noklikšķinot uz saites, dokuments tiek atvērts tajā pašā logā, kurā atrodas jūsu lapa, t.i. tava lapa tiks aizvērta. Un tas nav labi. Jo īpaši reklamētā satura projektiem vai emuāriem ir ieteicams, ka, noklikšķinot uz saites, dokuments tiek atvērts jaunā logā vai cilnē, neaizverot lapu.

To mums palīdzēs mērķa atribūts ar vērtību “_blank”. Šeit nav nekā sarežģīta. Jums tas vienkārši jāievieto sākuma tagā aiz href atribūta vērtības. Ņemsim to fragmentu no faila lukomorye.html, kur mēs izveidojām saiti uz pushkin.html lapu, tikai tagad mēs rakstīsim tieši šo atribūtu. Tam vajadzētu izskatīties šādi:

No dzejoļa Ruslans un Ludmila (Autors - A.S. Puškins)

Nu šeit viss ir skaidrs. Tagad, noklikšķinot uz satura, vajadzīgā lapa tiks atvērta jaunā logā. Šī lieta ir ļoti nepieciešama, jo, ja jūs to nereģistrēsit, lietotājs vienkārši pametīs jūsu lapu. Un tāpēc viņš jebkurā gadījumā paliks uz tā, tikai tad, ja viņš to īpaši neaizvērs. Mēģiniet darīt visu pats, tikai padariet visu skaistu ar savām rokām. Nav nepieciešams kopēt un ielīmēt.

Kaut kā šādi. Šķiet, ka es jums pastāstīju visu svarīgāko, bet, ja vēlaties virzīties šajā virzienā un apgūt HTML un CSS, lai izveidotu profesionālas vietnes, emuārus un pat tiešsaistes veikalus, tad noteikti noskatieties izcilu video kursu par šo tēmu. Nodarbības ir patiešām lieliskas, un tās patiešām ir paredzētas cilvēkiem, kuri vēl maz vai nav pazīstami ar vietņu veidošanu.

Ar to mūsu šodienas nodarbība ir beigusies. Ceru, ka jums patika mans raksts un priecāšos, ja kļūsit par manu pastāvīgo lasītāju. Tāpēc neaizmirstiet abonēt manu emuāra atjauninājumus, lai nepalaistu garām neko interesantu. Nu, es novēlu jums panākumus visos jūsu centienos. Čau čau!

Ar cieņu, Dmitrijs Kostins.

Visi lietotāji, kuri tādā vai citādā veidā ir saistīti ar mājaslapām, to veidošanu vai rediģēšanu, ikdienā saskaras ar saišu veidošanu uz dažādiem materiāliem. Un viņš droši vien zina katru no tiem, kā un ar kuru html tagu izveidot saiti uz jebkuru materiālu internetā.

Tomēr ne visi zina, kā ievietot saiti uz noteiktu lapas daļu. Tas var būt ļoti noderīgi, ja rakstāt lielus rakstus. Ieraksta sākumā var izveidot satura rādītāju, no kura katras rindiņas pēc tam izveidot saiti uz teksta daļu gan tajā pašā lapā, gan jebkurā citā.

Lai saprastu, ko mēs domājam, skatiet mūsu jaunāko instrukciju noformējumu. Lapas augšpusē ir tieši tāda izvēlne, kurā tiek izveidotas saites uz konkrētu vietu lapā.

Kā izveidot saiti uz konkrētu atrašanās vietu pašreizējā lapā 1. Piešķiriet enkuru kādai lapas daļai

Pirmais solis ir piešķirt tā saukto “enkuru” tai lapas daļai, uz kuru lietotājs jānovirza, noklikšķinot uz saites. Lai to izdarītu, pirms teksta šajā lapas daļā ievietojiet šādu kodu

Lapas teksts...

kur "enkura" vietā ievietojiet jebkuru vārdu, kas, vēlams, atbilst rindkopas nozīmei, uz kuru jūs atsaucaties.

2. Saite uz enkuru

Otra lieta, kas jums jādara, ir izveidot saiti uz “enkuru”, kas iestatīts pirmajā rindkopā tajā lapas vietā, no kuras, jūsuprāt, lietotājs varētu vēlēties pāriet uz teksta daļu, uz kuru veidojat saiti. Piemēram, tas varētu būt satura rādītājs raksta sākumā. Enkura saite izskatās šādi

kur “enkurs” aizstāj ar vārdu, kuru izvēlējāties raksta pirmajā daļā.

Kā izveidot saiti uz konkrētu citas lapas daļu

Tādā pašā veidā, kā mēs apspriedām iepriekš, varat izveidot saiti ne tikai uz teksta daļu tajā pašā lapā, bet arī uz noteiktu vietu jebkurā citā lapā. Galvenais, lai tev būtu iespēja tur novietot “enkuru”. Tas tiek darīts šādi:

1. Piešķiriet adresāta lapai “enkuru”.

Tāpat kā iepriekšējā rindkopā, piešķiriet “enkuru” vēlamajai lapas daļai, uz kuru lietotājam vajadzētu doties, noklikšķinot uz saites, tā joprojām izskatās tāpat:

Lapas teksts...

kur "enkura" vietā jāievieto jebkurš vārds, kuru vēlaties.

2. Saite uz citas lapas enkuru

Tāpat kā iepriekšējā gadījumā, jums vienkārši jāievieto saite uz iepriekš izveidoto “enkuru”. Vienīgā atšķirība ir tā, ka, veidojot saiti uz citas lapas daļu, kodam jāpievieno tās URL, kas rezultātā izskatīsies šādi

Saites teksts

kur “lapas adreses” vietā ir attiecīgi jāaizstāj tās lapas URL, uz kuru veidojat saiti, un “enkura” vietā ir jāaizstāj teksts, ko atlasījāt, veidojot “enkuru”.

5,6 tūkst

Šajā rakstā mēs parādīsim, kā HTML kodā izveidot saiti no vienas lapas uz otru. Mēs arī īsi aprakstīsim dažādus hipersaišu veidus.

Piemērs:

Skatīt piemēru

Absolūtās adreses

Tas attiecas uz gadījumu, kad URL satur pilnu ceļu. Piemēram:

HTML apmācība

Radinieku adreses

Šajā gadījumā URL norāda ceļu attiecībā pret pašreizējo atrašanās vietu. Piemēram, ja mēs vēlamies izveidot saiti uz URL un mūsu pašreizējā atrašanās vieta ir https://www.quackit.com/html/, mēs izmantotu šo saiti:

HTML apmācība

Adreses saistībā ar vietnes sakni

Tas attiecas uz HTML saites URL, kas nosaka ceļu attiecībā pret domēna sakni.

Piemēram, ja mēs vēlamies izveidot saiti uz URL https://www.quackit.com/html/tutorial/ un pašreizējā atrašanās vieta ir https://www.quackit.com/html/ , mēs izmantotu šo saiti:

HTML apmācība

Uz priekšu vērstā slīpsvītra nozīmē domēna sakni. Neatkarīgi no tā, kur atrodas jūsu fails, jūs vienmēr varat izmantot šo metodi, lai noteiktu ceļu, pat ja nezināt, kāds būs domēna nosaukums (ja vien zināt pilnu ceļu no saknes).

Saites mērķi

Varat arī noteikt, vai URL tiks atvērts jaunā vai pašreizējā logā. To var izdarīt, izmantojot mērķa atribūtu. Piemēram, target = "_blank" atver URL jaunā logā.

Mērķa atribūtam var būt šādas vērtības:

Tukšs: atver saiti jaunā HTML logā. _self: ielādē URL pašreizējā logā. _parent: ielādē URL vecākrāmā (joprojām pašreizējā pārlūkprogrammas logā). Piemērojams tikai tad, ja tiek izmantoti rāmji. _top: ielādē URL pašreizējā pārlūkprogrammas logā, bet ignorē citus rāmjus.

Piemērs:

Quackit

Pievienojiet ID saites mērķim

Pievienojiet ID tai lapas daļai, uz kuru vēlaties novirzīt lietotāju. Lai to izdarītu, izmantojiet atribūtu id. Vērtībai ir jābūt īsam tekstam. id ir bieži lietots atribūts HTML.

Ziloņi

Izveidojiet hipersaiti

Pārlēkt uz ziloņiem

Iepriekš minētie koda fragmenti atrodas dažādās dokumenta daļās. Izrādās kaut kas līdzīgs šim:

Piemērs

Pārlēkt uz ziloņiem

Kaķi

Viss par kaķiem.

Suņi

Viss par suņiem.

Putni

Viss par putniem.

Ziloņi

Viss par ziloņiem.

Pērtiķi

Viss par pērtiķiem.

Čūskas

Viss par čūskām.

Žurkas

Viss par žurkām.

Zivis

Viss par zivīm.

Buffalo

Viss par bifeļiem.

Skatīt piemēru

Tai nav jābūt vienai un tai pašai lapai. Varat izmantot šo metodi, lai pārietu uz jebkuras lapas ID. Lai to izdarītu, pirms saites ievietošanas HTML kodā pirms rakstzīmes “#” pievienojiet mērķa URL. Piemēram:

Pārlēkt uz ziloņiem

Protams, tas pieņem, ka lapā ir identifikators ar šo vērtību.

Saites uz e-pastu

E-pasts King Kong

Skatīt piemēru