Za izradu web stranica koristi se jezik. Izrada web stranica za dodatni HTML. Mova HTML i yoga oznake

Ulazak

1. Osnovne informacije

1.1 O mov html-u

1.2 Izrada web stranice

1.3 Opće odredbe

1.4 Struktura dokumenta

1.5 Oznake tijela dokumenta

1.6 Popis osnovnih html oznaka

2. Dodatne informacije

2.1 Popis oznaka

2.3 Grafika u sredini dokumenta

2.4 Dodavanje stilova dokumentu

2.5 Prilagođene html oznake

2.6 Html obrazac

2.7 Html okviri

2.8 HTML tablice

2.9 Optimiziranje grafike za web

2.10 Osnove CSS-a

3. Opis izrade stranice

3.1 Priprema

3.2 Sklopiva glava

3.3 Stvaranje druge strane

3.4 Suradnja strane s opisom mjesta

3.5 Foto strana

3.6 Stranica programa

3.7 Storinka s podjacima

Visnovok

Popis pobjedničke literature

Ulazak

Ovaj rad je posvećen mom HTML-u. Za dodatnu podršku kreiraju se datoteke s ekstenzijama *.htm i *.html, koje su web-strane. Od njih se formiraju stranice i internet.

Prije diplomskog rada, stranica je kao primjer onoga što možete učiniti uz pomoć HTML jezika.

Sav rad je podijeljen u 3 podjele. Prvi je razdvojio više zadataka za opis glavnih HTML oznaka. Znat ćete sve potrebne informacije o tome kako napraviti jednostavne web stranice. S druge strane, podijelili su informacije o tome kako poboljšati stari izgled dokumenta i to omogućiti. A treći je razdvojio opis kako je stranica nastala, priloge uz diplomski rad. U novom izvještaju opisan je drugi mjesec teškog rada na izradi stranice, rečeno je o različitim oprostima kada su ispravljani, o teškim metodama usvajanja istih.

Nakon što pročitate ovo, ako ste robot, budite ljudsko biće, naučite o programiranju, možete razumjeti osnove programiranja u HTML-u. A oni koji znaju, moguće je, znati nešto novo za sebe.

1.1 Pro mov HTML

Jezik za označavanje hiperteksta (HTML) je standardni jezik prepoznat za stvaranje hipertekstualnih dokumenata u WEB okruženju. HTML dokumenti mogu se pregledavati u različitim vrstama WEB preglednika. Ako je dokument izrađen iz HTML verzija, WEB preglednik može interpretirati HTML kako bi vidio različite elemente dokumenta i njihovu primarnu obradu. HTML wiki vam omogućuje formatiranje dokumenata za njihovo podnošenje u varijante fontova, linija i drugih grafičkih elemenata na bilo kojem sustavu koji ih gleda.

Većina dokumenata uključuje standardne elemente, kao što su naslov, odlomci ili popisi. Koristeći HTML oznake, možete odrediti ove elemente, ostavljajući WEB preglednicima minimalne informacije za prikaz ovih elemenata, uzimajući u obzir cjelokupnu strukturu i informacijsku cjelovitost dokumenata. Sve što trebate za čitanje HTML dokumenta je WEB preglednik koji tumači HTML oznake i prikazuje dokument na ekranu ispred vas, što bi autor trebao učiniti.

Većinu vremena autor dokumenta izričito definira izvorni izgled dokumenta. U vrijeme HTML čitača, na temelju mogućnosti WEB preglednika, možete opjevati svijet poznatim izgledom dokumenta (iako ne yoga umjesto toga). HTML vam omogućuje da naznačite je li dokument odgovoran za naslov ili odlomak za dodatnu HTML oznaku, a zatim prepustite WEB pregledniku da tumači te oznake. Primjerice, jedan WEB-preglednik može prepoznati oznaku na početku odlomka i prikazati dokument na pravi način, a drugi nema istu mogućnost da dokument pošalje u jednom redu. Drugi WEB preglednici također mogu biti u mogućnosti prilagoditi veličinu i vrstu fonta, boju i druge parametre koji se trebaju dodati prikazu dokumenta.

HTML oznake mogu se pametno podijeliti u dvije kategorije:

1. Oznake koje označavaju kako će WEB preglednik prikazati tijelo dokumenta u cjelini.

2. Oznake koje opisuju cjelokupni autoritet dokumenta, kao što je naslov ili autor dokumenta.

Imajte na umu da je glavna prednost HTML-a to što se vaš dokument može pregledavati na različitim vrstama WEB preglednika i na različitim platformama.

1.2 preklopiti web stranica

HTML dokumenti mogu se izraditi uz pomoć uređivača teksta ili specijaliziranih HTML uređivača i pretvarača. Izbor urednika, koji će se koristiti za izradu HTML-dokumenata, koristiti isključivo u razumijevanju jasnoće i posebne sličnosti autora kože.

Na primjer, HTML uređivači kao što je Netscapeov Netscape Navigator Gold omogućuju vam da grafički kreirate dokumente koristeći WYSIWYG (što vidite, to i dobijete) tehnologiju. S druge strane, većina tradicionalnih alata za izradu dokumenata može se pretvoriti pomoću pretvarača, što omogućuje pretvaranje dokumenata u HTML format.

Sve HTML oznake počinju s "<" (левой угловой скобки) и заканчиваются символом ">(desni vršni luk). U pravilu koristite početnu i završnu oznaku. Za stražnju stranu lebdimo nad oznakama naslova, koje označavaju tekst koji se nalazi u sredini početne i završne oznake i opisuju naslov dokumenta:

Naslov dokumenta

Konačna oznaka izgleda isto kao početna i zvuči kao nova izravna kosa crta ispred teksta u sredini vrha. Čija aplikacija ima oznaku recite WEB pregledniku da pogodi format naslova i oznaku- o dovršenju naslovnog teksta.

Deyaki oznake, dakle, jak

(oznaka koja definira paragraf), ne zaboravite završnu oznaku, ali također poboljšava čitljivost i strukturu izlaznog teksta dokumenta.

HTML ne reagira na mala i velika slova znakova koji opisuju oznaku, a kada se lebdi ranije, primjer bi mogao izgledati ovako:

Naslov dokumenta

Poštovanje! Dodatne praznine, simbole tablice i rotacije nosača, dodane u izlazni tekst HTML dokumenta radi najbolje čitljivosti, WEB preglednik će zanemariti prilikom tumačenja dokumenta. HTML dokument može uključivati ​​opise drugih elemenata, samo ako su smješteni u sredini oznaka

І
. Izvještaj o oznakama
Bit će napisano u nastavku.

Ako WEB preglednik prihvati dokument, pokazuje kako se dokument može protumačiti. Prva oznaka koja se pojavljuje u dokumentu može biti oznaka . Ova oznaka govori web pregledniku da je vaš dokument napisan u HTML-u. Minimalni HTML dokument izgleda ovako:

Tijelo dokumenta...

Zaglavlje dokumenta . Oznaka zaglavlja dokumenta odgovorna je za citat pored oznake a više ni blizu naslova dokumenta. Tsey oznaka je opći opis dokumenta. Jedinstveni rozmíschuvat je li tekst u sredini oznake ili ne . Početna oznaka postavljen neposredno ispred oznake i druge oznake koje opisuju dokument, te završnu oznaku</HEAD> bit će objavljen čim se dovrši opis dokumenta. Na primjer:</p> <p><TITLE>Spivrobitnik list

Poštovanje! Tehnički, tip početne i završne oznake , і neobov'yaskoví. Osim preporučenih njihovih zaokreta, krhotine oznaka ovih tagova omogućuju WEB-pregledniku da raščlani dio zaglavlja dokumenta i srednji dio dokumenta.

Naslov dokumenta . Većina WEB preglednika prikazuje umjesto oznake <TITLE>u naslovu prozora, kako izbrisati dokument i u datoteci s oznakama, kao i vin je podržan od strane WEB-preglednika. Naslov, označeno <TITLE>і, postavljen u sredini -oznake, kao što je gore prikazano na aplikaciji. Naslov dokumenta se ne prikazuje kada je dokument prikazan u prozoru.

Tijekom dana IT-sfera postaje šira i raste, pijući stvaranje web stranica. Tse proizvoditi na zbílshennya kílkostí fahivtsív, yakí spreman da preuzme razvoj stranice i yogo podršku. Međutim, mnogo takvih web-majstrív pokriveno je besplatnim dizajnerima i čak može biti nezamislivo u vezi s programskim i tehničkim stranicama za pohranu. Ludo, upotrebljivost, dizajn i sadržaj još su važniji, ali tehnički slaba stranica s pardonima u kodu ne može donijeti sreću. Stoga, za stvaranje web-mjesta, manje od onih fakhivtsy mogu preuzeti, kao da su ih mogli programirati jezikom i spremni za proširenje stranice od nule.

Koje filmove trebate znati za izradu web stranica?

Dosvídchení rozrobniki scho, scho odabrati movi programuvannya na ugaru víd bogate čimbenike. Međutim, slijedeći shvaćanje da jednostavno ne postoji idealno rješenje, opcija kože može imati svoje prednosti i nedostatke. Potrebno je odabrati taj jezik, kao najbolji pidide za ostvarivanje postavljenih zadataka. Prehrana, kako je potrebno gledati pred sobom, kao izbor jezika:

  • poslužiteljska platforma;
  • poslužiteljski softver;
  • prisutnost informacija na stvorenim stranicama;
  • Odabrana baza podataka.

Najpopularniji filmovi

Web stranica Popularnost
(Jedinstveni unosi za mjesec)
prednji kraj
(Kupac)
pozadina
(poslužitelj)
Baza podataka
Google.com 1,600,000,000 C, C++, Go, Java, Python BigTable, MariaDB
facebook.com 1,100,000,000 Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell MariaDB, MySQL, HBase Cassandra
youtube.com 1,100,000,000 C, C++, Python, Java, Go Vitesse, BigTable, MariaDB
Yahoo 750,000,000 PHP MySQL, PostgreSQL, VB.NET
Amazon.com 500,000,000 Java, C++, Perl Oracle baza podataka
wikipedia.org 475,000,000 PHP, Hack MySQL, MariaDB
twitter.com 290,000,000 C++, Java, Scala, Ruby MySQL
Bing 285,000,000 ASP.NET Microsoft SQL Server
eBay.com 285,000,000 Java, JavaScript, Scala Oracle baza podataka
msn.com 280,000,000 ASP.NET Microsoft SQL Server
Microsoft 270,000,000 ASP.NET Microsoft SQL Server
Linkedin.com 260,000,000 Java, JavaScript, Scala Voldemort
pinterest 250,000,000 Django, Erlang MySQL, Redis
wordpress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL

PHP. U osnovi joge - najjednostavniji jezični markup, HTML. PHP pov'yazuê koristuvach íz poslužiteljski dio. Sama svrha moje vlastite implementacije takvih funkcija, kao oblika povratne veze, registracijska polja su pretanka. Sintaksa tíêí̈ movi je jednostavna i samo vivchiti. Za izradu komercijalnog portala nemoguće je bez PHP-a, za onoga tko treba na novi najjednostavniji način uzeti kontakt podatke koristuvača. Osnovna prednost filma je u činjenici da, vikoristovuyuchi íí̈, programeri mogu brzo i bez zayvih zusil preklopiti dinamičke strane.

Piton. Rusku jogu često nazivaju "python". Tse vysokorívneva mova, yak vikoristovuêtsya za visokorangirani zavdan, ponajviše za vykonannya zavdan poslužitelj. Yogo orijentacija - poboljšanje produktivnosti programera i čitanje koda. Za pomoć možete napraviti sigurnosnu kopiju bogatog skupa programskih paradigmi. Python radi automatski na Windows i Linux poslužiteljima.

Rubi. Rusku jogu često nazivaju "rubi". To je dinamičan, reflektirajući i jezik visoke razine za OOP (objektno orijentirano programiranje). Win vam daje mogućnost implementacije bogatog streaminga na bilo koji OS, usvaja strogu tipizaciju dinamičkog izgleda i može imati mali broj drugih opcija. Po karakteristikama Ruby sintakse, najbliži je analozima Eiffela i Perla. Osim toga, nekoliko detalja stoji iza Pythona.

A.S.P. Ovaj jezik je distribuirala Microsoft Corporation. Za dodatnu tehnologiju možete preuzeti programe za www.asp. Platforme za filmove: Internet Information Server (IIS) i Windows NT. ASP se lako može nazvati svojim, skuplji je za tehnologiju pristupa programu Internet stranici. Sve prednosti ASP-a su u jednostavnom skriptiranju mov i mogućnosti učitavanja COM elemenata treće strane.

JavaScript. Princip javascript trohi razlikuje se od ostalih programskih jezika. Ovo je autoritet naslova za izravnu vezu s HTML datotekom. Skripta, kreacije temeljene na JavaScriptu, obrađene od strane tumača, implementirane od strane preglednika. Qia mova vykoristovuetsya za veliki spektar zadataka: stvaranje dinamičkih strana (sadržaj na njima može se mijenjati kako bi se poboljšao dokument);

Virishennya místsevyh zavdan; provjeru ispravnosti popunjavanja obrazaca prije sljedećeg predaja poslužitelju.

Velike mogućnosti pokreta objašnjavaju se njezinom popularnošću. Dakle, uz pomoć JavaScripta, možete:

  • mijenjati postrance: dodati ili očistiti tekst, promijeniti stilove i oznake;
  • odgovoriti na yakís podíí̈ (na primjer, na klik mišem) i osvojiti zadanu funkciju;
  • revidirati podsjetnike, postaviti i čitati kolačiće, provjeriti točnost unesenih podataka;
  • uvoz novih podataka bez ponovnog uvoza dokumenta i u.

perl. Početak ovog mov-a napisan je za izradu programa, jer su pobjeđivali različite zadatke, u jednom scenariju za završetak cijelog kompleksa zadatka: obradu teksta, administraciju i ostalo. Danas Pearl pobjeđuje uglavnom za razvoj CGI dodataka. Vín pomaže u administraciji poslužitelja i drugih sustava. Zavdyaki jednostavnost i brzina napisana skripta u Pearl, yoga prilagođena svim popularnim platformama, uključujući Mac i Windows. Perl može provjeriti kod, potpuno je besplatan.

Što vam treba puno znanja?

