Kā pašam izveidot tīmekļa lapu. Pirmās tīmekļa lapas izveide

Un pēdējais tags mūsu kodā ir - . Arī pārī savienots tags ( Un

), kuras iekšpusē atrodas visa vietnes redzamā daļa, t.i. teksti, attēli, saites, vispārīga informācija, ko vēlaties ievietot vietnē.

Nākamajā nodarbībā runāsim par tagu veidiem un to rakstīšanas noteikumiem.

MASKAVAS ATKLĀTĀS IZGLĪTĪBAS INSTITŪTS
MATERIĀLU UN INFORMĀCIJAS TEHNOLOĢIJU NODAĻA

Distances kursu materiāli
"Informācijas tehnoloģijas un izglītība"

Polilova Tatjana Aleksejevna
[aizsargāts ar e-pastu]

Kā izveidot tīmekļa lapu

Vienkāršākais veids, kā izveidot tīmekļa lapu, ir izmantot Microsoft Office rīkus. Šīs pakotnes jaunākās versijas nodrošina iespēju pārvērst parasto dokumentu HTML formātā ar labu koda kvalitāti.

Vārda funkcijas

Word teksta redaktorā sagatavotu dokumentu var viegli pārvērst tīmekļa lapā. Tomēr tas neizskatīsies tik pievilcīgi, kā jūs vēlētos, ja netiks veiktas papildu darbības. Apskatīsim dažus piemērus.

Ņemsim kādu tekstu.

Mēs pārvēršam dokumentu par tīmekļa lapu, izmantojot operāciju Saglabāt kā tīmekļa lapu... (izsauc no galvenās izvēlnes - Fails). Tad dokumenta html attēlojums izskatīsies šādi:

Pirmā lieta, kas piesaista jūsu uzmanību, ir tas, ka teksts aizņem visu ekrāna vietu. Virknes garums ir pārāk garš. Ērtai lasīšanai ekrānā rakstzīmju skaitam vienā rindā jābūt diapazonā no 50 līdz 65.

Izmantojot tabulu

Šajā gadījumā to var izdarīt pavisam vienkārši: avota dokumentā izveido tabulu un ievieto tajā vajadzīgo tekstu. Tabulā varat iestatīt rāmi. Tad tīmekļa lapas izskats tiks ievērojami uzlabots, un lapa pārlūkprogrammā izskatīsies pievilcīgāka.

Fons un stils

Vēlams izvēlēties ne pārāk spilgtu fonu, lai uz tā būtu skaidri salasāms teksts. Šāds fons piedāvātajā sarakstā ir, piemēram, rīspapīrs. Lapas skatījums ir ievērojami mainījies:

Attēla ievietošana

Dokumentam var pievienot attēlu, ņemot to, piemēram, no klipu kolekcijas.

Ar peles labo pogu jānoklikšķina uz attēla, jāveic kopēšanas darbība un pēc tam dokumentā jānorāda attēla atrašanās vieta un jāveic kopētā objekta ielīmēšanas darbība.

Ja ievietojat attēlu rindkopas iekšpusē, labāk ir mainīt attēla rekvizītus, iestatot tekstu, kas apņem attēlu (jāizvēlas galvenās izvēlnes vienums Formāts un pēc tam Attēls):

Tādējādi dokumentā netiks izveidota papildu tukša vieta.

Visbeidzot, attēlam var pievienot rāmi un ēnu, izmantojot pogas zīmēšanas panelī - Līnijas veids un ēnas stils. Šādas nianses būtiski piešķir lapai izteiksmīgumu.

Ja lapā nav zīmēšanas paneļa, tas jāinstalē, atlasot galvenās izvēlnes vienumu Skats un pēc tam Rīkjoslas un zīmējums.

Atzīme

Word ļauj tīmekļa lapai pievienot citus dizaina elementus, piemēram, “rāpojošu līniju”. Lai izmantotu šo funkciju, ekrānā ir jāatver tīmekļa komponentu panelis (no galvenās izvēlnes — Skats, pēc tam Rīkjoslas un Web komponenti). Noklikšķinot uz darbības pogas Atzīmēt līniju, tiek atvērts papildu logs ložņu līnijas parametru teksta norādīšanai.

