Pripravljena izvorna koda za html. Primer ustvarjanja html strani v beležnici

: HTML - Jezik označevanja hipertteksta (ali jezik označevanja hiperteksta).

Zato ga spoznajmo bolje.

Najprej v računalniku ustvarite datoteko s katerim koli imenom in končnico .html (naslov mora biti v angleščini- na primer index.html). Če želite ustvariti takšno datoteko - ustvarite običajno Besedilni dokument ("Start" - "Vsi programi" - "Dodatki" - "Beležnica") in shranite ("Datoteka" - "Shrani kot") kjer koli z vnosom imena in razširitve (zgodi se, da jo beležnica ob uvedbi razširitve še vedno shrani kot besedilno datoteko, vendar potrebujemo spletno datoteko. Če želite to narediti, pred shranjevanjem izberite vrsto datoteke - "Vse datoteke ( *. *)").

To ni predpogoj (saj lahko v nastavitvah strežnika spremenite ime prve strani), ampak pravilo dobre oblike. Ime prve strani je po možnosti indeksno (index.html), saj strežnik ob dostopu do njega izda datoteko s tem imenom - indeks.

Če je pravilno shranjena, se mora ikona datoteke spremeniti v ikono brskalnika (privzeto Internet Explorer).

Zdaj odprite to datoteko v beležnici in tam kopirajte to kodo.

To je prva spletna stran!

Shranite in odprite z brskalnikom.

Čestitamo, pravkar ste ustvarili svojo prvo spletno stran.

Besedilo "To je prva spletna stran!" lahko ga spremenite v katero koli drugo, na primer "To je moja prva spletna stran !!!". shranite, posodobite brskalnik, občudujte rezultat.

Toda naša stran nima naslova.

To moramo popraviti - kodo bomo nekoliko popravili, bolje rečeno, dodali ji bomo »Glavo spletnega mesta« z oznakami in . <html> <head> <title>Prva stran To je moja prva spletna stran !!!

Shranjujemo, posodabljamo, občudujemo. Naša stran ima zdaj glave.

Opis oznak.

Prva oznaka je (ta oznaka je seznanjena, to je zaključna oznaka obvezno) - uporablja se kot vsebnik, ki vsebuje vso vsebino strani (besedilo, slike itd.). Čeprav ta oznaka ( in) ni obvezen, vendar njegova uporaba govori o dobri formi. Zato vam svetujem, da ga uporabite.

Naslednja oznaka je ... To je tudi seznanjena oznaka ( in). Ta oznaka ni prikazana na strani (razen naslova), vendar je treba določiti dodatne parametre strani - opis strani (uporabljajo jih iskalniki), ključne besede(uporabljajo jih iskalniki), slogi, skripte, naslov itd.

Oznaka - seznanjena oznaka ( <title>in) je potrebno določiti naslov strani. Poleg tega je treba to oznako postaviti samo znotraj oznake. !

In zadnja, v naši kodi, oznaka - ... Tudi seznanjena oznaka ( in

), znotraj katerega se nahaja celoten vidni del spletnega mesta, tj. besedila, slike, povezave, na splošno informacije, ki jih želite postaviti na spletno mesto.

V naslednji lekciji bomo govorili o vrstah oznak in pravilih za njihovo pisanje.

Če ustvarjate predlogo iz nič, morate na nečem graditi. Glede na to, da standard HTML5 "napreduje po vsej državi", bom v tem članku navedel primer prazne predloge HTML5.
V novem standardu je bilo veliko poenostavljeno in zdaj je osnovni del videti tako:
...

Nove oznake HTML5

HTML5 uvaja več novih oznak za strukturo kode:
,
,
,
,
, ki v nekaterih primerih nadomestijo običajno
... To so naredili iskalni roboti, da bi bolje prepoznali kodo strani in ločili glavno vsebino od pomožnih elementov.

Z uporabo novih oznak bi lahko bila prazna predloga HTML5 videti tako:

Naslov strani

Navigacijski meni

Stranska vrstica stranske vrstice

Vsebina je glavna vsebina strani.

Noga spletnega mesta

Olajšanje pisanja DOCTYPE

Spomnite se, kako je bilo prej, v HTML4 je oznaka DOCTYPE izgledala tako:

Zdaj je zapis minimalen, verjetno ni nikjer lažje:

Podobne poenostavitve so se zgodile tudi za ostale oznake, zato prehod na standard HTML5 veliko olajša pisanje.

Izbirne oznake v HTML5

Novi standard je oblikovalcem postavitve prinesel veliko olajšanja. Zlasti uporaba elementov HTML, HEAD in BODY ni več potrebna za označevanje HTML5. Če jih ni, potem brskalnik še vedno misli, da obstajajo. Pravzaprav samo od obveznih v HTML5 .

Tolmačenje ruskega jezika kot glavnega jezika dokumenta HTML

Oznaka določa jezik dokumenta. Na internetu se redno pojavljajo razprave o njegovem pravilnem črkovanju, zlasti o pravilnem črkovanju "ru-RU". Nagibam se k možnosti, da je "-RU" odveč, saj ruski jezik nima narečij in črkovanj, kot je angleški jezik (britanski in ameriški). Pripona RU določa, kje se govori ruščina. To pomeni, da če en-US pomeni "angleščino, ki se govori v ZDA", potem ru-RU pomeni "rusko, ki se govori v Rusiji", kar je odveč.

Z drugimi besedami, če še naprej uporabljate možnost "ru-RU", se ne bo zgodilo nič slabega.

Če odprete katero koli spletno stran, bo vsebovala značilne elemente, ki se ne spreminjajo glede na vrsto in usmerjenost spletnega mesta. Primer 1 prikazuje kodo za preprost dokument, ki vsebuje osnovne elemente.
Primer 1. Izvorna koda spletne strani
Vzorec spletne strani
Naslov

Prvi odstavek.

Drugi odstavek.

Kopirajte vsebino tega primera in jo shranite v mapo c: \ www \ kot example2.html. Po tem zaženite brskalnik in odprite datoteko skozi element menija Datoteka> Odpri datoteko(Ctrl + O). V pogovornem oknu za izbiro dokumenta podajte datoteko example2.html. Brskalnik bo odprl spletno stran, prikazano na sliki 7. 1.
Riž. 1. Rezultat primera v brskalniku

Element(jarg. doctype) je namenjen označbi vrste trenutnega dokumenta - DTD (opredelitev vrste dokumenta). To je potrebno, da brskalnik razume, kako razlaga trenutno spletno stran, saj HTML obstaja v več različicah - sodobni HTML5 ali starejši HTML4 in XHTML. Da se brskalnik ne "zmede" in razume, v skladu s katerim standardom se prikaže spletna stran, in ga je treba nastaviti v prvi vrstici kode.
Ker bomo v prihodnje delali samo s HTML5, potrebujemo le eno kratko in sodobno vrsto doktrine.
Omenili smo, da se imena elementov lahko pišejo z velikimi in malimi črkami. TOto pravilo velja tudi in ga je mogoče zapisati na različne načine. Tradicionalno pa je ime tega elementa zapisano z velikimi tiskanimi črkami.
Odpiranje oznake definira začetek dokumenta HTML, znotraj je "glava" ( ) in "telo" dokumenta ( ).
Vsebina tega razdelka ni prikazana neposredno na strani, razen elementa ... V notranjosti <head>lahko najdemo naslednje elemente: <base> , <link> , <meta> , <script> , <style>ali <title> . <meta charset="utf-8"> Element <meta>je univerzalna in dodaja celoten razred zmogljivosti, zlasti z uporabo metaoznake, kot se ta element splošno imenuje, lahko spremenite kodiranje strani, dodate ključne besede, opise dokumentov in še veliko več, namenjenih brskalniku ali iskalnikom. Zlasti zato, da brskalnik razume, da se ukvarja s kodiranjem UTF-8 (format pretvorbe Unicode) in se ta niz doda. <title>Vzorec spletne strani
Element določa naslov spletne strani. V brskalniku je prikazan na trenutnem zavihku (slika 2).<img src='https://i0.wp.com/webref.ru/assets/images/html-tutorial/title.png' height="62" width="367" loading=lazy loading=lazy>Riž. 2. Naslov spletnih strani v brskalnikuElement <title>je obvezna in mora biti prisotna v kodi dokumenta. V notranjost je dovoljeno pisati samo besedilo in nobenih drugih elementov <title>ne bi smelo biti. Vendar je dovoljeno dodati različne besedilne znake, na primer, na primer: <title>Adobe ™ Photoshop® .
Končna oznaka označuje, da je glava dokumenta popolna.
"Telo" dokumenta je namenjen prilagajanju elementov in vsebine spletne strani.