Osnovna znanja iz programiranja uče se na satovima informatike u školi. Pratsyuvati na cobs s Pascal i Delphi bio je gotovo kožni. Ale ínshí, skladníshí movi programuvannya, vmagayut ínshoy, složeniji i ozbiljniji pristup. Prvo što je potrebno za uspješnog programera je matematičko, logično skladište razuma i sposobnost da ga sami ispravite. Ako ne varto, morat ćete sve otpjevati. Bolje je bolje svladati jednu, spustiti majku da nauči više o pet riječi. Sve stvari mogu biti slični principi, svi smrdi će biti po logici dana, da je za sat vremena, sa kožom mog novog vchiti yogo sve jednostavnije. Kopirajte ili promijenite tuđi kod, možda nekog drugog, ali napišite svoj kod, da biste postali pravi "umjetnik" zgrada je daleko od kože.

Razvoj web-stranica od raznih filmova i izgleda do HTML hiperteksta

Web stranice i web stranice

Internet stranice. Web stranice su stvorene za pomoć mobilnog izgleda hipertekstualnih dokumenata HTML (Hyper Text Markup Language). U standardni tekstualni dokument umetnuti su ključni simboli - HTML oznake, koje određuju izgled web-strane kada se gleda u pregledniku.

Glavne prednosti web stranica su:
- Minimalna informacija obsyag;
- mogućnost pregleda različitih operativnih sustava.

Za izradu web-stranica koriste se najjednostavniji uređivači teksta koji u dokument koji se stvara ne uključuju koji su znakovi formatirani tekstom samog uređivača. Kao takav uređivač u sustavu Windows, možete izvrnuti standardni program Notepad.

Stvaranje web-stranica s varijantnim HTML oznakama zahtijevat će mnogo truda kada znate sintaksu filma. Zastosuvannya spetsialnyh ínstrumentalnyh ínstrumentalnyh zasobív (web-uređivači) za pljačku robota stvaranja web-stranica jednostavno i učinkovito. Proces kreiranja i uređivanja stranica u Web-uređivačima je napredniji, pa se provodi u WYSIWYG načinu (poput engleskog "What You See Is What You Get" - "What You See Is What You Get").

web stranice. Publikacije All-World Merazh realiziraju se u obliku web-mjesta, kao da se osvete materijalu iz tih ili problema. Državne strukture i organizacije (odjel, misao, škola itd.) kreiraju službene web stranice svojih organizacija na kojima objavljuju informacije o svojim aktivnostima. Komercijalne tvrtke na svojim web stranicama oglašavaju robu i usluge te ih promoviraju u internet trgovinama. Ako ste dopisnik na Internetu, možete stvoriti vlastitu tematsku stranicu na kojoj možete objavljivati ​​informacije o svom razvoju, gomilanju itd.

Baš kao što se časopis sastoji od različitih strana, web stranica je sastavljena od računalnih web stranica. Stranica je kriva za prkošenje hiperposilan sustavu, jer omogućuje koristuvachevy navigaciju kroz web-strane.

Prvo mjesto vaše web stranice na poslužitelju na Internetu, potrebno je snažno protestirati, potencijal za vaše stranice bit će deseci milijuna koristuvači na internetu.

Za objavljivanje web stranice potrebno je znati točnu lokaciju na jednom od internetskih poslužitelja. Mnogi davatelji daju svojim korisnicima mogućnost besplatnog hostinga web stranica na svojim poslužiteljima (besplatan hosting).

Kontrolirajte prehranu

1. Zašto web stranice imaju prednost u odnosu na sjajne tekstualne dokumente?

2. Kako se web stranice kombiniraju u web stranice?

Struktura web stranice

HTML kod sa strane nalazi se u sredini spremnika . Bez ovih oznaka preglednik nije u mogućnosti odrediti format dokumenta i ispravno ga protumačiti. Web-stranica je podijeljena na dva logična dijela: naslov i dio koji se prikazuje u pregledniku.

Naslov web-strane odgovara spremniku te zamijeniti naziv dokumenta i dodatne informacije o stranici (na primjer, vrstu kodiranja), kako bi preglednik provjerio je li ispravan prikaz.

Oznake leže na vrhu luka i mogu biti pojedinačne ili muške. Oznake roditelja kontejner).

Završnu oznaku treba zamijeniti kosom crtom (/) ispred znaka. Oznake se mogu pisati i velikim i malim slovima.

Naziv bočne strane nalazi se u blizini spremnika a ispod sata ponovnog pregleda pojavljuje se u gornjem redu prozora preglednika.

Promjena strane koja se prikazuje u pregledniku stavlja se u spremnik (Slika 6.26):


<ТITLE>Računalo


Računalo i firmware


Riža. 6.26. Priprema web stranice "Računalo"

Stvorena web-stranica treba biti spremljena kao datoteka pod nazivom index.htm. Baš kao što širite datoteku web-mjesta, također možete podesiti HTML. Preporuča se stvoriti posebnu mapu za distribuciju na web-mjesto i spremiti sve datoteke za stranicu, koje se distribuiraju u ovoj mapi.

Potrebno je odvojiti naziv datoteke index.htm, pod kojom se web-strana sprema iz datotečnog sustava, naziv web-strane (na primjer, "Računalo"), kako se pojavljuje u gornjem redu prozora preglednika. Im'ya Web-strane bi mi to mogle dokazati, da je nemoguće da nas analiziraju poke sustavi.

Kontrolirajte prehranu

1. Koje oznake (spremnici) općenito trebaju biti prisutne u HTML dokumentu? Koja je logička struktura web-strane?

6.10. Praktički zadatak. Napravite web-stranicu "Računalo" i pregledajte je u pregledniku.

Formatiranje teksta na web stranici

Naša strana zasad ne izgleda nimalo ugodno: siva font crne boje na bijelim lisnim ušima. Za dodatne oznake možete postaviti različite parametre i oblikovati tekst.

Naslovi. Veličine fonta zaglavlja postavljene su u parovima oznaka<Н1>(najveći) do<Н6>(najmanje).

Font. Deyaki oznake stvaraju atribute, poput imena autoriteta i mogu pjevati značenja. Uz pomoć oznake FONT i drugih atributa možete postaviti parametre oblikovanja fonta. Atribut FACE vam omogućuje da umetnete font za font (na primjer, FACE="Arial"), atribut SIZE - veličinu fonta (na primjer, SIZE=4).

Atribut COLOR omogućuje postavljanje boje za font (na primjer, C0L0R="plavo"). Vrijednost atributa COLOR može se postaviti ili imenovanjem boje (na primjer, "crvena", "zelena", "plava" itd.) ili pomoću 16 vrijednosti.

Šesnaesti prikaz vikorističke boje RGB-formata "#RRGGBB", dvije prve šesnaeste znamenke određuju intenzitet crvene (crvene), dvije napredne - intenzitet zelene (zelene) i dvije preostale - intenzitet plava (plava) boja. Minimalni intenzitet boje označen je šesnaestim brojem 00, a maksimalni - FF. Na primjer, plava boja je dodijeljena vrijednosti "#0000FF".

Revidiranje teksta. Odredite način prikaza teksta dopuštajući atribut ALIGN. Poravnanje po lijevoj margini definirano je na sljedeći način: ALLGN="lijevo", poravnanje po desnoj margini: ALIGN="desno", poravnanje po sredini: ALIGN= "centar".

Ovim redoslijedom, plava boja naslova, centrirana, može se postaviti ovim redoslijedom:


<Н1 ALIGN="center">Računalo i firmware

Horizontalne linije. Naslove treba dodatno upućivati ​​uz pomoć vodoravnih crta iza jedne oznake


.

Stavci. U prilogu teksta na odlomku<Р>. Gledat ću kroz preglednik sat vremena, odlomci su međusobno razmaknuti u intervalima. Za odlomak maske možete postaviti prvu vrstu prikaza i parametre oblikovanja fonta.

Početna strana stranice Na početnoj strani stranice ozvučite tekst koji ga ukratko opisuje. Postavljen na početnu stranicu stranice "Računalo", tekst podijeljen na odlomke s različitim iznimkama:

<Р ALIGN="left">Na ovoj stranici možete vidjeti različite informacije o računalu, njegovoj softverskoj sigurnosti i cijenama računalnih komponenti.
<Р ALIGN= "right">Terminološki rječnik će vas upoznati s računalnim pojmovima, a možete i ispuniti upitnik.

Na taj način, početna stranica web-mjesta "Računalo" dostojna je centriranja naslova plavom bojom, s vodoravnom crtom preko dva različito poravnata pasusa (slika 6.27):


<Н1 ALIGN="center">
Računalo i firmware




<Р ALIGN="left">Na kojoj stranici...
<Р ALIGN ="right">Terminološki rječnik
...


Riža. 6.27. Web-stranica "Računalo" s formatiranim tekstom

Kontrolirajte prehranu

1. Koje su oznake (spremnici) istaknute za naslove? Formatiranje fonta? Uvođenje paragrafa?

Zadatak za samostalnu vikonannyju

6.11. Praktički zadatak. Napravite web-stranicu "računala" s formatiranim tekstom i pregledajte ga u pregledniku.

Umetanje slike na web stranicu

Na web stranici možete prikazati slike koje su spremljene u grafičkim datotekama u tri formata - GIF, JPEG i PNG.

Umetnuta slika. Označite za umetanje slike s atributom SRC, koji označava mjesto spremanja datoteke na lokalnom računalu ili na Internetu. Ako se grafička datoteka nalazi na lokalnom računalu u istoj mapi kao i datoteka web-mjesta, tada vrijednost atributa SRC treba biti navedena samo za naziv datoteke. Na primjer:

Ako se datoteka nalazi u drugoj mapi na vašem lokalnom računalu, tada vrijednost atributa može biti izvan datoteke, uključujući staze do nove u hijerarhijskom datotečnom sustavu. Na primjer:

Ako se datoteka nalazi na udaljenom poslužitelju na Internetu, tada se može odrediti web adresa te datoteke. Na primjer:

Položaj mališana je prema tekstu. Raztashuvaty malo teksta na drugačiji način omogućuje ALIGN atribut, koji može uzeti pet različitih vrijednosti: TOP (gore), MIDDLE (sredina), BOTTOM (dolje), LIJEVO (lijevo) i DESNO (desno).

Na početnoj strani stranice "Računalo" logično je postaviti sliku računala. Da bi se mališani raširili duž desnog ruba teksta, oznaka za umetanje slike kriva je uvredljivog izgleda (slika 6.28):


Riža. 6.28. Umetanje slike na web-stranicu "Računalo".

Umetanje alternativnog teksta. Koristuvachí ínodi, uz pomoć uštede sata, u pregledniku uključite snimanje grafičkih slika i samo čitajte tekstove. Da ne bi smetala osjetilna strana, kriva je zamjena malenog, uvodi se alternativni tekst.

Alternativni tekst prikazuje se iza pomoći atributa ALT, čije je značenje tekst, koji objašnjava što je maw bi koristuvach za mališana:

Kontrolirajte prehranu

1. Koja oznaka i atributi se koriste za umetanje slike na web stranicu?

Zadatak za samostalnu vikonannyju

6.12. Praktički zadatak. Umetnite sliku na web-stranicu "Računalo" i pogledajte je u pregledniku.

Hiper-snaga na web-stranicama

Ako se web-stranica koja je upletena u preglednik nalazi na lokalnom računalu u istoj mapi, tada je promjena adrese jednostavno navedena u datoteci, na primjer:

Ako se web stranica, koja je učitana u preglednik, nalazi na Internetu, tada se internetske adrese označavaju kao adrese, na primjer:

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Indikator napajanja

Pokaznik psilannya mi bachimo pid sat ponovno posjetite web stranicu u pregledniku. Vkazivnik može poslati tekst, zvučne vizije u plavoj boji i podršku, ili mališane, vizije u okviru. Prilikom unosa novog miša, pokazivač će se promijeniti u ikonu "ruke". Kliknite mišem nakon pozivatelja, pozivajući prijelaz na web-stranu, prikazanu u hiperprostoru.

  • prije pregleda slike u pregledniku:
    <А HREF="picture.jpg">Slika
  • prije pokretanja programa, koji je umetnut u preglednik, kreirana je ta zvučna datoteka:
    <А HREF="sound.wav">Zvuk
  • za spremanje datoteke na lokalno računalo uz pomoć upravitelja za snimanje datoteka instaliranog u pregledniku:
    <А HREF="Apxив.ziр">Uzmite datoteku

Ploča za navigaciju web-mjesta. Izrađujemo mapu za web-mjesto "Računalo" i na stranicu dodajemo prazne stranice "Programi", "Pojmovnik", "Kompletno" i "Upitnik". Spremite ih za datoteke s nazivima software.htm, glossary.htm, hardware.htm i anketa.htm za nadređeno mjesto. Ovo su "prazne" strane naslova, ali još uvijek ne možete oprostiti majci:



<ТITLЕ>bočno zaglavlje


Na početnoj strani stranice postavljamo hiperposilan oglase na skin strani stranice. Kao pokazatelji hiperposilana, najprikladniji je izbor imenovati strane na kojima se vrši prijelaz.

Pomaknimo indikatore hiperposilana na dno stranice u novom odlomku u jednom redu, dijeleći ih razmacima ( ). Takvo postavljanje hiperposilana često se naziva navigacijskom pločom.

Ubacimo HTML kod na početnu stranicu web-mjesta, čime se stvara navigacijska ploča:

<Р ALIGN="center">
[<А HREF="software . htm">Programi]  
[Pojmovnik]  
[Pribor
[Upitnik]

Hiper poruka na email adresu. Corisno na početnoj strani stranice, pošaljite poruku na e-mail adresu, za koje informacije možete kontaktirati administraciju stranice. Za što je potrebno email adresi dodijeliti atribut HREF i ubaciti njen u spremnik

, koji definira stil odlomka, prihvaćenog za umetanje adresa:


<А HREF="mailto:[e-mail zaštićen]">E-pošta:
[e-mail zaštićen]

Sada, za klik na adresu e-pošte, otvorit će se program za poštu Outlook Express Komeće se prikazati u poslanoj adresi.

Kasnije je stvorena početna stranica za web stranicu "Računalo", uključujući naslov, sliku računala, dva odlomka teksta, navigacijsku traku i poruku poslanu na adresu e-pošte (slika 6.29).


Riža. 6.29. Početna stranica za web mjesto "Računalo" je spremna

Kontrolirajte prehranu

1. Koja oznaka i yoga atributi se koriste za stvaranje hiperposilana?

Zadatak za samostalnu vikonannyju

6.13. Praktički zadatak. Napravite web-stranicu "računala" koja će ukloniti hiperposilan ploču s druge strane web-mjesta i pogledati je u pregledniku.

Popisi na web stranicama

Da biste često završavali s postavljanjem teksta na web-strane, ručno odaberite popise za različite opcije:

  • numerirani popisi ako su elementi popisa identificirani dodatnim brojevima;

  • označene liste, ako su elementi popisa identificirani dodatnim posebnim znakovima (oznakama);

  • popisi termina koji vam omogućuju sastavljanje prijenosa termina u obliku tzv. rječnika.

Moguće je kreirati i ugnijezditi liste, štoviše, popis koji se ulaže može se, prema svojoj vrsti, smatrati glavnim.

Numerirani popisi. Popis numeracije distribucija u sredini spremnika

    1. možete postaviti vrstu numeriranja: arapski brojevi (za snimanje), "I" (rimski brojevi), "a" (mala slova) i in.


        < LI >Programi sustava
        < LI >Aplikacijski programi
        < LI >programski sustavi

      Označene liste. Popis za označavanje prikazuje se u sredini spremnika, a skin element popisa označen je oznakom< LI >. Za pomoć o atributu oznake TYPE

        možete postaviti vrstu markera na popis: "disk" (disk), "kvadrat" (kvadrat) ili "krug" (kolo):


          < LI >uređivači teksta;
          < LI >grafički urednici;
          < LI >proračunske tablice;
          < LI >sustavi upravljanja bazama podataka.

        Na web stranici "Programi" nalazi se popis numeriranja koji će obuhvatiti promjene glavnih tipova računalnog softvera.

        Na drugom elementu glavnog numeriranog popisa ubacujemo popis za označavanje priloga (slika 6.30).

        Popis termina. Popis termina prikazan je u sredini spremnika

        /
        . Srednji tekst je oblikovan kao pojmovi, koji se vide kao pojedinačne oznake
        ta vznachen, yakí idi na pojedinačne oznake
        .

        Web-strani "Pojmovnik" možemo predstaviti u obliku rječnika računalnih pojmova (slika 6.31):


        Procesor
        Središnji priključak računala za obavljanje obrade informacija u binarnom kodu.
        Radna memorija
        Molimo, u koje programe i podaci se spremaju.

        Kontrolirajte prehranu

        1. Koje su ocjene pobjedničke za izradu numeriranih popisa? Označene liste?

        Zadatak za samostalnu vikonannyju

        6.14. Praktički zadatak. Napravite "Programe" na web-strani s numeriranim popisom i ugnijezdite označeni popis.

        6.15. Praktički zadatak. Napravite "Pojmovnik" na web-strani s popisom pojmova.

        Tečaj "Izrada web stranica uz pomoć HTM filmova" L »

        Tema 1. Pochatkova informacije o mov HTML-u

        Filmski HTML zadatak

        mreža -strane– sve posebne datoteke napisane u mom HTML-u ( Hiper Tekst označavanje Jezik – mov izgled za hipertekst). Pid rozmítkoy razumjeti umetanje posebnih kodova (tagova) u tekst, inicijalnih, jer je hipertekstni dokument podbag kriv za to što ga prikazuje poseban program - preglednik.

        HTML jezik za kreiranje datoteka neovisnih o sustavu opisuje format dokumenta, ali i definira njegovu strukturu. Na primjer, ako je naslov uključen u tekst, HTML kod jednostavno označava da je relevantni fragment naslov. Nakon pregleda takvog koda, program - sam preglednik virishuê, scho í̈y robiti íz naslov. Moguće ga je prikazati u većem fontu ili u sredini ekrana. Ako će tekst kreirati sintisajzer filma, sintisajzer će kopirati cijeli kod, tako da će pomaknuti glasnoću i dodati potrebnu pauzu.

        Mova HTML je računalni mov, u pjevačkom smislu se raspravlja s mov programiranjem. Uključujete sljedeća pravila koja morate ispuniti da biste dobili točne rezultate.

        HTML jezik se pojavio preko noći s uslugom World Wide Web i razvio se u isto vrijeme kad i on. Vin je temelj World Wide Weba i ujedno razlog njegove najšire popularnosti.

        HTML - datoteka

        HTML - datoteka - tekstualna datoteka, koja se može proširiti .htm ili . html Web stranica je spremljena kao HTML datoteka. Da biste stvorili HTML datoteku, možete tweetati kao jednostavni uređivači teksta, kao što su Notepad ili Word Pad, te web uređivači.

        Struktura HTML dokumenta

        HTML dokument se sastoji od glavnog dokumenta i oznaka za označavanje, poput skupova standardnih znakova.

          Svi HTML dokumenti mogu imati dobro definiranu strukturu. Dokument počinje s oznakom i završava s drugom oznakom koja se zatvara. Ovaj par oznaka govori pregledniku da se ispred njega nalazi valjani HTML dokument.

          HTML dokument se sastoji od podijelio naslove i tijelo dokumenta, scho ide ovim redom. Podijelio sam naslove propisa između oznaka i skrivenih informacija o dokumentu u cjelini. Zokrema, čiji je dio bio kriv za osvetu za vlastite oznake i zamjenu sa "službenim" naslovom dokumenta.

          Tekst samog dokumenta je proširen u tijelu dokumenta. Tijelo dokumenta prošireno je između oznaka i BODY>. U praksi je moguće odrediti mjesto ovih glavnih oznaka za njihove dane. Na to, poput oznaka, і , a također ako su kovrčave oznake izostavljene, tada program - preglednik može sam odrediti mjesto, za to je kriv smrad. No, nakon svega, ne preporuča se izostaviti qi oznake u vrijeme stvaranja web-stranica.

        Najjednostavniji ispravan HTML dokument.

        < GLAVA >

        < TITULA >Naslov dokumentaTITULA >

        GLAVA >

        < TIJELO >

        TIJELO >

        oznake HTML

        Mova HTML se sastoji od posebnih rozmichalnyh indikatora - oznaka. Također se mogu zvati naredbe, upute ili HTML kodovi.

        Oznaka je uputa pregledniku da naznači kako bi se tekst trebao prikazati. Sve oznake počinju simbolom manje od (<) и заканчиваются символом «больше» (>). Nekoliko simbola se naziva drugačije kovrčavi lukovi. Nakon otvaranja vršnog luka Ide ključna riječ, Što oznaka znači

        Oznaka skin HTML-a filma može biti posebno prepoznata. Registar slova u nazivima oznaka ne može biti značajan - možete namignuti kako mala tako i velika slova, ako želite pisati velika slova kako bi oznake odgovarale izvornom tekstu dokumenta.

        Koristite dvije vrste oznaka - dečki i neuparene.

        Oznake za dječake- koje krivulje i krivulje, slično okruglim lukovima algebarske viraze. Smrad je dodan tekstu iz tog mjeseca, de live, prije tog mjeseca, gdje je prikazan znak kraja njih díí (zatvorene oznake počinju kosom crtom (/).

        Na primjer, < HTML > HTML >, < P>P>, H3 >

        Neuparene oznake daju jednokratni učinak na mjestu gdje se pojavljuju, tako da nema potrebe za sažetkom koji se zatvara.

        Na primjer,
        , ,

        Označiti nose servisne informacije o web stranici i ne pojavljuju se na zaslonu preglednika: sve informacije o kodiranju web stranice, o autoru, kao i skup ključnih riječi za pretraživanje, koje bi trebale biti prikazane na stranici.

        guzicom.

        Primjer sklopivih stolova

        Iz stražnjice se vidi da je strana viktorijanskog kodiranja Windows-1251 najraširenija za danas, dovoljno je samo umetnuti oznaku na takav način gledajući u svoju stranu; autor sporednog teksta je Ivanov Ivan; strana je posvećena stvorenjima.

        Kada se dokument prikaže u pregledniku, same oznake se ne prikazuju, ali se dodaju načinu na koji se dokument prikazuje. Kao da pomilovanje u sažetku označava ključnu riječ, budući da se ne pojavljuje u mom HTML-u, oznaka se uglavnom zanemaruje.

        Atributi oznaka

        Oznake koje se pojavljuju često mogu zamijeniti atribute koji se dodaju učinku oznake.

        Atributi – sve dodatne ključne riječi, vodokremlení poput ključne riječi oznake i jedan kao jedan razmak.

        Atributi mogu imati vrijednost napisanu iza znaka jednakosti (=). Zavzhda je stavio vrijednost atributa u šape (single underwire). Nered na šapama nije kriv za osvetu, pa su šape u sredini same sebe. Možete spustiti šape za značenje atributa, jer se oni zbrajaju samo iz sljedećih simbola:

          simboli engleske abecede;

        • intervali;

          crtice (-).

        Također možete smanjiti šape za vrijednost atributa, jer se zbraja samo od nadolazećih simbola (vratite se na tehnički koncept ):

          simboli engleske abecede ( A-Z, a - z)

          znamenke ( 0 - 9 )

          intervalima

          crtice ( - )

        na takav način, ŠIRINA=80і ALIGN=CENTER- Dopuštena kratica za WIDTH="80"і ALIGN="CENTER".
        Oznake koje se zatvaraju, ne osvećuju atribute.

        primijeniti. FONT >

        Komentari

        Isto tako, kao i kod svih jezičnih programa, programu je moguće dodati komentare (tekstualne redove koji nisu dio programa), a ne postoji način premještanja HTML-a. Započnite komentar posebnom oznakom. Komentar može sadržavati bilo koje simbole, osim simbola veće od (>), i, tako da ne možete uključiti oznake.

        Princip odbijanja oznake

        oznake kontejnera
        Već znamo da se oznake svijeta sastoje od dva dijela - tse vídkrivaê (vín isto - za osvetu atributa) i zakrivaê, tobto "kínets" tag. Zadaci u apstraktnim parametrima nalaze se samo između klipa i klipa, dakle samo u sredini oznake:

        <начало 2-го тега>

        tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst

        <начало 3-го тега>
        tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst

        <Конец 3-го тега>

        <Конец 2-го тега>

        <Конец 1-го тега>

        Koračanje na lijevi rub nije vipadkoví - smrad automatski ubacuju programi koji formiraju HTML kod kako bi ga lakše razumjeli. Dosit ozumíti, scho chim daleko u lijevom rubu da vidite oznaku, tim "više" vena lagati, tim više "stariji" oznake mogu biti na novom djetetu.

        Također imajte na umu da se neki atributi ugniježđenih oznaka mogu dodati "starijim" oznakama. Na primjer, to je tipično za tablice, jedan-na-jedan ugniježđenje.
        Ako interna tablica ima veličinu zadatka 100, onda vanjska tablica ne može imati veličinu manju od 100 piksela + širina okvira. U takav rang, tablica je uložena jak bi "rozpiraê" da, u jaka osvojio se ulaže. Ako je tako, nije potrebno širiti broj zadataka u njoj, ali je broj tekstova u njoj značajan, otvorit ćete “stariju” tablicu za takvu veličinu koja je neophodna za prikaz velikog broja redaka u tekst. Zove se "povratni poziv".

        Praktični robot broj 1

        „Stvaranje najjednostavnijeg mreža -Storinki"

        Cilj: naučite kako izraditi web stranice u uređivaču teksta Notepad.

        Vkazivki to vikonannya

          Upišite novu strukturu za HTML dokument, kao što je prikazano u nastavku:

        O našoj najmanjoj braći.

        Ovdje ćete pronaći ispravnu web-stranicu

          Spremite datoteku dajući joj naziv index .htm.

          Otvorite kreiranu datoteku. Možete vidjeti kako vidite kreacije datoteke u prozoru preglednika.

          Zatvorite preglednik.

          Okrenite se na datoteku spremljenu u Notepad.

        Napravite unaprijed izmjenu prije sljedeće: zamijenite riječi "Promjena web-strane bit će postavljena ovdje", upišite ovo: To je moja prva strana .

        U redu < TITULA> recite: "Domaća strana (vaše ime je to ime)."

          Spremite datoteku kao stranicu 2.htm.

          Pogledajte rezultat u pregledniku, ako je potrebno, uredite datoteku pomoću pomoći za Notepad.

        Tema 2: HTML oznake

        Oznake za fizičko i logičko oblikovanje teksta

        Formatiranje fonta . Za oblikovanje teksta postoji mnogo elemenata. Tekst možete oblikovati pomoću dodatnih tradicionalnih elemenata: vidjeti fragmente u kurzivu, podebljanim slovima, odabrati font, proširiti i obojiti font, obrnuti fragmente teksta. Ako autor nema jednostavne opcije za oblikovanje teksta, možete otići na stilski list, koji će proširiti mogućnosti HTML oblikovanja.

        Pogledajmo standardne HTML elemente filma koji vam omogućuju oblikovanje teksta.

        Font- Promijenite kod za vidljive slike u svim tablicama.
        Tipka kože na tipkovnici daje kod pjesme koji prepoznaje OS (operativni sustav, uglavnom Windows ili Linux / Unix).
        Na taj način, odabirom fonta za pjevanje, sustav zamjenjuje kod prečaca na tipkovnici u tablici simbola fontom slova ili ikone slike. Kožni font - tse datoteka. Datoteka koja se može koristiti za zamjenu slike slovima, brojevima i simbolima koji su dodijeljeni gumbu kože. Umetni font - znači uključiti datoteku s dodatnim tablicama postavki. Za MS Windows sustave postoji izbor fontova koji se isporučuju odjednom iz sustava - ce:

        Arial

        Arial

        Kurir Novo

        Kurir Novo

        Comic Sans

        Komik Sans

        Times New Roman

        Times New Roman

        Verdana

        Verdana

        Koža iz ovih fontova je pre-rechic u vlastitom dizajnu i stilu. Najveća ekspanzija je Arial. Svi fontovi mogu biti 90% svih mišljenja o vašoj budućoj strani. Leather font - zasebna datoteka u mapi Windows/fonts/*.ttf. Kako mogu promijeniti font u HTML-u da izgleda drugačije?
        < FONT >… FONT > ovisno o vrsti, rozmíru i boji fonta. Svi ovi parametri dodijeljeni su za dodatne relevantne atribute.

        Apsolutnu veličinu fonta postavlja atribut size (exp.). Ovaj atribut može imati vrijednosti od 1 do 7, štoviše, font 1. dimenzije je najmanji, a 7. najveći.
        primijeniti.

        tekst proširen 1
        tekst proširen 2
        tekst proširen 3
        tekst proširen 4
        tekst proširen 5

        tekst proširen 6
        tekst proširen 7

        Tiho ovdje - daleko ONT>.
        U dizajnu, vikorist zvuči prvi chotiri ružmarin. Sve što je više, prljavog tona i znaka amaterizma, više zauzima puno prostora i važno je za čitanje. Istina, za veće veličine postoji stagnacija. Na primjer, možete napisati početno slovo s istim rozmírom (prvo slovo klipa): T tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst.
        U međuvremenu možemo odabrati sam font koji će biti odabran za prikaz teksta. Borite se s atributom lice (pogled).

        primijeniti.Ovaj font je arial veličine 3 ONT >
        Tekst FONT-a >
        Yak bachimo, e ova dva atributa - rozmír i vrsta fonta - možete roztashuvat be-yakíy slijed u diplomskom radu :
        Također možete iskoristiti atribut boja (boja). Pozivanje boje je ili broj, pišemo u šesnaestom sustavu, na primjer, boja = “#ff 0000”, ili ja to jednostavno zovem, napisano na engleskom, na primjer, boja = “red”. primijeniti. Font u plavoj boji >
        Ovaj font je arial veličine 3, plava boja FONT >
        Font također može biti: krhki (kurziv), podebljan, sub-crestal, križni, superscript, superscript, a također može koristiti grančicu označenih slika. Dostupan putem oznaka:
        <
        ja > tekstja >
        <
        B >tekstB >
        <
        U > tekstU >
        <
        S > tekst S >
        <
        SUP > tekst SUP >
        <
        POD > tekst POD >,
        i također ih podnannyam, na primjer, <U > tekst U>B>
        Oblikovanje pasusa. Većina izvanrednih dokumenata ima glavne funkcionalne podjele nasloviі paragrafi Web dokumenti su šteta. Da biste identificirali najvažnije odlomke u mom HTML-u, upotrijebite oznaku tag

        P > (Odlomak). Štoviše, možete osvojiti samo cob tag, kao uvredljiv element

        znači klip uvredljivog paragrafa, i kraj prednjeg dijela. U mirnim situacijama, ako je potrebno označiti završetak odlomka nakon promjene, možete odabrati završnu oznaku.
        Odjednom, iz oznake odlomka, možete citirati i atributirati uskladiti:
        align = "lijevo" - lijevo poravnanje;
        align = "desno" - desno poravnanje;
        align = "center" - poravnanje u središtu.
        guzicom.

        Razdel 1P >

        Animacija >

        strana 3P>

        Moví HTML nema mogućnosti za stvaranje retka odlomka ("crveni red"), pa radi jasnoće čitanja teksta između pasusa, preglednik poziva da unese prazan red. U pravilu je potrebno promijeniti prijelaz u novi red bez stvaranja odlomka, odabire se jedna oznaka
        . Na mjestu iste raspodjele red završava, a tekst koji je preostao počinje iz novog reda. Tsej tag ručno vikoristovuvaty, schob, na primjer, napišite stihove na stovpchik:
        Pustili su medicinskog službenika na suđenje,
        Rastrgali su vedmedicinsku šapu,
        Neću se ipak baviti jogom,
        Jer vino je ljubazno.
        Na zaslonu preglednika koristimo standardni redoslijed pisanja chotirivirsh.

        Važno je stvoriti zasebne podjele u tekstu - vodoravne linije - linije, kao da vizualno spajaju različite dijelove dokumenta jedan u jedan. Horizontalnu liniju stvara jedna oznaka. Uz pomoć joge, možete lako podijeliti stranu na dijelove. Tezi su dopušteni brojni atributi:

        Virivnyuvannya

        poravnati = "lijevo"

        poravnati = "centar"

        poravnati = "desno"

        align="justify"

        Drugarstvo i Dovžina linija na pikselima.

        Veličina = 3 (širina u pikselima)

        širina = 300 (duljina u pikselima)

        širina = 100% (širina širina)

        Boja linije

        boja="crvena"

        HTML jezik podržava šest jednakih internih zaglavlja u dokumentu. Smradovi su označeni oznakama víd

        prije
        .
        Naslov prvog reda je najveći, a naslov šestog reda najmanji. Za naslove možete istaknuti atribute lijevo, u sredini, desno.
        guzicom.Najveći naslov
        Najmanji naslov

        Kućne životinje

        Logično oblikovanje teksta . U ovom trenutku možemo pogledati oznake, što se tiče njihovog učinka, pogađaju oznake koje određuju veličinu, boju i sliku fonta. Važno je napomenuti da ove oznake učinkovito opisuju stvarnu snagu teksta. Tse znači da se tekst može različito prikazati u različitim preglednicima, ali učinak jamči da će u tom slučaju izazvati, ako iz nekog razloga ne postoji mogućnost blokiranja efekata fonta. Sve ove oznake se spajaju i dodaju tekstu, rasporedi između oznaka, koji se savijaju i zatvaraju. Zatvaranje oznake obs'yazkovy.
        Označiti vikoristovuêtsya za citate, imenike. Zvuci kurzivom.
        HTML šardove kreirali su ljudi koji koriste računala, prepoznaje se čitava skupina oznaka za prezentaciju tekstova u računalnim programima i rezultate interakcije s njima.
        Označiti < KODIRATI >… KODIRATI > Odredite izlazni tekst računalnog programa koji zvuči jednorazrednim fontom (uglavnom fontom Courier), odnosno fontom fiksne veličine.
        Označiti < KBD >… KBD > formatiranje teksta, što je zbog buti (ili buv) uvoda uz pomoć tipkovnice, koji zvuče kao monospace bold font. Tip engleske tipkovnice - tipkovnica
        guzicom.

        Da biste pokrenuli Windows, upišite: pobijediti.
        Kod:
        Za pokretanje sustava Windows upišite: win
        Označiti označite tekst kao uzorak. Vikoristovuetsya za razumijevanje teksta, koji bi trebao biti programi. Prikazuje se jednorazrednim fontom.
        guzicom.
        Sjajan tekst
        Označiti vikoristovuêtsya vídílennya zminníh ín u programu popisa. Zvuk, takav je tekst prikazan kurzivom. Vrsta engleskog var iable - promjenjiv.
        Guzica.
        A, B, C
        Kod:
        A, B, C

        Označiti < EM >… EM > vykoristovuetsya vidjeti elemente teksta (zvuk u kurzivu).
        Označiti < JAKO >… JAKO > vykoristovuetsya za snažnu viziju elemenata teksta (podebljano).
        guzicom.
        Sjajan tekst
        A ovdje je tekst iz odabrane oznake .
        Krhotine ovdje pobjeđuju u smislu da se vidi dizajn, preporuča se osvojiti oznake umjesto oznaka і<
        B >.

        Praktični robot broj 2

        Formatiranje teksta na web-strani”

        Cilj: Naučite kako oblikovati font i tekst na web stranici.

        Vkazivki to vikonannya

          U elementu< TITULA> unesite naziv strane “P/r br. 2”.

          Dolazni tekst oblikujte u skladu s tvrdnjama (navedene u lukovima kurzivom), kao što je prikazano u malom.

        Kućne životinje

        (titulaH 1)

        (Pogled u centru)

        Psi

        (titulaH 2)

        (Pogled u centru)

        Čuvari

        (Virívnyuvannya zlíva, podebljani font)

        Mislivski

        (obrnuto desno, podebljani font)

        Zavoj

        (U sredini, podebljani kurziv)

        Klubi Vistavki Maidanchiki

        (istaknuto u sredini, veličina fonta 10, font u boji crna, fontArial )

        Virsh

        (Boja fonta je plava, veličina fonta je 6, poravnanje je u sredini)

        Za života sam skroman,

        Ovacija nije potrebna

        Bok, u redu sam

        Čudim se projektilu!

        (Poravnanje lijevo, veličina fonta 6)

        Izrada lista

        Označene liste. Popis je pregledan prema izvornom tekstu, tako da Koristuvačev ne treba razmišljati o numeriranju paragrafa: ja to preuzimam na sebe. Ako se popis dopuni novim stavkama ili ako je kratak, numeracija se automatski ispravlja. Na različitim nenumeriranim popisima programa stavite markere ispred točke kože: kukhli, pravokutnike, rombove ili druge slike. Kao rezultat, popis izgleda kao priručnik.

        Oznake za izradu popisa bez brojeva:

        < LI > UL >
        Označiti
        • ê njihov vlastiti uokvireni popis. Vin vam omogućuje dodavanje jednog popisa drugih vrsta. Označiti
        • označiti kožu od uboda.

          guzicom.


            Popis stavke 1
            Popis stavke 2
            Popis stavke 3

          Prikaz zaslona:

            Popis stavke 1

            Popis stavke 2

            Popis stavke 3

          Oznake za izradu numeriranog popisa: < O L>< LI > OL >


          Numerirani popisi. Struktura uređenog popisa slična je strukturi neuređenog popisa. Okviri za uokvirivanje oznake

          1. . Kožni predmet je numeriran arapskim chi rimskim brojevima, latiničnim slovima.

          guzicom.


            Popis stavke 1
            Popis stavke 2
            Popis stavke 3
            O L>

            Prikaz zaslona:

              Popis stavke 1

              Popis stavke 2

              Popis stavke 3

            Metoda numeriranja dodijeljena je dodatnom atributu tip. Tablice imaju sve metode numeriranja:

            Vrsta numeracije

            Praktični robot broj 3

            "Izrada numeriranih i nenumeriranih popisa"

            Tsíl : naučite kako izraditi popise na web-stranicama.

            Vkazivki to vikonannya :

            1 . Napravite novu web-stranicu u uređivaču Notepad.

            2 . U elementu unesite nazive stranica "P / r br. 3".</p> <p><b>3 </b>. Formatirajte dolazni tekst u skladu s izjavama (dati lukovima u kurzivu), kao što je prikazano na maloj slici:</p> <p>Sunce može biti:</p> <p><i>(Veličina fonta 8, crvena boja,</i></p> <p><i>poravnanje u sredini)</i></p> <p>1. Toplo.</p> <p>2. Okrugla.</p> <p>3. Zhovtim.</p> <p>Snig may buti:</p> <p><i>(Veličina fonta 6, plava boja,</i></p> <p><i>poravnanje u sredini)</i></p> <p>B. Hladno.</p> <p>S. Pukhnastim.</p> <p><i>(font oba lista je crni ružmarin 3).</i></p> <p><i><b>Hiperforce <br></b> </i><i><u>Vidi hiperposilan.</u> </i><i> </i><b>< </b><b>A</b> <b>>… </b><b>A</b> <b>> </b> stvaranje hipertekstualne poruke. <br>Tko ima sve te obov'yazykovy atribut <b>href</b> <b>. </b> Neka značenja su URL adrese, kao što je naznačeno u poruci. Tekst koji se šalje između oznaka <b>< </b><b>A</b> <b>>… </b><b>A</b> <b>>. </b> Kada se dokument prikaže u pregledniku, poslani tekst zvučat će kao plava boja. Kliknite na gumb da biste otišli na navedeni URL.</p> <p>Možete vidjeti grančicu hiperposilana.</p> <ul><p>Pozivi (prikaži web-stranicu s dokumentima koji ne pripadaju ovoj web-stranici).</p><p>Interno (primijenite dokumente na sredini iste web stranice).</p> </ul><p><i><u>Apsolutni način.</u> </i><i> </i> Kao ime s hipervezom, naznačeno je potpuno isto kao i URL pozvanog dokumenta <i>apsolutni put. <br>guzicom.</i> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>microsoft</u> </span><u>. </u> <u><span>com</u> </span>”>Microsoft A> <br>Glavna slabost apsolutne rute leži u činjenici da je prilikom prijenosa datoteka na drugi poslužitelj na Internetu potrebno promijeniti hiperprostor.</p> <p><i><u>Vídnosny način.</u> </i><i> </i> Kao da je interno hiperpozitivan, dakle <b>samo taj dio</b><b>URL</b> <b>, jer se nalazi između dva dokumenta, koja su povezana (</b> pa naslovi <i>vídnosny način</i><b>), </b> na primjer, ako se dva dokumenta nalaze u jednoj mapi, dovoljno ih je naznačiti u datoteci, u koji god hiperprostor želite. <br>Ako se dokumenti nalaze u različitim mapama, prvo se mora navesti naziv mape, a zatim naziv datoteke, ovisno o tome što je označeno hiperprostorom.</p> <p><i>primijeniti.</i> <A href =”my .htm ”>Moja posebna stranaA > <br> <A href =”sport /run .html ”>Veliki na velikim udaljenostima A > <br>Pogodnije je pridobiti interne napore, tako da u istom slučaju, prilikom prijenosa web stranice na drugi poslužitelj, nije potrebno mijenjati do deset dokumenata.</p> <p><i><u>Sidra.</u> </i><i> </i> Hipertekstualne poruke mogu se prikazati na liniji u sredini bočne strane, dakle na pravom mjestu u prednjem umetku <i>jakir</i>. Yakir također vikoristovu oznake <A >da A >, ali zamijenite atribut href za novi jezik atributom <b>Ime</b>. Vrijednost atributa ê <i>ja sam sidra.</i> Može se formirati samo od latiničnih slova, brojeva i nije kriva za osvetu čistina. <br>Da biste poslali yakir na umetanje, morate navesti naziv sidra, na primjer, URL adresu nakon naziva dokumenta, nakon čega slijedi simbol "#".</p> <p><i><u>Unos poštanske adrese u hiperprostoru</u> </i>. Ako se odabere hipermogućnost unosa adrese elektroničke pošte, izbor se neće prenijeti na novi dokument, već pokretanje mail programa na računalu, kako bi se poslala obavijest navedenom primatelju. Nazovite takav zahtjev za postavljanje, na primjer, bočne trake za sigurnu komunikaciju s webmasterom ili autorom bočne trake, na primjer, <A href =”mailto :vebmaster @mail .ru >Ivanov Aleksij</p> <p><i>guzicom. <br></i><HTML ><br> <HEAD ><br> <TITLE >Slanje tog sidraTITLE > <br>GLAVA > <br><BODY ><br>Nove verzije standardnih programa operacijskog sustava i najnoviji upravljački programi mogu se pronaći na web stranici tvrtke <br> <A href =”<u><span>http</u> </span><u>:// </u> <u><span>www</u> </span><u>. </u> <u><span>microsoft</u> </span><u>. </u> <u><span>com</u> </span>”>Microsoft A> <br> <P >A sada možete ići na <A href =”my .htm ”>moja posebna strana A > <br></p><p>O tome kako kontaktirati autora, govori se u <br> <A href =”#address ”>na primjer, sa strane <br><i> </i> Ovdje je glavna promjena strane <br><i> </i><a>adresa”>Adrese e-pošteA > <br>TIJELO > <br>HTML ></a></p> <p><b>Praktični robot broj 4</b> </p> <p><b>"Stvaranje hiperposilana"</b> </p> <p><b>Zadatak 1.</b> Stvaranje najjednostavnije hipermoći.</p> <p><b>Cilj:</b> Saznajte kako protumačiti dva HTML dokumenta za pomoć hyperposilan.</p> <p><b>Vkazívki to vikonannya:</b> </p> <ul><p>Napravite dvije web stranice u uređivaču Notepad. Imenujte jednu stranicu 1.htm, drugu stranicu 2.htm. Sačuvajte uvrede stranaka u jednom papinstvu pod imenom site. Poštujte nazive mapa i stranica, ali oni mogu biti napisani na engleskom i početi malim slovima.</p><p>U elementu <title >upisati naziv strane "P/r br. 4. Zadatak 1".</p> </ul><p>Na stranu 2</p> <p>Na stranu 1</p> <ul><p>Otvorite prvu stranicu u pregledniku i predomislite se kako bi napad hiperplazije ispravno funkcionirao.</p> </ul><p><b>Zadatak 2.</b> Stvaranje hiperposilana.</p> <p><b>Cilj:</b> Naučite kako generirati tri HTML dokumenta za pomoć hyperposilan.</p> <p>Moguće je vikonirati s drugim zadatkom, jer su uspješno naletjeli na Zadatak 1.</p> <ul><p>Napravite stranicu treće strane 3.htm.</p><p>Na strani stranice 3.htm kreirajte zahtjev za odlazak na stranice 1.htm i stranicu 2.htm.</p><p>Na stranicama stranica 1.htm i stranici 2.htm dodajte hiperforce da biste otišli na stranicu 3.htm.</p><p>Otvorite prvu stranu u pregledniku i promijenite, tako da sada možete prijeći s bilo koje strane na bilo koju drugu od tri kreacije.</p> </ul><p><b>Zadatak 3.</b> Colir hiperposilan <b>. </b> </p> <p><b>Cilj:</b> naučiti kako odabrati boju hiperposilana.</p> <p>Moguće je vikonati zavdannya, jer su uspješno naletjeli na íz Zavdannyam 2.</p> <ul><p>Na bočnim stranama stranice 1.htm, stranice 2.htm i stranice 3.htm u sažetku <body >odaberite boju hiperposilan:</p> </ul><ul><p>Otvorite prvu stranicu u pregledniku i idite sa strane za poruke, promijenite boju zadataka udesno.</p> </ul><p><i><b>Male na</b> </i><i><b>mreža</b> </i> <i><b>-Storinci.</b> </i></p> <p>Ilustracije (male slike, fotografije) igraju najvažniju ulogu u dizajnu web stranica. Sami mališani se spremaju u nekoliko datoteka kao HTML dokument, a zatim ih preglednik renderira u sredini. Za koju jednu jedinu oznaku <b>< </b><b>img</b> <b>>. </b> Obov'yaskovym atribut ove oznake ê atribut <b>src</b>, značenje nekog puta do datoteke s malom fotografijom,</p> <p>Ako je slika u istoj mapi kao i web stranica, onda je put samo do datoteke, na primjer: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Ako je slika u drugoj mapi, tada je potrebno označiti mapu qiu, na primjer: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Ako je slika na drugom mjestu, put je napisan na isti način: <br><img src='https://i2.wp.com/homepage.ru/my/my.jpg' loading=lazy loading=lazy loading=lazy>.</p> <p>Kod apstraktnog <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>također možete osvojiti sljedeće atribute, kao što su: <br><b>visina</b> <b>, </b><b>širina</b>- postavite visinu i širinu područja, pokazujući mališane. Ako postoji samo jedan zadatak ovih atributa, tada se druga dimenzija vraća u odgovarajuće omjere. Osim sjećanja, da je skaliranje povećalo svjetlinu slike. Mala Rosemary pobjeđuje na pikselima ili na prozorima, na primjer: <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>, <b>granica</b> <b> – </b> postavlja širinu okvira na slici jednu do druge (za piksele). Ovaj atribut se može izostaviti jer je, iza natpisa, okvir oko slike zauvijek. Ale, ako to želiš počistiti, onda <u>postavite vrijednost atributa granice na nulu, <br></u><b>boja obruba</b>– postavite boju okvira sa strane slike, na primjer: <br>< IMG src="picture.gif" border="3" bordercolor="#CC0000"> <br>U našoj aplikaciji, boja okvira zadatka je crvena, pa, naravno, atribut obruba (širina okvira) nije kriv za dodavanje nule, pa želite dodati okvir slici, <br><b>uskladiti-</b> gledanje slika drugih objekata: <br>slika će biti stisnuta na lijevi rub ekrana, a tekst će biti omotan desnom rukom, <br>slika je dešnjak, tekst je ljevak.</p> <p>Tekst se također može postaviti na dno slike (za zaključavanje) - (1), u sredini - (2), te u planinama - (3): <br>(1) - <br>(2) - <br>(3) - </p> <p><b>vspace</b><span>- odrediti između teksta i malog teksta (okomito): <br>,<br></span><b>hspace</b> <span>- postavljeno između teksta i malog (horizontalno):</p> <p>< imgsrc=" pr1. png" hspace<span>="30"><br>Prikazuje se u pikselima.</p> <p>Za oznaku za pomoć <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>možete uvrtati slike u hiperprostoru, umetati slike u tablice, uređivati ​​zadatke dizajna.</p> <p><b>Praktični robot broj 5</b> </p> <p><b>"Zla beba jaka hipermoć"</b> </p> <p><b>Tsíl</b>: naučite kako pobijediti mališane kao hipersila</p> <ul><p>Na bočnim stranama stranice 1.htm, stranice 2.htm i stranice 3.htm umjesto tekstualnih hipertekstila napišite malene. Za koga:</p> </ul><ul><p>otvorite mapu koju je označio čitač (mapa sadrži datoteke sa slikama gumba u boji), umetnite crni gumb na prvu stranu slike i stvorite hipervezu za prelazak na drugu stranu:</p> </ul> <ul><p>Umetnite sliku narančastog gumba na svoju ruku da se pomaknete s prve strane na treću;</p><p>Instalirajte obrub obje slike jednak 2;</p> </ul><ul><p>Otvorite prvu stranicu u pregledniku i idite na stranu za poruke, promijenite način na koji gumbi rade ispravno.</p><p>Umetnite slike gumba sa strane 2.htm i 3.htm sami i postavite vrstu hiperfore.</p><p>Otvorite prvu stranicu u pregledniku i idite na stranu za poruke, provjerite rade li tipke sa svih strana ispravno.</p> </ul><p><i><u>Alternativni tekst.</u> </i> </span><i> </i> mreža <span>-stranicu može prikazati preglednik, koji se ne može koristiti za prikaz slike. Koristuvachs često uključuje pokazivanje malih ispisa kako bi se ubrzao prihvaćanje dokumenta. I na taj i na drugi način potrebno je dati mogućnost prepoznavanja, što je prikazano na slici, što nije moguće. Za koga citirati alternativni tekst, koji je dat u sažetku< </span> img> atributa <b>alt</b><b>(inače</b> <b>titula</b><b>), </b> <span>tsey atribut za prikaz teksta na polju roztashuvannya slika píd sat íí̈ zavantazhennya. Na primjer:</p> <p><img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy></p> <p><i><u>Vikoristannya beba jaka pozadina</u> </i>. Ako želite namignuti mališanima kao donji dio bočne strane („rešetka”), onda u sažetku <BODY >zamjenski ovaj atribut iz dodijeljene adrese slike. Na primjer:</p> <p><BODY background =”boss3.gif” >.</p> <p><i><b>Framey</b> </i></p> <p><i><u>Postavljanje više dokumenata na jednu web stranicu.</u> </i> Mova HTML vam daje mogućnost da program preglednika podijelite na nekoliko dijelova iu njihovoj koži prikažete okremy dokument. Takva se područja nazivaju <i>osoblje.</i><b> <br></b> Kako izgleda struktura HTML dokumenta, kako ukloniti okvire iz normalnog HTML dokumenta? Takav dokument ne bi se trebao osvećivati ​​na “tijelo” dokumenta i ne bi se trebao osvećivati ​​izvornom tekstu. Natomist vín místít opis osoblja i imena dokumenata, koji su pobijeđeni u okolnom području. <b><br>< </b><b>OKVIR</b> <b>>… </b><b>OKVIR</b> <b>> </b> oznake okvira. <b><br></b> Mízh oznake <b>< </b> FRAMESET >…FRAMESET > kreira se opis rasporeda područja u prozoru preglednika, kao i dokumenti koji se trebaju unijeti u kožu tih područja. <br>Označiti <FRAMESET >kriv za osvetu obov'yaskovy atribut <b>kol</b> ili <b>redovi,</b> početni način razbijanja vikne. Vrijednosti ovih atributa određuju visinu (ili širinu) prozora. Njih postaviti kroz koga u pikselima ili u vídsotkah. Kao preostali parametar možete odabrati simbol "zirochka" (*). Pod takvim okvirom vidi se cijelo prostranstvo. <br>Kada je atribut cols drugačiji, prozor je podijeljen na područje okomitim linijama, a kada je atribut rows drugačiji, on je horizontalan, npr. <br><FRAMESET rows =”45%,30%,25%”>, <FRAMESET cols =”40%,30%,30%”><br>Kao prekršaj i atributi zadatka, mreža poddomena se stvara u prozoru, na primjer, <br><i> </i><frameset rows =30%,30%,30%><br> <frame src =name .htm ><br> <frame src =sun .htm ><br><frameset cols =50%,*><br> <frame src =cat 1.htm ><br> <frame src =cat 2.htm ><br>okvira > <br>Kao rezultat toga, zaslon je podijeljen u dvije poddomene: dvije horizontalne i dvije okomite. Zašto je treća vrijednost atributa <i>redovima</i> omogućuje postavljanje vertikalne poddomene na zaslon.</p> <p><b>< </b><b>FRAM</b> <b>E>-</b> pojedinačna oznaka, prilozi y oznaka <FRAMESET >, može osvetiti obov'yazykovy atribut <b>src</b> <b>, </b> početni dokument, koji će se prenijeti u regiju, npr. <FRAME src =”doc 3.htm ”><br><i>guzicom. <br></i> <html ><br> <head ><br> <meta http -eguiv ="Content -Type " content ="text /html ;charset =windows -1251"> <meta name ="Author " content ="Ivanov Ivan "><br> <meta name ="Keywords " content ="Животные, собаки, клубы"><br>glava > <br><title >Stranica s navigacijskom trakom > <br> <frameset cols =25%,*><br> <frame src =19_1.htm ><br> <frame src =19_2.htm ><br>okvira > <br>html > <br>ALI</p> <p><img src='https://i0.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m27ce16d6.jpg' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><i><u>Gustoća HTML dokumenata.</u> </i></p> <p>Kreativna priroda izrade HTML dokumenata slična je programiranju, tako da, ako postoji oprost, može dovesti do poteškoća ili onemogućiti ponovno čitanje kreacija dokumenta na internetu. Osim toga, veličanstvena raznolikost računala spojenih na Internet dovodi do činjenice da je nemoguće prenijeti, kao da je sam dokument vidljiv na ekranu određenog coristuvacha.</p> <p>Web-stranice su dodijeljene širokoj publici, a time i sat pripreme HTML dokumenata za pamćenje ovih značajki. Da biste stvorili dobar HTML dokument, slijedite niz jednostavnih pravila.</p> <p>3. Kako bi HTML dokument bio dostupan najširoj mogućoj publici, sljedeće bi trebalo biti "samo jedan korak" za ostatak dosega razvoja HTML filma. Ostale inovacije neće se odmah implementirati u preglednike, a trebat će sat vremena da nove verzije dosegnu više temeljnih. Dokumenti koji sadrže najnovije inovacije dostupni su samo široj javnosti.</p> <p>4. Oprost, budući da se pridošlice često zaziru, bodujući zle elemente dizajna, osobito prepoznatljive boje i fontove. Takva strana u najkraćem vremenu izgleda kao da se viče. U najgorem slučaju, tekst možda neće biti čitljiv na računalima s nestandardnom shemom boja ili zbog prisutnosti potrebnih fontova.</p> <p>5. Nemojte pratiti grafičke slike i multimedijske datoteke. Uz obilje takvih predmeta, interes strane može se povući i čitatelj može potrošiti interes prije nego što mu oduzme sposobnost čitanja.</p> <p>6. Krhotine izrade HTML dokumenata su slične programiranju, procesu traženja i popravljanja oprosta, pomoći u programiranju, kao i nužni su pri izradi web-strane. Više, iako se sva pomilovanja ne mogu prikazati prije nego što stranica postane dostupna čitateljima trećih strana. Prije oprosta, ako ih trebate ispraviti, unesite iste gramatičke pardons i pardons.</p> <p>7. Framey - još teži, ali još nesigurniji za dizajn web-stranica. Za pomoć osoblju učinjeno je mnogo više nedaleko Web-strana, niže u daljini. Jedini kriterij za pismenost zastoja okvira je zrelost koristuvača. Kao da su zavjese okvira, strana postaje bogato lijepa, ali trohovi su manje zgodni, s okvirima treba rukovati bez prenagljenosti. Ništa, okrim rozdratuvannya, čitatelji neće reći ništa.</p> <p>8. Ljudi cijene turbotu i poštovanje. Postavljanje najvažnijih informacija u gornji dio stranice omogućuje vam da provedete sat vremena s poniznošću, protežući fascinaciju dokumenta. Prisutnost velikog broja smeđih hiperposilana sa strane ne samo da pomaže ljudima da povećaju cijenu internetskog prostora, već se naglo okreću na stranu, što im je dalo takvu priliku.</p> <p><b>Praktični robot broj 6 <br>"Postavljanje više dokumenata na jednu web stranicu"</b> </p> <p><b>Cilj:</b> naučite kako stvoriti okvire pomoću uređivača teksta Notepad. <br><b>Vkazívki to vikonannya:</b></p> <ul><p>Otvorite uređivač teksta Notepad.</p><p>Napravite novu web-stranicu jer preglednik može izgledati ovako:</p> </ul><p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_25dae440.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <ul><p>U elementu unesite naziv strane "P / r br. 6".</p><p>U prozoru preglednika pogledajte kreiranu web-stranicu.</p><p><br>Dopunite do sljedeće promjene: atribut <i>redovima</i> promijenite prve dvije vrijednosti, <i> </i> Odaberite treću vrijednost.</p><p>Spremi promjene.</p><p>Pogledajte rezultat u pregledniku. Što se promijenilo?</p><p>Reci promijeni, okreni se prema izlazu s web stranice.</p><p>Pogledajte web stranu prozora preglednika.</p> </ul><h6>Tema 3. Grafika na webu</h6> <p><i><b>Elementi teorije računalne grafike</b> </i></p> <p><i><u>Model u boji.</u> </i></p> <p>Slika može biti crno-bijela, nap_vtonovim (slično jednoj boji) i u boji. Međutim, slika u boji ugare može se prepoznati kao drugačija paleta boja. RGB paleta je odabrana za računalne monitore, tobto. za slike, kao da gleda u monitore. CMYK paleta je dizajnirana za stvaranje slika koje se dijele s drugima.</p> <p>Najprošireniji model boja naziva se RGB Red - crvena, Green - zelena, Plavo - plava prema nazivima triju osnovnih boja, koje su u njemu pobjedničke za usvajanje svih ostalih. RGB model u boji osvjetljava sliku koja izgleda kao tri nabora koja su pomiješana. U središtu peretine qi tri boje u zbroju daju bijelu boju. U parovima, trake summízhny gurtkív daju dodatne boje: žuta, crna, ljubičasta.</p> <p>RGB model ima tri kanala - crveni, zeleni i plavi, zatim je RGB trokanalni model u boji.</p> <p>Koža od tri komponente u boji RGB-a može poprimiti jednu od 256 vrijednosti - od maksimalnog intenziteta (255,2555,255 - bijela) do nultog intenziteta (0,0,0 - crna), zatim. apsolutno bez obzira koju boju i boju možete odabrati prema crvenoj, zelenoj i plavoj boji u različitim omjerima</p> <p>Za stvaranje skladnog sastava boja potrebno je poznavati karakteristike boje. Prirodno je puno takvih pokaznika, na prvi pogled ima ih manje od glavnih.</p> <p><i><u>Karakteristike boje</u> </i></p> <p>Jedna od shema boja karakterizira prirodnu snagu bilo koje vrste - HSV shema (ton, bogatstvo, živopisnost)</p> <p>Nijansa - jedna točka udjela u boji, što svjetlija.</p> <p>Zasićenost zasićenja - spívídshnennia glavne boje i isti sjaj sive.</p> <p>Vrijednost svjetline - svijetla svjetlina boje (ekstremni položaji - crni i maksimalno svijetli ton)</p> <p><b>Praktični robot broj 6</b> </p> <p><b>"Robot s RGB modelom boja"</b> </p> <p><i><b>Zadatak 1. Označavanje boje za format</b> </i><i><b>RGB</b> </i> </p> <p><b>Tsíl</b>: Naučite kako odabrati boje u RGB formatu</p> <p><b>Vkazívki to vikonannya:</b></p> <ul><p>Pokrenite grafički uređivač Paint (Start - Programi - Pribor)</p><p>Odlučite koji broj zapisa ima RGB model i učitajte tablicu:</p> </ul><p>Za koga odaberite naredbu Paleta - Promjena palete. U dijaloškom okviru Promjena ploče kliknite gumb Promjena boje, unesite vrijednost za boje u tekstualno polje na dnu polja za boju. Dopušteni raspon za skin block je od 0 do 255, pri čemu je 0 najtamniji, a 255 najsvjetliji.</p> <p><i><b>Zadatak 2. Promjena boja različitog intenziteta za grafički uređivač</b> </i> Boja</p> <p><b>Tsíl</b>: naučite vježbati s bojom različitog intenziteta u najjednostavnijem grafičkom uređivaču</p> <p><b>Vkazívki to vikonannya:</b></p> <ul><p>Odaberite koja će se boja uzeti kao rezultat miješanja dvije boje maksimalnog intenziteta (255):</p> </ul><ul><p>crvena i zelena;</p><p>zelena i plava;</p><p>crvene i plave.</p> </ul><ul><p>Odlučite koja će se boja uzeti kao rezultat miješanja dviju boja pri pola intenziteta (127):</p> </ul><ul><p>crvena i zelena;</p><p>zelena i plava;</p><p>crvene i plave.</p> </ul><p>zelena i plava</p> <p>crvene i plave</p> <p>maksimalnog intenziteta</p> <p>pola intenziteta</p> <p><i><b>Zadatak 3. Slikanje bojom u grafičkom uređivaču</b> </i><i><b>Boja</b> </i> <i><b>. </b> </i></p> <p><b>Tsíl</b>: naučiti birati boje</p> <p><b>Izjave prije zastosuvannya:</b></p> <ul><p>U novoj datoteci obojite sljedeće geometrijske oblike date u boji:</p> </ul><ul><p>Kvadrat (205, 44, 100);</p><p>Pravokutnik (0, 230, 69);</p><p>Kolo (30, 30, 30);</p><p>Ovalni (200, 100, 20);</p><p>Trikutnik (10, 10, 10);</p><p>Trapez (50, 50, 250).</p> </ul><p><i><u>Sheme boja</u> </i></p> <p>Poznavajući osobitosti boje kože spriynyattya i kombinacija boja, možete potaknuti niz slabo pripremljenih shema. Koža ovih shema, inspirirana životom, zvuče na svoj način, unosi pjevačko raspoloženje u kompoziciju.</p> <p>Ako želimo postići skladan spoj boja, onda možemo uzeti grančicu prethodno obojenih, pomiješane jednu po jednu na broj boje. Na primjer, žuta i žuto-zelena.</p> <p>Da biste stvorili kontrast, odaberite boje štićenika, šivajući na suprotnoj strani jedne. Takve se boje nazivaju takvima da se nadopunjuju. Zastosovani red, smrad pljačke jednoga od onoga koji je živ i živ. Kladite se žuto - ljubičasto, ljubičasto - zeleno - nanesite boje za dodavanje.</p> <p>Krym vykoristannya kolorív, raztashovannyh red jedan po jedan, možete pokušati vikoristovuvat jednu od samih boja, alera različitog stupnja bogatstva.</p> <p>Prote nabílsh nadíyne i nevycherpne dzherelo kolírnyh sheme - priroda. Ljudi su sastavni dio, i ništa nije tako tiho kao oko, kao sklad prirodne nježnosti i ljepote.</p> <p>Prestižne boje: zlatna, srebrna, tamno siva, crna. Í̈hnê zavdannya - prenijeti čvrstoću, vpevníst, stabilnost i visoku vartíst.</p> <p>Pastelne boje: donja, bež, ružičasta, crna - ženstvena, nježna, ružičasta.</p> <p>"Zdrave" boje: iz američke psihologije - čistoća, zdravlje, dobrota, obitelj (žuto-zeleni din od dodavanja crne boje).</p> <p>Prirodne boje: bliske organskim, prirodnim sastojcima.</p> <p>"Rollings" kao varijanta pobjedničke boje - pjevajte tonske note jedne boje i kao naglasak - aktivna boja</p> <p>Bolje je isprobati recept koji se iz sata u sat preispituje: bojati s minimumom boja, ali samim bojama koje biramo prema mogućnosti kontrasta. Glavni razlog za klađenje boja za pozadinu i tekst je dovoljan kontrast između njih, neophodan za udobno čitanje.</p> <p><i><u>Sigurna paleta.</u> </i></p> <p>Nemoguće je zaboraviti da kreator web-stranice nema odgovarajući izgled za koji model računala, a pod nazivom takvih programa moći ćete gledati kroz svoj TV. Vín ne vpevneniy, chi ne pretvara yogo "zelena yalinka" u crvenu ili narančastu na ekranima koristuvachiv.</p> <p>Stoga su svi popularni programi za ponovno pregledavanje web-stranica (preglednika) izdvojeni za jednu fiksnu paletu. Ova ploča nema 256 boja, već samo 216. To je zbog činjenice da sva računala ne mogu podnijeti 256 boja.</p> <p>Takva fiksna paleta, koja jednostavno dodjeljuje indeks za kodiranje 216 boja, naziva se bezbrižna paleta.</p> <p><i><u>Rasterska grafika</u> </i></p> <p>Osnova rasterskog prikaza grafike je piksel (točka) iz zadanih boja. Kada se opisuje, na primjer, crvena elipsa na bijeloj lisnoj uši, treba naznačiti boju točke kože poput elipse, kao i pozadinu. Slika se pojavljuje kao veliki broj točaka – koje su veće, vizualno je slika manja, a veličina datoteke veća.</p> <p>Raster datoteke trebao bi zvučati pobjednički za sliku fotografskog tipa s velikim brojem detalja ili vizuala. Ljestvica takvih slika zvučat će kao svjetlija svjetlina.</p> <p><i><u>Vektorska grafika</u> </i></p> <p>Vektor nije prikazan u opisu elemenata slike matematičkim krivuljama iz zadanih boja i zadataka. Chervony elíps na bijelim lisnim ušima bit će opisan samo s dvije matematičke formule - pravokutnikom i elípom različitih boja, rozmiriv i roztashuvannya. Očito je da je takav opis kredita znatno manji od mjeseca, niži nego u slučaju rasterske grafike. Još jedan perevaga - yakísne skaliranje na be-yakiy bík.</p> <p>Odaberite rasterski ili vektorski format koji ćete postaviti za potrebe rada i sa slika. Ako je potrebna fotografska točnost boje, onda je boja ljepša. Logotipi, dijagrami, elementi dizajna lakše su vidljivi u vektorskom formatu.</p> <p><i><u>Formatirajte grafičke datoteke za Internet</u> </i></p> <p>GIF i JPEG dva su najpopularnija grafička formata i zapravo su postali standardi za WWW.</p> <p>Fotografije je najbolje snimati u JPEG formatu, a ilustracije u GIF formatu</p> <p><i><u>Optimizacija grafike.</u> </i></p> <p>Za web-strane još je važnije hraniti svijet fotografije.</p> <p>Prva faza optimizacije je vidjeti fotografiju glavne slike i odlučiti da je naglasak na ilustriranom elementu. Moguće je posegnuti za dodatnom operacijom uokvirujući onaj važan dio najrazličitijeg dijela, koji prenosi osjećaj fotografije. Nakon ove operacije, možete optimizirati sliku tako da postigne najmanju veličinu. A uz pomoć fotografija potrebno je postići pjevački kompromis – ne bježite od njih. I nemojte ih pljačkati zbog nečeg veličanstvenog. Pustite fotografiju, veličine 250 x 300 piksela i zauzmite oko 6-10 Kb. To ne znači da su sve fotografije krive majke također pomirene, ali površina fotografije je kriva, ali je ekvivalentna. Tako se, na primjer, datoteka veličine 45,93 Kb za brzinu od 28,8 Kb u sekundi snima u pregledniku 17 sekundi.</p> <h4>Praktični robot broj 8</h4> <p><b>"Postavljanje grafike na web-strani"</b> </p> <p><i><b>Zadatak 1. Ukrašen bojama</b> </i><i><b>mreža</b> </i> <i><b>-Storinke.</b> </i></p> <p><b>Cilj:</b> naučite kako stvoriti pozadinu u boji web-strane, promijeniti font druge boje i postaviti vodoravne linije na strane.</p> <p><b>Vkazívki to vikonannya:</b></p> <ul><p>Napravite novu web-stranicu u uređivaču Notepad.</p><p>U elementu <title >upisati naziv strane "P/r br. 8. Zadatak 1".</p><p>Kod elementa klipa <body >Vykoristovyte vydpovidny atribut, schobit kolír pozadinu strane u crnoj boji.</p><p>Zrobít je bijelom bojom napisao "Na Dobraníchu". Provjerite to na sredini strane. Veličina fonta 12.</p><p>Umetnite vodoravnu crtu crvene boje.</p><p>Zrobít je napisao žutu boju za "Primanje snova". Provjerite to na sredini strane. Veličina fonta 8.</p><p>Umetnite vodoravnu liniju plave boje zavtovke 10 piksela, 50% po širini zaslona, ​​i poravnajte je u sredini.</p> </ul><p><i><b>Zadatak 2. Postavljanje grafike na web stranicu.</b> </i></p> <p><b>Tsíl</b>: naučite kako postaviti grafičke slike na web-stranu</p> <p><b>Vkazívki to vikonannya:</b></p> <ul><p>Napravite novu web-stranicu u uređivaču Notepad.</p><p>U elementu <title >unesite naziv strane „P / r br. 8. Zadatak 2".</p><p>Što je sljedeće za mene <body >ne označavajte boju strane, tada ćemo pobijediti pozadinu za promociju.</p><p>Stavite na stranu malog nogometnog mača. Nogometna .gif datoteka je u posjedu oca, što je naveo učitelj. Da biste postavili sliku, morate odrediti put do datoteke u elementu <img src='/dlya-sozdaniya-veb-stranic-ispolzuetsya-yazyk-sozdanie-web-stranic-s-pomoshchyu.html' loading=lazy loading=lazy loading=lazy>. Da biste brzo opisali put do ove grafičke datoteke, kopirajte datoteku u istu mapu, u kojem slučaju će web-strana biti spremljena. Isti element se može promatrati ovako:</p> </ul><p>Ako datoteka nije pronađena u istoj mapi na web-strani, potrebno je navesti vezu na tu datoteku.</p> <ul><p>Povećajte natpis na maloj "Nogometnoj lopti" za dodatni atribut alt (naslov).</p><p>Napravite mali okvir širine 2 piksela.</p><p>Iznad malenog postavite naslov "Svijet nogometa" najveće veličine na svijetu i poravnajte ga u sredinu stranice.</p> </ul><p><b>Tema 4. HTML oznake. Tablice</b></p> <p><i><b>C</b> </i> <i><b>vidjeti i formatirati tablice <br></b> </i><i><u>Voditelj reda i malog stola.</u> </i> Tablica je jedan od najkorisnijih načina predstavljanja velikih podataka. Mova HTML je najmoćniji način za izradu različitih vrsta tablica. <br>Pod satom izrade tablice uspostavlja se princip umetanja: u sredini glavnog elementa tablice</p> TR > - oznaka koja definira red tablica. Posljednja oznaka može se pobijediti, krhotine reda će završiti tamo, gdje će početi napadački red. <br>…TD > - oznaka koja postavlja središte tablice. Posljednja oznaka također se ne može označiti. <br>Središnje mogu biti ili podatkovne ili HTML oznake koje su važeće u tijelu dokumenta. Na primjer, u sredinu tablice mogu dodati tablicu ili sliku. Preglednici automatski izračunavaju rozmíri sredkív i síêí̈ tabílí, hocha í autoritet se često može staviti í za dodatne atribute. <br><i>Butt (stol, koji je presavijen u dva reda i stovptsiv). <br></i><TABLE ><br>StateCapital <br>Rusija Moskva <br>Francuska Pariz <br>TABLICA > <br>Os izgleda kao da je na ekranu: <p>Broj telefona</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p><i><u>Postavljanje širine okvira stola.</u> </i> Za atribut pomoći <b>granica</b> možete postaviti širinu okvira tablice u pikselima, na primjer: <br><TABLE bor der=”2”><br>Možete stvoriti nevidljivo između tablica, za koje trebate postaviti širinu okvira tablice jednaku 0, na primjer, <TABLE width =”300” bgcolor =”#00cc 99” bor der=”0”></p> <p><i><u>Postavljanje širine i visine stolova</u> </i><i>. </i>Širina i visina tablice može se postaviti točno u pikselima, ili u visini od sto, do širine stranice u prozoru preglednika. Koristite standardne atribute: <br><b>širina</b>- širina; <br><b>visina</b>- Visina. <br>Na primjer, ako trebamo postaviti tablicu singal rozmíru, na primjer, širine 500 piksela, onda kažemo: <br><TABLE width =”500” bor der=”1”><br>Ako želimo uzeti tablicu do pune širine zaslona, ​​a da je ne razbijemo, što je omogućilo monitoru da pogleda našu web-stranicu, tada postavite širinu stranice, na primjer 100%. <br><TABLE width =”100%”bor der=”1 ”><br>Os izgleda kao da je na ekranu:</p> <p>Broj telefona</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p>Budući da nam je potrebna velika visina reda, na primjer, 300 piksela, tada možemo prikazati još jedan atribut: <br><TABLE width=”100%” height=”300” bor der=”1”><br><i><u>Postavljanje boje za pozadinu i boje za sredinu tablica</u> </i><i>. </i> Za sve tablice mogu postojati zadaci za boju tijela, za koju je atribut <b>bgcolor</b>. Vrijednost ovog atributa može biti ili engleska riječ, na primjer, crvena, ili šesnaesti kod, na primjer #FF0000. <br>Na primjer, kao u stvaranju prvih tablica od strane nas, potrebno je postaviti pozadinu, tada ćemo reći: <TABLE bgcolor=#c0c0c0></p> <p>Os izgleda kao da je na ekranu:</p> <p>Broj telefona</p> <p>Petrova A.I.</p> <p>Smirnov V.P.</p> <p>Možete postaviti točnu boju u sredini tablica. Iz nekog razloga, atribut bgcolor se nalazi u sredini elementa</p><p>Na primjer, <br><TABLE width=500 border =1><br>StateCapital <br>Zlato>Rusija Žuta>Moskva <br>Maroon>FrancuskaNarančasta>Pariz <br>TABLICA ></p><p>Os izgleda kao da je na ekranu:</p> <p><i><u>Pregled podataka u sredini tablica. <br></u> </i> C ísnuê nabrír atribute, priznachenih za vyrivnyuvannya podatke u sredini tablice. Atribut <b>uskladiti</b> omogućuje prikaz podataka u sredini vodoravno. Vin prihvaća sljedeće vrijednosti: <br>Lijevo - pogled lijevo; <i><u><br></u> </i> Desno - gledanje desnom rukom; <br>Centar - pogled u centru. <br>Atribut <b>valign</b> omogućuje prikaz teksta okomito. Vrijednosti mogu biti sljedeće: <br>Vrh - poravnanje duž gornjeg ruba sredine; <br>Srednja - gledanje od centra; <br>Polazna linija - vidljivost iza prvog reda <br><i>guzicom. <br></i><TABLE width =100% border =1 align =center ><br> <TR ><br> <TD ><B >Horizontalno poravnanje B >TD > <br></p><p>Centrirano <br>lijevo> Lijevo <br>Pravoruch <br> <TR ><br> <TD ><B >Okomito poravnanje B >TD > <br>valign=top > Vrh TD-a > <br> <TD valign =middle >Centar TD > <br> <TD valign =baseline >Donji rub TD > <br>TR > <br>TABLICA > <br>Kao rezultat toga, osmislit ćemo tablicu: <b>Gledanje vodoravno</b> </p><p>Centrirano</p> <p>Livoruch</p> <p>Pravoruch</p> <p><b>Pregled po <br>okomito</b></p> <p>Gornji rub</p> <p>Centrirano</p> <p>Uz donji rub</p> <p><b><br>< </b><b>stol</b> <b>širina</b> <b>=500 </b><b>granica</b> <b>=3> </b></p> <p> <b>uspjeh</b> </p> <b>N <b>P</b><b>/ </b> <b>P</b> </b><b><b>prizvische</b> </b><b><b>Škola</b> </b><b><b>razreda</b> </b><p><b> <span><b>Praktični robot broj 9 <br>"Kreiranje i oblikovanje tablica"</b> </span> </b></p><p><b><b>Cilj:</b> naučite kako stvoriti i formatirati jednostavne tablice u uređivaču teksta Notepad. <br><b>Vkazívki to vikonannya:</b> </b></p><p><b>Izradite novu web-stranicu jer bi preglednik mogao izgledati ovako:</b></p><b>prizvische</b><p><b>Broj telefona</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnov V.P.</b></p><p><b>46-29-89 </b></p><p><b>Boja pozadine stola je srebrna, širina okvira stola je 1.</b></p><p><b>U elementu unesite naziv strane "P / r br. 14".</b></p><p><b>Pogledajte kreiranu web-stranicu u prozoru preglednika.</b></p><p><b>Okrenite se na datoteku spremljenu u Notepad. <br>Napravite novu promjenu na način da web-strana u pregledniku izgleda ovako:</b></p><p><b>Telefonski brojčanik</b></p> <b>prizvische</b><p><b>Broj telefona</b></p><p><b>Petrova A.I.</b></p><p><b>31-74-16 </b></p><p><b>Smirnov V.P.</b></p><p><b>46-29-89 </b></p> <p>Boja pozadine srednjih redova prvog reda je svijetlozelena, boja pozadine srednjih redova drugog reda je svijetla, širina okvira tablice je 5.</p><p><b>Pogledajte web stranicu u Windows pregledniku.</b></p><p><b>Spremi promjene.</b></p><p><b><i><u><b>Udruga redova i stovptsiv u sredini</b> </u> </i><i>. </i> </b></p><p><b>Prilikom poticanja sklopivih stolova, potrebno je ujediniti (ljutnja) u jednoj sredini grančicu redova abostovptsiv. Za koga koristiti atribute: <b>kolspan-y</b> prikazuje broj stupaca kombiniranih u jednom centru (za zaključavanje = 1), <b>raspon redova-y</b> prikazuje broj redaka, ujedinjenih u jednoj sredini (za kratice = 1). <i>Prijavite se:</i> </b></p><b>1 </b><p> <b>1 </b></p><p>Sve ove informacije uzrokovat će da se tablica unese u polje pri pojavljivanju parametra <b>rowspan="2",</b> lik yakíy, vídpovídaê kílkostí "podryadok" , tobto. Doslovno su oni vični rowkivi bili ljuti u sredini. Kao u simetričnoj tablici, čitamo zlo udesno, onda ovdje vidimo isto, samo zašto bi kod ispred sredine s dva stajao za sredinu s brojem tri? Sve je jednostavno - <i>doslovno</i>šifra za prvi red se dešifrira kao "komírka, što osvetiti dan 1", "comírka, što osvetiti dan 3, koji se sastoji od dva podniza", šifra za drugi red se dešifrira kao "comírka, što da osveti dan 2". <u>Yak bachimo, fizički srednja 3 leže u PRVI red!</u></p> <p>Pa, imamo komírki, pomaknuti vodoravno, a zatim zamijeniti oznaku <b>raspon reda</b> oznaka oznaka <b>kolspan</b>, naravno, u toj sredini koja zauzima prostor puno radnika). <i>Na primjer:</i><i> </i> </p> <table width="684" border="0"><tr valign="top"><td width="80"> </td> <td width="79"> </td> </tr></table><table width="200" border="1"><tr align="center"><td colspan="2">1 </td> </tr><tr align="center"><td>2 </td><td>3 </td> </tr></table><p><b>Praktični robot broj 10 <br>"Unizija redaka i stupaca u sredini tablica"</b> </p> <p><b>Cilj:</b> <span>naučite kako stvoriti sklopive tablice u uređivaču teksta Notepad. <br></span><span><b>Vkazívki to vikonannya:</b> </p> <ul><p>Otvorite uređivač teksta Notepad.</p><p>Napravite novu web-stranicu jer preglednik može izgledati ovako:</p> </ul><p>uspjeh</p> p/str <p>prizvische</p> <p>Škola</p> <p>razreda</p> <p>Ocjene iz kemije</p> <p>1 str/g</p> <p>2 p/g</p> <p><b>Ivanov</b> </p> <p><b>Petrov</b> </p> <p><b>Sidoriv</b> </p> <p>Boja tijela prvog reda stola je akvamarin, širina stola je 500, širina okvira stola je 3.</p> <ul><p>U elementu unesite naziv strane "P / r br. 10".</p><p>U prozoru preglednika pogledajte kreiranu web-stranicu.</p><p>Okrenite se na datoteku spremljenu u Notepad. <br></span><br></p> </ul><p><i><u>Označavanje web stranice za dodatne tablice.</u> </i> Označavanje web-strane ručno se provjerava iz pomoćne tablice. Mogućnost različitih opcija rasporeda. Pogledajmo njihova djela. <br><b>Prva opcija.</b> Bočni raspored se izvodi s različitih strana širinom cijelog zaslona, ​​bez obzira na veličinu zaslona (širina = "1000%"). Na taj način ručno kreirajte tablicu koja se sastoji od dva retka i dva stupca. Gornji red će biti prikazan ispod zaglavlja stranice, a lijevi će se prikazati ispod izbornika web stranice. Za takav raspored, strana će uvijek zauzimati cijeli ekran, bez obzira na to koji je dopustio da zaslon stoji na prozoru (slika 4.12).</p> <p><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m775cb074.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Riža. 4.12.</b> </span><span>Označavanje stražnjice</span><span>mreža</span><span>-Storinke. Prva opcija</p> <p>Do male količine takvog obruba možete staviti "uzgoj" umjesto bočne strane, pa ćete s promjenom veličine ekrana biti krivi što ga postavite blizu većeg uskog okvira, a tekst "spovzaê "dolje. Ako ništa drugo nije potrebno, potrebno je odabrati fiksiranje izgleda tablice, čak i ako je ekran drugačiji, tablica izgleda nepromjenjivo.</p> <p><b>Druga opcija.</b> Označavanje bočne strane vrši se iza dodatne tablice širine 760 piksela, poravnate u sredini zaslona. Kada tsomu vídvíduvach imaju yakogo rozdílna zdatníst ovu funkciju dorívnyuê 800x600 píkselív, bachitime storínku širok, praktičan za sve Zaslon i vídvíduvach imaju yakogo rozdílna zdatnístníst míšíní míníx 600 mníšníj mníšník míníx míníx 606 polje širina tabela mníx mídvíduvach. od bokív od neí̈.</p> <p>Na taj način ručno kreirajte tablicu koja se sastoji od tri retka i jednog stupca. Gornji red će biti naslov stranice, drugi red će biti izbornik web stranice, a treći red će biti sredina stranice (slika 4.13).</p> <p><img src='https://i2.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_20004b1a.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy></p> <p><b>Riža. 4.13.</b> </span><span>Označavanje stražnjice</span><span>mreža</span><span>-Storinke. Druga opcija</p> <p>Ako je potrebno postaviti u sredinu teksta bočne trake, bilo da se radi o ilustracijama, fotografijama itd., onda postoje i tablice. Na donjem stražnjem dijelu u drugi centar drugog reda umetnuta je tablica koja se sastoji od dva reda i tri stupca. Na prvu i treću sredinu prvog reda ubacuju se mališani, kao i na drugu sredinu prvog reda - naziv stranice. Prije svih sredina drugog reda upisuje se tekst (slika 4.14).</p> <p><b>Riža. 4.14.</b> </span><span>Označavanje stražnjice</span><span>mreža</span><span>-Storinke. Treća opcija</p> <br clear="left"><br><img src='https://i1.wp.com/ds03.infourok.ru/uploads/ex/08a8/00002fb7-1e40425c/hello_html_m32b43cfb.png' align="bottom" width="100%" loading=lazy loading=lazy loading=lazy><h6>Tema 5 . Subsumkov rad "Izrada web stranice na temu u Notepad TR"</h6> <p>Učenici kod kuće razvijaju i dizajniraju na papiru kao kreativni robot projekt web stranice, a zatim ga implementiraju koristeći HTML pokretne stvari.</p> <p>_____________________________________________________________________________</p> <p>Tečaj proširenja na temelju knjige I. Smirnova "Cobs of Web-dizajn".</p> <p><b>MINISTARSTVO UČENJA MOSKVA</b></p> <p><b>DBPOU MO "PAVLOVO-POSAD TECHNIKUM"</b></p> <p><b>Z VIKONANNYA TEČAJNI RAD</b></p> <p><b>Za disciplinu</b></p> <p><b>"Tečajevi na temu Web dizajn i programi za izradu web stranica"</b></p> <p><b>Za specijalnost 230701</b></p> <p><b>"Primijenjena informatika u ekonomiji" 4 kolegij</b></p> <p>Vikladach: G.Ê</p> <p>Pregledano od strane cikličkog metodičkog povjerenstva</p> <p>Društveni i ekonomski profil</p> <p>Protokol № víd "" 20g.</p> <p>Voditelj cikličke komisije <u>Mishina O.M.</u></p> <p>2016-2017 navch. rík</p> <p>Ulazak</p> <p>1. World Wide Web3</p> <p>1.1. Proširivanje World Wide Weba na Internet. 5</p> <p>2. Izrada web stranice za pomoć HTML5 filmovima</p> <p>2.1. Mova HTML 5</p> <p>2.2. Struktura HTML dokumenta5</p> <p>2.3 Oblikovanje teksta7</p> <p>3. Programi za izradu web-stranica8</p> <p>3.1 HTML uređivač8</p> <p>3.2 Grafički urednici13</p> <p>3.3 Tehnologija mesa13</p> <p>4. Izrada WEB-stranica na WORD12</p> <p>4.1 Kako stvoriti web stranice u WORD12</p> <p>4.2 Izrada popisa s oznakama i brojevima13</p> <p>4.3 Vodoravne linije13</p> <p>4.4 Dodajte pozadinu13</p> <p>4.5 Rad s tablicama13</p> <p>4.6 Robot s crtežima13</p> <p>4.7 Stvaranje hiperposilana14</p> <p>4.8 Ugrađivanje videa na web stranu14</p> <p>Popis pobjedničke literature16</p> <br><p><b>1. World Wide Web</b>– današnja globalna računalna mreža za osvetu milijunima stranica na kojima se objavljuju različite informacije. Ljudi imaju pristup informacijama na vidiku internetske tehnologije. Za navigaciju u WWW-u koriste se posebni programi - Web preglednici, koji olakšavaju skuplje putovanje po nepreglednim prostranstvima WWW-a. Sve informacije u web pregledniku pojavljuju se na web stranicama, koje su glavni element WWW bajtova.</p> <p>Web-stranice, podržane multimedijskom tehnologijom, mogu dijeliti različite vrste informacija: tekst, grafiku, zvuk, animaciju i video. Osim toga, koliko god da je lijepo izgrađena, ta druga web-strana, uložiti puno novca u što njen uspjeh u Merezhya.</p> <p>Koristuvachevy prihvaća one web-strane, koje izgledaju elegantnije dizajnirane, ne pretrpane grafikom i animacijom, one su pometene i ispravno prikazane na prozoru web-preglednika.</p> <br><br><p>Nije lako napraviti web-stranu, ali koža bi se htjela okušati u ulozi dizajnerice. I ja, na ovaj način, bez zamjerke, odabrao sam takvu temu za svoj predmetni rad.</p> <p>U svom radu pokušao sam naučiti što je potrebno znati i zapamtiti za izradu web-strane, kao i softversku sigurnost i alate za izradu web-strane te kako učinkovito pobijediti.</p> <p>Također, u svojim robotima, pogledao sam osnove programiranja svoje web stranice - HTML, koji je najšire prihvaćeni WWW standard. Da nam pruži priliku da naučimo o strukturi web-strane i trikovima ispravnog dizajna.</p> <p><b>1.1. Proširivanje World Wide Weba na Internet</b>.</p> <p>Internet je najveća računalna mreža na svijetu. Na internetu postoji oko 150 milijuna pretplatnika u više od 50 zemalja. WWW-u se pristupa najvažnije putem Interneta; Ale kazhuchi WWW i Internet možda nisu isti u Ukrajini. WWW se može zarahuvati u unutarnju zmístu, to jest apstraktni svijet znanja, baš kao što je internet vanjska strana globalne mreže, poput velikog broja kablova i računala.</p> <p>Dakle, što je World Wide Web, ili, kako se čini u prostranstvima, WWW, Web, ili još jednostavnije - 3W? WWW je utemeljeni multimedijski informacijski sustav baziran na hipertekstu. Uzmimo redom ove pohvale.</p> <p>Distribuirani informacijski sustav: podaci se prikupljaju na anonimnim takozvanim WWW-poslužiteljima (serverima). To računalo, na kojem je instaliran poseban softver, ujedinjeno je u Internet. Coristuvachi, yakí mayut pristup merezhí, dobiti tsyu íinformatsiyu za pomoć program-clientív, reviziju programa WWW-documentív. Kada se ovaj program ponovno pogleda, računalna datoteka se šalje poslužitelju, koji preuzima datoteku s potrebnim dokumentom. Na zahtjev poslužitelja, program nadjačava potrebnu datoteku ili obavještava o naredbi, kao datoteci iz drugih razloga nedostupnosti. Interakcija između klijent-poslužitelj ovisi o pravilima pjesme ili, kako se čini, protokolima. Protokol koji je usvojio WWW naziva se HyperText Transfer Protocol, skraćeno od HTTP.</p> <p>Multimedija: informacije ne uključuju samo tekst, već i dvo- i trodimenzionalnu grafiku, video i zvuk.</p> <p>Hipertekst: informacije u WWW-u prezentiraju se u obliku dokumenata, bilo da ih je moguće osvetiti kao interni cross-posting, ili poslane drugim dokumentima koji su spremljeni na istom, ili su-vaš drugi poslužitelj.</p> <p>Takve se poruke nazivaju hiperpozitivne ili hiperveze. Na ekranu računala ispred programa gledam poruke kao da vide nekakav rang (na primjer, u drugoj boji i/ili podkrelennyam) djeteta prema tekstu ili grafiki. Vybirayuchi hiperpozicija, koristuvach programi za pregled mogu se brzo kretati s jednog dijela dokumenta na drugi, ili s jednog dokumenta na drugi. Ako je potrebno, program će automatski ponovno razmotriti s odgovarajućim poslužiteljem na rubu tog zahtjeva za dokument na koji je poslan. Kad smo kod toga, ideja hipertekstualnog prikaza informacija možda je dobro poznata onima koji poznaju različite verzije sustava Microsoft Windows. Po istom principu, sustav prompta (Help) induciran je u Windowsima, s tom razlikom što sustav prompta hiperteksta Windowsa nije odvojen.</p> <p>Također, web-stranica može zamijeniti stiliziranje i formatiranje teksta, grafike i hiperveza raznim internetskim resursima. Kako bi se ostvarile sve mogućnosti, razvijen je poseban jezik nazvan HyperText Markup Language (HTML), dakle Jezik označavanja hiperteksta. Dokument, napisan u HTML-u, kao tekstualna datoteka, koja može očistiti tekst koji nosi informacije čitatelja i oznake oznake. Ostatak pjevati sekvence simbola, poput uputa za program Pereglyadu; Program može prikazati tekst na ekranu svojim redoslijedom, uključujući nove male, koji se spremaju u okremi grafičke datoteke, te formirati hiperveze s drugim dokumentima ili internetskim resursima. Na ovaj način datoteka u HTML pokretnom obliku izgleda kao WWW dokument samo jednom, ako je interpretira program za reviziju. O jeziku HTML-a bit će detaljno opisano u sljedećem odjeljku, ali bez poznavanja osnova jezika nemoguće je stvoriti web-stranicu za objavljivanje WWW-a.</p> <p><b>Izrada web strane za HTML pomoć</b></p> <p><b>Mova HTML</b></p> <p>Web-stranice se mogu koristiti u bilo kojem formatu, ali kao standard za usvajanje jezika za označavanje hiperteksta - jezični raspored hipertekstova, prepoznat za stvaranje formatiranog teksta punog slika, zvuka, animacija, video isječaka i hipertekstualnih poruka na drugim dokumentima, koji se šire Web - otvoreni prostor, tako da i scho biti na istom poslužitelju, ili ê skladište istog web projekta.</p> <p>Moguće je raditi na webu bez poznavanja HTML jezika, fragmente HTML teksta mogu kreirati razni posebni uređivači i pretvarači. Ale pisati bez sredine u HTML-u, nema veze. Moguće je, jeftinije, koristiti HTML uređivač ili konverter, što je češće moguće, za osvetu pomilovanja ili izvođenje prljavog HTML koda, koji ne radi na drugim platformama.</p> <p>Jezik HTML-a koristi se u mnogim varijantama i nastavlja se razvijati, ali će konstrukcije HTML-a sve češće pobjeđivati ​​iznova i iznova. Učeći HTML i poznavajući ga bolje, stvarajući dokument na temelju HTML-a i proširivajući ga što je više moguće, možda ćemo moći kreirati web-strane, tako da možete pogledati bogatstvo web preglednika, kao i u budućnosti. To ne uključuje mogućnost korištenja drugih metoda, na primjer metode proširenja mogućnosti, na koju se oslanjaju Netscape Navigator, Internet Explorer ili drugi programi.</p> <p>Rad s HTML-om način je stjecanja osobitosti izrade dokumenata iz standardiziranog jezika, vikorističko proširenje samo prema potrebi.</p> <p>HTML je ratificiran od strane World Wide Web Consortiuma. Vín pídtremuêtsya dekílkom široko poshirennymi preglednicima, i, možda, postati temelj svibanjzhe vsogo softver sigurnosti, kao što je web.</p> <p><b>Struktura HTML dokumenta</b></p> <p>Budući da su HTML dokumenti napisani u ASCII formatu, mogu se izraditi bilo kojim uređivačem teksta.</p> <p>Pozovite HTML dokument - bilo datoteku iz extensions.html ili .htm, u koju je tekst označen HTML oznakama (eng. tag - posebni umetci). HTML metode određuju sintaksu postavljanja oznaka koje preglednik može prikazati u web dokumentu. Web preglednik ne prikazuje tekst samih oznaka.</p> <p>HTML dokumenti imaju početnu oznaku ê <Html>, i finale</Html>.</p> <p>Završna oznaka se uzima kao početni element, tako da se ispred teksta na krakovima nalazi simbol "/" (kosa crta).</p> <p>Preglednik, koji čita HTML dokument, prikazuje ga u prozoru, upisujući strukturu HTML oznaka. HTML dokument kože ima tri glavna dijela:</p> <p>1) Ponizan HTML</p> <p><HTML>і</HTML>. Par ovih oznaka govori programu da pregleda (preglednik) da je dokument smješten između njih u HTML formatu, štoviše, prva oznaka u dokumentu može imati oznaku za pokretanje (na samom vrhu dokumenta), a posljednja oznaku (na primjer, dokument).</p> <p>2) Dio glave.</p> <p><head>і</head>. Uz ove oznake stavljaju se informacije o dokumentu (naziv, ključne riječi za vic, opis dokumenta). Ipak, najvažniji je naziv dokumenta, zbog čega je najvažniji u gornjem redu prozora preglednika i na listama "Vibrant". Posebni programi-pauci poshukovyh sustava vikorivyvat naziv dokumenta za podudovy baze podataka. Kako bi se vašem HTML dokumentu dalo ime, tekst se stavlja između oznaka. <Title>і.

            Moja prva strana

            3) Tijelo dokumenta.

            Treći glavni dio dokumenta je treće tijelo. Slijedi pored naslova i može se pronaći između oznaka і. Tijelo HTML dokumenta mjesto je gdje autor može napisati informacije, formatirane pomoću HTML-a.

            Moja prva strana .................................................

            Sada možemo napisati HTML kod naše strane:

            Moja prva strana!

            Oblikovanje teksta

            U distribuciji BODY, preglednik zanemaruje sve simbole tablice i zadnji redak i ni na koji način se ne prelijevaju na stranu zaslona. Stoga pomak retka u vanjskom tekstu HTML dokumenta ne dovodi do početka novog retka u tekstu, što se vidi promatranjem prisutnosti posebnih oznaka. Važno je zapamtiti ovo pravilo i ne zaboraviti staviti oznake koje razdvajaju retke, inače tekst neće imati odlomke, a vi ćete postati nečitljivi.

            Za klip novog reda, oznaka je pobjednička
            (kratki oblik engleski break - prekid). Ova oznaka treba biti prikazana sve dok preglednik ne prikaže donji tekst na klipu uvredljivog retka. Oznaka koja se zatvara za novu nije označena. Vín zruchny, jer je potrebno za svaki mjesec pisanja iz novog retka bez početka novog odlomka, na primjer, na vrhu. Više puta, ovaj izbor vam omogućuje da umetnete jedan ili dio praznih redaka, gurajući napredni ulomak strane prema dolje.

            Takav tekst bez razmaka nije lako čitati; Tekst podijeljen na odlomke preuzet je na bogat, domišljat način. Za početak novog odlomka dodaje se oznaka

            (eng. paragraf - paragraf). Ova oznaka, crim cob novog reda, umetnite jedan prazan red. Koristite srednji luk oznake, nazovite je kremom, možete postaviti i atribute (engleski atributi - atributi). Smrad je kremiran u nazivu i između sebe kao razmak (jedan ili dekilkom), a zapisuje se kao naziv atributa = "značenje". Ako je važno ne osvetiti čistine, onda se šape mogu spustiti, ali se ne preporučuje takav rad. Označiti

            Na primjer, nema šanse, nova oznaka znači zatvaranje prednje strane, očito, depoziti su nemogući. Poravnati tekst sa središtem također se može obaviti pomoću oznake.

            Sada na našoj web strani možemo objaviti sljedeći tekst iz raznih revizija:

            Moja prva strana

            Ovdje će biti moja posebna strana!

            Na njima možete saznati: - pričajte mi o meni i o mom gomilanju; - moje slike.

            S jedne od mojih strana možete mi poslati manji elektronski list.

            Crimium odabir oznaka, za razvoj reda simbola reda redaka i kartica u blizini samog HTML dokumenta. Za koga koristite oznaku. Sav tekst, smješten između oznaka i prikazan bez promjena, stoga je potrebno koristiti nekoliko redaka i tabela.

            Na primjer:

            Tsey pravopis teksta ima dva reda.

            HTML dokumenti, osim teksta, mogu imati horizontalne razdvojene linije. Smrad, kao i tekst, ne zanemaruje iste stare datoteke. Teg vivede horizontalnu liniju jednog spoja širine vzdovzh usíêí̈ sa strane. Horizontalna crta se gradi do otvora retka, ali prazni redovi između reda nisu deklarirani u tekstu. Oznaka može zamijeniti atribut sprat. i dati konturnu liniju od trivijalnog učinka smrti. dati društvenu crnu liniju. Linija se možda neće protezati cijelom širinom strane, ali postati manje od njezinog dijela. Atribut WIDTH postavlja širinu linije u pikselima kao širinu cijele strane ili u pikselima. Na primjer, 50% - polovica širine stranice, 400 - širina od 400 piksela. Atribut ALIGN može poprimiti vrijednosti slične onima za oznaku, ali je zadana vrijednost centrirana. Atribut SIZE postavlja širinu linije u pikselima od 1 do 175; za umovchannyam 1, ale yakshcho (linija - kontura), zatim se dodaje drugarstvo, što je neophodno za trivimirski učinak uništenja. Redovi, po redoslijedu odlomaka, omogućuju vam da vidite logične fragmente teksta. Ali postoji puno vodoravnih linija koje su neprihvatljive za gledanje vaše web stranice, tako da nakon odlomka kože od njih nema traga. Smrad je prikladniji za vidjeti mnoge grane.

            Kvarovi