Kā parasti, varat mainīt rindas fontu un atribūtus: fonta lielumu un rakstzīmju krāsu. Tīmekļa lapa jūsu ekrānā izskatīsies šādi:

Mēs esam snieguši piemēru tikai ļoti pieticīgam dizaina paņēmienu kopumam, ar kuru palīdzību jūs varat izveidot tīmekļa lapu, pamatojoties uz esošu dokumentu Word formātā.

Dizaina veidņu izmantošana

Ja sākat izveidot lapu no jauna, varat izmantot Web lapu vedni, kas palīdzēs izveidot dokumentu dialogā. Vai arī varat izmantot gatavu lapas dizaina veidni, izvēloties to no diezgan reprezentatīva komplekta. Lai to izdarītu, operācijā Izveidot atlasiet režīmu Izveidot, izmantojot veidni un pēc tam Vispārīgās veidnes. Ekrānā parādīsies veidlapa, kurā jums jāizvēlas cilne Web lapas:

Lietotājs var izvēlēties krāsu un stilu neatkarīgi, piemēram, izmantojot iestatījumus Formāts - Motīvs.

Hipersaišu un grāmatzīmju izveide

Pēdējais jautājums, ko mēs plānojam izskatīt šajā sadaļā, ir hipersaišu izveide dokumentā.

Ja mēs vēlamies dokumentā atsaukties uz citu dokumentu vai citu vietni internetā, tad šādu hipersaiti var izveidot šādi: atlasiet dokumentā teksta daļu (vārdu) un veiciet darbību Ievietot - Hipersaite... Ekrānā parādīsies veidlapa, kurā norādāt hipersaites adresi. Adresi var ievadīt tieši vai logā var atlasīt failu.

Šeit jāatceras, ka, veidojot vietni, jūsu datorā atlasītā faila adrese var mainīties. Tāpēc netiešā adreses norādīšanas metode ir piemērota tikai tad, ja mapes struktūra datorā un interneta vietnē ir vienāda.

Ja hipersaitei jāattiecas uz citu tā paša dokumenta daļu, vispirms vajadzīgā fragmenta sākumā ir jāievieto grāmatzīme. Jums jāveic darbība Ievietot - Grāmatzīme un ekrānā parādītajā formā jāievada grāmatzīmes nosaukums.

Web prezentācija programmā PowerPoint

PowerPoint ir programma, kas paredzēta prezentāciju veidošanai datorā. Tomēr tam ir funkcija pārveidot sagatavotu prezentāciju tīmekļa formātā.

Jūs varat atvērt sagatavoto prezentāciju un veikt darbības (no galvenās izvēlnes) Fails - Saglabāt kā tīmekļa lapu. Kā parasti, atvērtajā logā jānorāda tīmekļa prezentācijas nosaukums. Prezentācijas konvertēšanas rezultātā tiks izveidots fails ar norādīto nosaukumu un paplašinājumu .htm un tāda paša nosaukuma mape ar papildu materiāliem.

Ja tagad izsaucat tīmekļa prezentāciju no pārlūkprogrammas, ekrānā varat redzēt konvertēšanas rezultātu.

Ekrāna apakšā ir izveidota īpaša līnija, kurā atrodas pogas pārejai uz slaidiem un pogas dažādu parametru iestatīšanai prezentāciju skatīšanai.

Prezentāciju var apskatīt ar parādīto slaidu struktūru. Bet, ja šī informācija neinteresē, var noņemt ekrāna lauku, kas paredzēts struktūras attēlošanai (operācija paplašināt/sakļaut struktūru apakšējā rindā).

Izmantojot pogu Rādīt veikalus, varat skatīt slaidus pilnekrāna režīmā.

Hipersaišu izveide

Prezentācijā varat izveidot hipersaites, kas saista objektus slaidā, piemēram, ar citiem slaidiem. Tādā veidā ir iespējams izveidot hipermediju struktūru, kas dabiski atbildīs interneta ideoloģijai. Paskaidrosim šo tehniku ​​ar piemēru.