Naslov

HTML ponuja šest besedilnih naslovov na različnih ravneh, ki nakazujejo relativno pomembnost razdelka za naslovom. Torej, element
predstavlja najpomembnejši naslov prve stopnje in element
služi za označevanje naslova šeste stopnje in je najmanj pomemben. Naslov prve stopnje je privzeto prikazan z največjo krepko pisavo, naslovi naslednje ravni so manjši. Elementi
...
so blokovni elementi, se vedno začnejo v novi vrstici, za njimi pa so v naslednji vrstici prikazani drugi elementi. Poleg tega brskalnik doda prazen prostor pred naslovom in za njim.

Nekaj besedila lahko skrijete pred prikazom v brskalniku tako, da ga dodate kot komentar. Čeprav uporabnik takšnega besedila ne bo videl, bo v dokumentu še vedno poslan, zato lahko z ogledom njegove izvorne kode najdete skrite zapiske.

In uporabite enega od urednikov.

Glavne oznake Besedilne povezave Okviri Tabele Seznami Obrazci Slike
Primer 1. Struktura dokumenta HTML

Ime dokumenta

Tu se nahaja sam spletni dokument.

Pozdravljeni vsi skupaj!

Pozdravljen, svet!

Primer 2. Struktura najpreprostejših spletnih strani

Internetni iskalniki.

Internetni iskalniki

Spodaj je nekaj priljubljenih v tujini
iskalniki in domači sistem Rambler. Za iskanje
informacije, se uporabi iskalno okno, v katerega vnesete ključ
word in pritisnete gumb za iskanje.

Oglejte si primere:
ALTAVIST.HTM,
EXCITE.HTM,
YAHOO.HTM!

1.
2.
3.
4.
5.
6.

Uporaba Iskalniki za poiščite informacije na internetu!

Primer 3. Označevanje spletne strani

Odmev Moskve.

24 ur na dan!

Informacije o kateri koli temi!
Frekvenca na VHF 73,82 MHz ali 91,2 MHz FM.

Poslušajte Echo of Moscow!
Ostalo je vidljivost!

Internetni naslov:
http://www.echo.msk.ru

Primer 4. Preprost primer HTML

Urejeni in neurejeni seznami

Neurejen seznam

1. element.

2. element.

Element 3.

Urejen oštevilčen seznam

1. element.

2. element.

Element 3.

Seznami definicij

Seznami definicij so:

Ime izraza 1

Opredelitev izraza 1

Druga definicija izraza 1

Ime izraza 2

Opredelitev izraza 2

Druga definicija izraza 2

Ime izraza 3

Opredelitev izraza 3

Druga definicija izraza 3

Petrov I.S., E-pošta:

Obrazci

Elementi dialoga

<Н2>Element ISINDEX

<Н2>Elementi INPUT

Vnos besedilnega niza

Vnos gesla

Potrditvena polja

Stikala

Gumb za potrditev vnosa

Gumb za sliko

Gumb za brisanje obrazca

mapa

<Н2>Element SELECT

<Н2>Element TEXTAREA
 Območje za vnos besedila 

To besedilo je debelo.

To besedilo je logično označeno z močno oznako (v nekaterih brskalnikih je lahko prikazano kot navadno besedilo ali pa krepko). V nekaterih brskalnikih je dejanje enako oznaki b.

To besedilo je prikazano v večji pisavi (v nekaterih brskalnikih se lahko pojavi v običajni pisavi)

To besedilo je logično označeno z oznako em. V nekaterih brskalnikih je dejanje enako oznaki i.

To besedilo je prikazano poševno.

To besedilo je prikazano z manjšo pisavo.

To besedilo _spodaj in ta ^zgoraj ravni glavnega besedila.

To je predhodno
oblikovano besedilo.
Shranjuje se
vsi prostori in prazne točke
vrstice, ki ste jih posredovali.

Prednalepka je dobra za prikaz računalniške kode .:

Za i = 1 do 10
natisni i
naslednji i

Oznaka kode je zasnovana za prikaz ene ali več vrstic besedila, ki je programska koda. To vključuje imena spremenljivk, ključne besede, besedila funkcij itd. Brskalniki ponavadi upodobijo vsebino kode kot besedilo z enorazmikom v manjši velikosti.

Oznaka kbd se uporablja za označevanje besedila, ki se vnese na tipkovnici ali za ime tipk. Brskalniki običajno označijo besedilo v vsebniku kbd z enoprostorsko pisavo.

Besedilo, označeno z oznako tt, je prikazano v enoprostornem besedilu. Ta oznaka spada v skupino oznak za fizično oblikovanje.

Oznaka samp se uporablja za prikaz besedila, ki je rezultat računalniškega programa ali skripta. Brskalniki običajno prikažejo besedilo v posodi z vzorcem z enoprostorsko pisavo. Slogi vam omogočajo, da sami določite svoj videz.

Oznaka var se uporablja za označevanje spremenljivk računalniških programov. Brskalniki običajno označijo besedilo v vsebniku var s poševnim tiskom.

Jaka racman

nabiralnik 555

Disneyland

ZDA

ZN

WWW

Atribut title se uporablja za prikaz besedila, ki ga vsebuje, ko premaknete miškin kazalec nad kratico ali okrajšavo.

Blok citatov:

To je dolg citat. To je dolg citat. To je dolg citat. To je dolg citat.

Brskalnik vstavi prazno vrstico in oblazinjenje pred in po bloku narekovajev.

Kratek citat:
To je kratek citat.

Element q na noben način ni označen in je prikazan kot običajno besedilo.

Ducat jih je
~~trinajst~~
dvanajst
enote.

Večina brskalnikov prečrta izbrisano besedilo in podčrta vstavljeno besedilo.

Starejši brskalniki lahko prikažejo izbrisano besedilo kot navadno besedilo.

ZN

To je odstavek.

To je drugačen odstavek.

Oblikovanje html

y = x ²-parabola enačba.

H ₂ O-formula vode.

Oblikovanje html

To je naslov prve stopnje

To je naslov druge stopnje

To je naslov tretje stopnje

To je naslov četrte stopnje
To je naslov pete stopnje
To je naslov šeste stopnje
To je samo besedilo

In to besedilo vas bo pripeljal do znanega Youtube video gostovanja.

Za primere html

Če atribut target nastavite na »_blank«, se bo povezava odprla v novem oknu brskalnika.

To je povezava za pošiljanje pošte:
? subject = Pozdravljeni% 20you ">
Za pošiljanje pisma!

Pozor: Presledke med besedami morate zamenjati z »% 20«, da boste seveda da bo brskalnik pravilno prikazal vaše besedilo.

name = ”showframe”>

Nekateri starejši brskalniki ne podpirajo vgrajenih okvirjev.