Ļaujiet mums sagatavot vairākus slaidus par Baikāla ezera floras tēmu, kas apkopoti no fotogrāfiju kolekcijas. Veidosim jaunu slaidu – krājuma satura rādītāju.

Ja jaunais slaids nav pirmais secībā, tad jāiet uz slaidu šķirošanas režīmu (no galvenās izvēlnes, izmantojot darbības Skats - Slaidu šķirotājs) un velciet jauno slaidu uz kolekcijas sākumu.

Ievietojiet visu fotogrāfiju nelielas kopijas jaunā slaidā. Vienkāršākais veids, kā to izdarīt, ir visvienkāršākā veidā: kopējiet visas kolekcijas fotogrāfijas secīgi uz tukša slaida, samaziniet to izmēru un novietojiet tās, piemēram, divās rindās. Bildes vēlāk var dekorēt ar rāmjiem ar ēnām. Satura rādītāja slaidam varat pievienot prezentācijas nosaukumu. Prezentācijas skats režīmā Slaidu kārtotājs ir parādīts zemāk:

Pārslēdzamies uz parasto slaidu skatīšanās režīmu (komandas View un tad Normal). Satura rādītāja slaidā atlasiet fotoattēlu un izpildiet komandu Ievietot - Hipersaite. Atvērtajā logā iestatiet pāreju, izmantojot hipersaiti - slaida numuru ar lielo fotoattēlu, no kura tika kopēts mazākais satura rādītāja paraugs.

Līdzīgi mēs saistīsim citus attēlus satura rādītāja slaidā ar atbilstošajiem slaidiem ar oriģinālajām fotogrāfijām.

Ja mēs tagad palaidīsim savu prezentāciju, tā darbosies kā hipervides struktūra: noklikšķinot uz maza fotoattēla, tā tiks atvērta slaidā ar lielāku fotoattēlu.

Atliek diezgan nedaudz uzlabot mūsu struktūru. Katram slaidam pievienosim bultiņu ar fotoattēlu augšējā kreisajā daļā (AutoShape rīkjoslā Drawing) un izveidosim no šīs bultiņas hipersaiti, kas nonāks satura rādītāja slaidā. Tagad kustība caur mūsu izveidoto hipermediju struktūru kļūs “divvirzienu”: no satura rādītāja var pāriet uz slaidiem ar fotogrāfijām, bet no jebkura slaida – atgriezties satura rādītājā.

Pēc prezentācijas konvertēšanas tīmekļa formātā mūsu pirmā lapa izskatīsies šādi:

Izvēlnē noklikšķinot uz attēla, tiks atvērts slaids ar lielu fotoattēlu, un, noklikšķinot uz bultiņas (slaida augšējā kreisajā stūrī), tiks atvērta kolekcijas satura rādītāja lapa.

Instrukcijas

Visu, ko apmeklētājs redz tīmeklī, pārlūkprogramma izveido no jauna, izmantojot servera nosūtītos norādījumus. Šīs instrukcijas ir rakstītas HTML valodā (HyperText Markup Language), un faili, kuros tie tiek glabāti, ir atzīmēti kā htm un html. Jūs varat izveidot šādu failu parastajā teksta redaktorā - tas būs pirmais izveides solis tīmekļa lapas. Atveriet, piemēram, standarta Notepad un izveidojiet tukšu failu ar nosaukumu index.html. Kad ierakstāt vietnes adresi, nenorādot konkrētu lappuse(piemēram, ), vispirms meklē lappuse tieši ar šādu nosaukumu - indekss.