V tem primeru okvir vrstice ne bo prikazan v oknu brskalnika.

Vsaka tabela se začne z oznako tabele.
Vsaka vrstica tabele se začne z oznako tr.
Vsaka celica tabele se začne z oznako td.

Tabela z enim stolpcem:

100

Ena vrstica s tremi stolpci:

100 200 300

Dve vrstici s tremi stolpci:

100 200 300

400 500 600

Tabela z običajno obrobo:

Prvi vrstica

Drugi vrstica

Širok okvir:

Prvi vrstica

Drugi vrstica

Z zelo širokim okvirjem:

Prvi vrstica

Drugi vrstica

Glave tabel:

Ime Telefon Telefon

Bill Gates 555 77 854 555 77 855

Navpične glave:

Ime: Bill Gates

Telefon: 555 77 854

Telefon: 555 77 855

Ta miza s široko obrobo in naslovom

Ime
100 200 300

400 500 600

Celica je sestavljena iz dveh stolpcev:

Ime Telefon

Bill Gates 555 77 854 555 77 855

Celica je sestavljena iz dveh vrstic:

Ime: Bill Gates

Telefon: 555 77 854

555 77 855

Neurejen seznam:

Kava

Čaj

Mleko

Seznam naročenih:

Kava

Čaj

Mleko

Ikone seznama zapolnjenih krogov:

Jabolka

Banane

Limone

Pomaranče

Seznam krožnih krogel:

Jabolka

Banane

Limone

Pomaranče

Ikone polnega kvadratnega seznama:

Jabolka

Banane

Limone

Pomaranče

Oštevilčen seznam:

Jabolka

Banane

Limone

Pomaranče

Številčenje z velikimi tiskanimi črkami:

Jabolka

Banane

Limone

Pomaranče

Številčenje z malimi črkami:

Jabolka

Banane

Limone

Pomaranče

Številčenje z velikimi rimskimi številkami:

Jabolka

Banane

Limone

Pomaranče

Številčenje z malimi rimskimi številkami:

Jabolka

Banane

Limone

Pomaranče

Gnezden seznam:

Kava

Čaj

Črni čaj

Zeleni čaj

Mleko

Ime:

Priimek:

Uporabniško ime (prijava):

Geslo:

Ne pozabite, da brskalnik, ko vnesete geslo, namesto znakov prikaže zvezdice.

Moški:
name = ”Sex” value = ”moški”>

Ženska:
name = ”Sex” value = ”female”>

Uporabnik lahko izbere samo eno vrednost.

Imam motorno kolo:

Imam avto:

Imam letalo:

Če kliknete gumb »Potrdi«, boste svoje podatke poslali na novo stran imenovano html1.asp.

Vstavite preprosto sliko:
width = ”111 ″ height =” 111 ″>

Premikajoča se slika (animacija):
width = ”62 ″ height =” 62 ″>

Ne pozabite, da je skladnja za vstavljanje animacije enaka kot za vstavljanje preproste slike.

Poglejte, sliko smo vstavili kot ozadje!

Vstavite lahko slike gif, jpg / jpeg in png.

Če je slika manjša od strani, se bo ponavljala, dokler ne zapolni celotnega ozadja.

align = ”left” width = ”48 ″ height =” 48 ″>
Odstavek s sliko. Atributu "align" je bila dodeljena vrednost "left". Slika plava na levi strani besedila.

align = ”right” width = ”48 ″ height =” 48 ″>
Odstavek s sliko. Atributu "align" je bila dodeljena vrednost "right". Slika plava desno od besedila.

width = ”20 ″ height =” 20 ″>

width = ”45 ″ height =” 45 ″>

width = ”70 ″ height =” 70 ″>

Velikost slike lahko spremenite tako, da spremenite atribute "višina" in "širina" oznake img.

Torej. Čas je, da ustvarimo nekaj bolj zapletenega, kot smo to storili prej, vendar z uporabo znanja, pridobljenega v prejšnjih lekcijah.

V tej lekciji prvega tečaja MM bomo izdelali spletno stran na dveh straneh ... na primer o zaslužku na internetu.

Najprej se odločimo, kako bo približno videti.

Na vrhu spletnega mesta bomo ustvarili "glavo strani". Na levi bo meni spletnega mesta s povezavami do drugih strani spletnega mesta, preostali prostor bo zasedla vsebina (vsebina) spletnega mesta.

Ali razumete idejo? Začnimo.

Zaženite Beležnico in napišite naš minimalni komplet za ustvarjanje strani.

Zdaj pa napišimo med oznakami ime naše strani, na primer, tako

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Nato postavimo oznake
in tako da je vsa vsebina na naši strani osredotočena na stran.
Če niste pozabili, oznake in je treba postaviti med in

, tj. Všečkaj to

Za izdelavo žičnega okvirja za stran bomo uporabili tabelo, vendar je nekoliko bolj zapleteno, kot smo to storili v vadnici HTML Tutorial. Potrebujemo tabelo, v kateri bo prva vrstica imela 1 celico, druga vrstica pa 2 celici, tj. potrebujemo takšno mizo:

V celico 1 bomo postavili glavo mesta, v celico 2 bo meni spletnega mesta, v celico 3 pa vsebina strani.

Če želite narediti takšno tabelo, napišite naslednjo kodo

Tisti. koda naše strani bo naslednja:

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Kot lahko vidite, se v tako "zapleteni" tabeli uporablja le 1 par oznak. v prvi vrstici tabele in ne dveh, kot pri gradnji tabele 2x2. Prikazal pa se je parameter colspan = "2". Ta parameter tako rekoč pove, kakšne velikosti bi morala biti celica. V tem primeru mora biti celica široka 2 celici.

Torej. Zdaj pa nastavimo velikost mize. Naredimo širino tabele 750 slikovnih pik. Ob predpostavki, da lahko nekateri obiskovalci spletnega mesta uporabljajo monitor z ločljivostjo 800 x 600 slikovnih pik, si ne bodo mogli ogledati širšega spletnega mesta.

Naj bo tabela višina 600 slikovnih pik

Tisti. koda naše strani bo zdaj videti tako.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bomo imeli klobuk

Tukaj bo meni

Če želite, da so meje delov spletnega mesta vidne - z barvo izpolnite menijsko območje in področje glave. Na primer, takole

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bomo imeli klobuk

Tukaj bo meni To bo vsebina strani

Shranite datoteko kot index.html, tako da si ga lahko ogledate tako, kot bo videti v brskalniku.

Zdaj sliko glave vstavimo na naše spletno mesto. O,.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni To bo vsebina strani

Zdaj nastavimo natančno velikost celice tabele, ki je namenjena glavi. Ker naša slika glave ima velikost 750x120, potem bomo naredili velikost celice mize 750 x 120.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni To bo vsebina strani

TAKO.

Širino menija nastavite na 200 slikovnih pik, tako da ustrezni oznaki dodate širino = "200"

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni To bo vsebina strani

"Napolnimo" ozadje menija s takšnim ozadjem, da to naredimo, shranimo to ozadje z "domačim" imenom sv11.jpg v istem imeniku, kjer se nahaja datoteka strani.

Zdaj registriramo zahtevano kodo

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni To bo vsebina strani

Zdaj bo naša stran videti tako.

Morda se sprašujete, zakaj brskalnik ne "obvlada" širine menija 200? Konec koncev je meni videti širši od 200 slikovnih pik. Da. V brskalniku je prišlo do takšne napake, vendar bo vse prišlo na svoje mesto, če začnete pisati besedilo v glavnem delu strani. (Lahko pa tudi šifrirate širino celice, v katero bomo zapisali vsebino, tako da jo dodate širina = "550" )