HTML norādījumus sauc par “tagiem”, un katrs no tiem ir ievietots iekavās, piemēram:<>. Daži tagi ir savienoti pārī, tas ir, tie sastāv no sākuma un aizvēršanas taga, un informācija tiek ievietota starp tām. Piemēram, tags, kas pārlūkprogrammai norāda, ka tālāk esošais kods ir HTML kodā, piemēram: Noslēguma tags, kas norāda, ka HTML kods šajā brīdī ir pabeigts, ir rakstīts šādi: Kā redzat, noslēdzošais tags atšķiras no sākuma taga ar slīpsvītru aiz sākuma iekavas (

Viss kods, ko ievietojat starp tagiem Un, jāsadala divās daļās - dokumenta galvenē un pamattekstā. Atvēršanas un aizvēršanas galvenes tagi ir rakstīti šādi: Šī ir lapas “servisa” daļa – šeit tiek ievietota informācija loga nosaukumam, atslēgvārdi un apraksti meklēšanas robotiem, stilu apraksti, skripti utt. Ievadiet tajā lapas loga nosaukumu: Pilnam jūsu HTML lapas tekstam šajā brīdī vajadzētu izskatīties šādi:

Pēc galvenes daļas jāievieto atzīmes, starp kurām tiks pievienotas dokumenta pamatteksta instrukcijas: Starp tiem ievietojiet, piemēram, tagu, kas tiek parādīts lappuse teksta rindkopa:

Šeit ir vesela rindkopa informācijas!

Pirmā rindkopas rinda.


Punkta otrā rinda.

Pirmā rindkopas rinda.


Punkta otrā rinda.

Kas ir HTML

Mūsdienās internetu izmanto 3,5 miljardi cilvēku — tā ir puse no pasaules iedzīvotāju skaita. Apmeklējot vietnes, daudzi cilvēki pat nenojauš, ka to izveidei tika izmantots HTML. Bez tā visas tīmekļa lapas izskatītos kā nepārtraukts, nelasāms līniju audekls. Mēģināsim izdomāt, kas ir šī valoda un kāpēc tā ir vajadzīga.

HTML un citi jēdzieni

Jebkura cilvēka izdomāta darbība, vienalga, vai tā būtu ābeces mācīšana bērniem vai ballistisko raķešu izgatavošana, agrāk vai vēlāk tiek saskaņota ar vienotiem standartiem. Tas pats notika ar tīmekļa lapu izveidi. 1991. gadā britu zinātnieks Tims Berners-Lī izstrādāja pirmo HTML valodas specifikāciju, kas ļāva izveidot dokumentus, ko dažādās ierīcēs attēlot cilvēki bez kodēšanas prasmēm. HTML tagad ir standarts tīmekļa lapu izveidē.

HTML valoda

HTML saīsinājums apzīmē HyperTextMarkupLanguage. Tas ir, HTML ir hiperteksta iezīmēšanas valoda dokumentiem, kas ievietoti internetā. Izmantojot to, pārlūkprogrammas saņem informāciju par dažādu tīmekļa lapu elementu attēlošanu. Daži lietotāji jauc HTML ar programmēšanas valodām, taču to nevar izmantot, lai veiktu nekādas darbības - piemēram, atvērtu uznirstošo logu. Tas ir tikai marķējums — līdzīgi tam, ar ko ir saskāries katrs Microsoft Word lietotājs. Varat to izmantot, lai izveidotu tabulas, formatētu tekstu, pievienotu saites uz fotoattēliem utt.

HTML kods sastāv no tagiem– komandas, ar kurām tiek norādīts marķējums. Katra atzīme ir ievietota leņķa iekavās un ir atbildīga par konkrētu uzdevumu. Piemēram, izmantojot tagu varat izcelt tekstu treknrakstā un komandas

ļauj zīmēt tabulu. Jūs varat uzrakstīt vietni html valodā vienkāršākajā teksta redaktorā, pareizi ievietojot tagus un aizstājot paplašinājumu .txt ar .html. Lietotājiem, kuriem nav ne jausmas, kas ir HTML, ir izveidoti daudzi redaktori, kas darbu ar kodu padara vienkāršu un skaidru. Populārākās programmas ir FrontPage, Dreamweaver un HomeSite. Visi no tiem atvieglo vietņu izveides procesu, taču tie aizsprosto lapu kodus ar nevajadzīgiem tagiem, palielinot to apjomu. Tāpēc daudzi pat iesācēju vietņu veidotāji dod priekšroku apgūt hiperteksta iezīmēšanas valodu un rakstīt HTML kodu manuāli. Kas ir tīmekļa lapa Tipiski tīmekļa lapa ir dokuments html formātā, kas tiek atvērta, izmantojot pārlūkprogrammu, un tai ir unikāla adrese internetā. Papildus tekstam tajā var būt: Bildes; fotogrāfijas; audio un video faili; galdi; saraksti; saites uz citām lapām. Lapas tekstu un citu informācijas bloku apkopojumu sauc par saturu. Tās obligātie elementi ir arī hipersaites, uz kurām noklikšķinot var ātri pāriet uz citu lapu, lejupielādēt multivides failu vai programmu. Parasti tīmekļa lapa sastāv no: “galvenes”, kas satur pamatinformāciju: vietnes nosaukums, logotips, moto, tālruņu numuri, meklēšanas forma; galvenais bloks, kurā atrodas lapas saturs; sānu kolonnas ar gariem sarakstiem: izvēlnes vienumi, virsraksti; “kājene” ar kontaktiem, autortiesībām, apmeklējumu skaitītājiem, atsevišķiem izvēlnes elementiem. Tīmekļa lapa var būt statiska vai dinamiska. Pirmie ir rakstīti HTML un serveros paliek nemainīgi. Dinamiskās lapas nepastāv, kamēr lietotājs nav iesniedzis pieprasījumu tās ģenerēt. Tos veido skripti, kurus raksta kodētāji dažādās programmēšanas valodās. Izmantojot dinamiskās tīmekļa lapas, ir ļoti ērti strādāt ar ziņu portāliem, interneta veikaliem un citiem resursiem, kas ir piepildīti ar bieži mainīgu informāciju. Kas ir vietne Sapratuši, kas ir tīmekļa lapa, varam pāriet pie tīmekļa vietnes jēdziena. Vietne ir tīmekļa lapu kolekcija, ko vieno kopīga tēma un dizains. Vietnes galvenajā lapā ir daudz saišu uz iekšējiem informācijas resursiem, no kurām katra ir atsevišķa tīmekļa lapa. Vietne var sastāvēt no vienas lapas, taču tajā noteikti būs saites uz citiem resursiem: video faili, uznirstošie logi, dokumenti lejupielādei. Katrai vietnei ir savs domēna nosaukums, kas tiek ievadīts pārlūkprogrammas adreses joslā. Tas ir daudz īsāks un kodolīgāks par iekšējo tīmekļa lapu adresēm, tāpēc to atcerēties nebūs grūti. Dažām vietnēm ir 2 vai vairāk adreses, kas ved uz vienu un to pašu resursu. To bieži dara uzņēmumi, kas vēlas, lai klienti varētu atrast viņu vietni, ievadot uzņēmuma nosaukumu gan latīņu, gan kirilicā. Atkarībā no satura apjoma un rakstura vietnes tiek iedalītas 3 veidos. Populārs kategorijā: Kā apvienot Photoshop slāņus vienā vai apvienot tos grupā... lasīt Kontaktu pārsūtīšana uz jaunu Android tālruni lasīt Samsung Galaxy atsāknējas pats — Galaxy piezīmju risinājumi... lasīt Kaspersky Rescue Disk galvenās funkcijas lasīt  Jaunākie raksti MacBook nevar izveidot savienojumu ar wifi MacBook neredzēs... lasīt Kā nopelnīt naudu vietnē WebMoney lasīt "Supra" tablete: klientu atsauksmes lasīt Kuģu atrašanās vietas reāllaikā lasīt Labākās programmas Android ierakstīšanai zvaniem no... lasīt Nesekotāju noņemšana pakalpojumā Twitter lasīt Interneta pieslēgšana klēpjdatorā: viss iespējamais... lasīt Samsung Galaxy S IV ir jaunais flagmanis... lasīt innovakon.ru Mobilie telefoni un sakari Projekta redakcija Reklāma mājas lapā Kontakti Vietnes karte © 2024 Mobilie tālruņi un sakari Tops