Če želite to potrditi, na naše spletno mesto dodamo nekaj besedila.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni

Zdaj je skoraj vse v redu ... Skoraj, ker je nekaj manjših težav. Besedilo je prikazano točno na sredini (navpično), vendar bi moralo biti, da se besedilo nahaja na vrhu celic.

Če želite to narediti, moramo v oznako registrirati še en parameter meni in glavno vsebino strani.

Tega parametra v lekciji o tabelah nismo obravnavali, je parameter navpične poravnave valign = "top".

Najvišja vrednost pomeni, da bo vsebina na vrhu.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

Tukaj bo meni Ta stran je namenjena zaslužku na internetu. Če ste popolnoma novinec, vam bo to spletno mesto pomagalo pri orientaciji in vam povedalo, kje in kako lahko zaslužite na spletu.

Zdaj bo naša stran videti tako.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

doma

Ta stran je namenjena zaslužku na internetu. Če ste popolnoma novinec, vam bo to spletno mesto pomagalo pri orientaciji in vam povedalo, kje in kako lahko zaslužite na spletu.

Zdaj moramo besedilo menija narediti v obliki povezav. Beseda Domov bo povezala stran index.html, beseda Povezave pa stran ssilki.html, ki jo bomo ustvarili nekoliko kasneje.

Spletno mesto o zaslužku na internetu. Informacije in povezave do spletnih mest o zaslužku na internetu

doma

Povezave

Ta stran je namenjena zaslužku na internetu. Če ste popolnoma novinec, vam bo to spletno mesto pomagalo pri orientaciji in vam povedalo, kje in kako lahko zaslužite na spletu.

Zdaj bo naše spletno mesto videti tako.

Ostaja še druga stran spletnega mesta. Za poenostavitev dela naredimo to - stran index.html shranimo pod drugim imenom ssilki.html in nato uredimo datoteko.

Tisti. v računalniku bi morali imeti doslej 2 enaki strani - index.html in ssilki.html.

Zdaj pa spremenimo naslov strani (med oznakami in) in spremenite besedilo strani na primer tako

doma

Ta stran bo vsebovala povezave do spletnih mest o zaslužku na internetu

Spletno mesto o zaslužku na internetu MoneyMaster

Druga stran spletnega mesta bo videti tako.

Mogoče ima kdo vprašanje. Zakaj je toliko praznih vrstic? Ali je mogoče kodo zgostiti?

Lahko. Naredil sem vrzeli, da bi bila struktura strani bolj jasno vidna. Tako lahko vso vrstico na splošno postavite v eno vrstico.
Ampak ni vredno. V nasprotnem primeru bo težko iskati napake, če sploh kaj ...

Če imate kakršna koli vprašanja o tem primeru - pišite.

Tako smo naredili preprosto spletno mesto, ki ga lahko urejate in postavite na internet.

Mnogi sprašujejo kako postaviti spletno stran na internet tako, da ga lahko vidite ne samo v računalniku, ampak tudi, da ga vidijo tudi drugi ljudje. V REDU. Tekel bom malo naprej.

Če želite, da je vaše spletno mesto dostopno z interneta po vsem svetu, morate najti tisto, ki vam bo zagotovila prostor za vaše spletno mesto. Gostovanje je brezplačno in plačljivo. Brezplačno gostovanje vam daje tudi naslov spletnega mesta. Na primer, če ste se na primer registrirali na gostovanju narod.ru in med registracijo navedli prijavo za mladiče, bo naslov vašega spletnega mesta http://pupkin.narod.ru Toda brezplačne storitve gostovanja imajo veliko pomanjkljivosti in bi morale biti uporablja samo za usposabljanje. Če naredite resno spletno mesto, morate kupiti in kupiti gostovanje, nato povezati domeno in gostovanje (ta vprašanja so podrobneje obravnavana v knjigi MoneyMaster-3), potem bo vaše spletno mesto imelo želeni naslov, kot je http: //gadukino.ru (če domena ni zasedena) in dobili boste kopico prednosti pred brezplačno gostovanje na primer možnost uporabe skriptov, ki vam bodo omogočili ustvarjanje dinamičnih spletnih mest. Ko se odločite za gostovanje in dobite mesto za svojo spletno stran, morate datoteke spletnega mesta prenesti na gostovanje. To lahko storite s posebnimi programi FTP, na primer LeapFTP, CuteFTP, ali pa z datotečnimi lupinami Windows Commander, Popolni poveljnik in drugi, lahko prenesete video vadnico, iz katere se boste naučili prenašati datoteke na gostovanje.

ČESTITAMO!

Če pridete do te točke in vam uspe, ste opravili nekakšno testno vožnjo in zdaj lahko samozavestno nadaljujete.

Seveda na primer narejeno spletno mesto ni tako kul. In tudi na tem spletnem mestu sem moral uporabiti dokončane slike ki jih najverjetneje ne znate ustvarjati.

Bi se radi naučili risati lastno grafično zasnovo za svojo spletno stran?

Tega se lahko naučite tako, da sledite vadnici MM-2.

Knjiga MM 2. del.

VEČ DANES lahko naredite VAŠ dostojen, ekskluziven dizajn za vaše spletno mesto brez zapravljanja tednov / mesecev pri študiju učbenikov in drugega gradiva, brez kraje modelov od drugih in brez uporabe predlog.
Tudi če po principu niste oblikovalec, boste vedno dobili odličen dizajn!
Kako narediti lepo spletno stran, tudi če še niste oblikovalec.
Usposabljanje za potrebne veščine in tehnike za ustvarjanje grafičnih elementov spletnega mesta. Sorte oblikovanja.
Osnove sestave spletnega mesta.
Priporočene barvne kombinacije.
Ustvarjanje postavitve spletnega mesta v Adobe Photoshopu.
Učinki v programu Adobe Photoshop.
Razrežite spletno mesto na Image Ready.
Postavitev kode v DreamWeaverju.
Listi sloga CSS.

Knjiga 2 žal ni brezplačna, vendar sem prepričan, da je niste kupili. Zagotovo si pred branjem knjige MM-1 niste mogli predstavljati, da se boste po njenem preučevanju naučili ustvarjati preprosta spletna mesta. Najverjetneje se vam je zdelo nekaj zelo težkega, "ne za vaš um". A popeljal sem vas po najkrajši poti do rezultata in vas kot otrok držal za roko. Na enak način, ko boste preučili MM-2, se boste naučili, kako narediti grafično zasnovo spletnega mesta, hkrati pa spet po najkrajši poti, tj. PRIHRANITE ČAS, ne da bi mesece preučevali različne knjige. Ko boste nekaj večerov preučevali MM-2, boste lahko oblikovali svoja spletna mesta, bistveno pred tistimi, ki se odločijo za nakup knjig v navadni trgovini in jih mesece preučujejo.

V ceno knjige MM-2 je vključena tudi cena posveta. Da.
Vsak kupec ima pravico do posvetovanja v ustreznih zaprtih rubrikah foruma. Zagotovo boste imeli vprašanja, ki pa jih nima nihče vprašati. Nakup knjige - vedno boste imeli možnost postavljati vprašanja in nanje dobiti odgovore od mene ali od izkušenih študentov! S tem pristopom bo vaše usposabljanje čim bolj učinkovito! S tem pristopom se boste hitro naučili izdelovati spletne strani in z njihovo pomočjo zaslužiti.

Če so vaše finance res omejene, lahko zaslužite denar, ki ga potrebujete. Tam ne plačujejo veliko, za nekatere pa bo življenjska slama nakup knjig.

Niste našli odgovora na svoje vprašanje? Poglej tukaj

Napake v singularnosti?

Just Cause 2 se zruši

Terraria se ne zažene, kaj naj storim?