Web lapu izveide ar FrontPage. Web lapu izveide FrontPage lietojumprogrammas pamata programmas rīkos

3.4. tēma: Interneta pielietojums ekonomikā un informācijas drošībā

Programmas vietņu izveidei

3.3. Lietojumprogrammas vietņu izveidei

3.3.4. Vietnes un tīmekļa lapu izveide programmā FrontPage

Vietnes plānošana

Mājas lapas plānošana ir viens no grūtākajiem uzdevumiem. Kā pareizi ievietot jūsu rīcībā esošo informāciju topošās vietnes lapās? Kādai jābūt vietnes struktūrai? Kādām lapām jābūt vietnei? Kādam dizainam jābūt vietnes lapām? Kādai jābūt vietnes navigācijai?

Šīs un daudzas citas vietņu izstrādes problēmas ir jāatrisina, pirms var izmantot vietņu izstrādes lietojumprogrammas.

Pieņemsim, ka mēs nolemjam izstrādāt vietni, kas sniegs informāciju par uzņēmumu EN101, mēs varam izklāstīt šo informāciju, kas mums ir uz četrām lapām:

1. mājas
2. Par uzņēmumu
3. Biznesa pārskats par projektu
4. Maksājuma veidi

Mēs izvēlamies vietnes nosaukumu, pamatojoties uz darbības veidu, piemēram: lessons-en101.

Piešķiriet lapu nosaukumus:

• indekss - Sākums;
• info - Par uzņēmumu;
• biznesa- projekta biznesa apskats;
• samaksa - Maksājuma veidi.

Kā galveno lapu izmantojam iepriekš izveidoto mājas lapu Sākums (rādītājs). Mēs izveidojam vietnes struktūru, kas parādīta attēlā.

Rīsi. viens.

Katrai lapai sagatavosim tekstu Word programmā un zīmējumus Adobe Photoshop GIF, JPEG vai PNG formātos ar izšķirtspēju 72 pikseļi/collā, papildus var izmantot skriptus.

Pēc tam varat reģistrēt otrā līmeņa domēnu kādā no zonām (ua, ru, com, net, info utt.) un pēc vietnes izstrādes izvēlēties maksas hostingu, kas atbilst piekļuves ātrumam un nodrošina nepieciešamos pakalpojumus. lai vietne darbotos efektīvi. Ja vietni ievietojam bezmaksas mitināšanā, mēs varam izvēlēties, piemēram, mitināšanu serverī narod.ru. Lai to izdarītu, jums būs jāreģistrējas serverī un jāsaņem bezmaksas mitināšana. Šajā gadījumā jums būs trešā līmeņa domēns, piemēram: lessons-en101.narod.ru.

Izveidojiet vietni, izmantojot programmu FrontPage

1. Lai izveidotu vietni, izmantojot lietojumprogrammu FrontPage, lietojumprogrammas logs ir jāatver vienā no šiem veidiem. Pēc tam ekrānā tiks parādīts lietojumprogrammas logs vai FrontPage GUI, kurā tiks parādīta iepriekšējā vietne vai lapa. Lai izietu no iepriekšējās vietnes vai lapas FrontPage, izmantojiet komandu Fails/Aizvērt vai Fails/Aizvērt mezglu vai abus, ja vietne un lapa bija atvērtas.

Pēc tam mēs izpildām komandu Fails / Jauns un atvērtajā uzdevumrūtī "Izveidot" sadaļā "Izveidot vietni" noklikšķiniet uz "Citas vietnes veidnes". Tiks atvērts dialoglodziņš "Tīmekļa vietņu veidnes", kurā jāizvēlas "Empty Web Site", pēc tam jānorāda jaunās vietnes atrašanās vieta (piemēram, D:\Documents and Settings\TVA\My Documents\My Web Sites\lesssons- lv101) un noklikšķiniet uz Labi. Attēlā parādīts dialoglodziņa "Tīmekļa vietņu veidnes" fragments, kurā norādīta jaunās vietnes adrese.

Rīsi. 2.

Kad vietne ir saglabāta ekrānā, FrontPage lietojumprogrammas logā tiks parādīta jaunā vietne mapes režīmā.

Rīsi. 3.

2. Izveidojiet jaunās vietnes sākumlapu programmā FrontPage. Mājas lapas izveidi programmā FrontPage var veikt dažādos veidos. Piemēram, panelī "Saturs" varat noklikšķināt uz pogas "Izveidot lapu", kas vietnes logā pievienos index.htm lapu, kā parādīts attēlā.

Rīsi. 4.

3. Pēc tam nokopējiet iepriekš izveidotās EN101 mapes saturu, kurā ir mape attēli un rādītāja lapa (veidojot tīmekļa lapu, mape _vti_cnf tiek ģenerēta automātiski). Mapes EN101 saturs ir parādīts attēlā.

Rīsi. pieci.

Ielīmējiet EN101 mapes saglabāto saturu no starpliktuves jaunizveidotajā lessons-en101 vietnes mapē, kas parādīta attēlā.

Rīsi. 6.

Rīsi. 7.

Tādējādi iepriekš izveidotā index.htm lapa tiek izmantota kā sākumlapa jaunajā vietnē ( Angļu uz internetu). Jūs varat izveidot galveno lapu citos veidos, kā aprakstīts sadaļā 3.3.2. Ievads FrontPage.

5. Vietnes struktūru veidojam FrontPage redaktorā, t.i. pievienojiet galvenajai lapai vēl trīs lapas: info - Par uzņēmumu; bizness - biznesa pārskats par projektu; samaksa - Maksājuma veidi. Lai to izdarītu, pārslēdzieties uz režīmu Pārejas, izpildot komandu View/Transitions. Pēc tam jums jāizvēlas sākumlapa un navigācijas panelī jānoklikšķina uz pogas Jauna lapa vai jāizmanto konteksta izvēlne, tiks pievienota Jauna lapa 1. Līdzīgi pievienojiet vēl divas jaunas lapas. Vietnes struktūra ir parādīta attēlā.

Rīsi. astoņi.

6. Jaunu lapu pārdēvēšana programmā FrontPage. Pārslēdzieties uz mapes režīmu un izmantojiet konteksta izvēlni, lai mainītu nosaukumus Jauna lapa 1 uz info, Jauna 2. lapa uz Bizness, Jauna 3. lapa uz maksāt.

Rīsi. deviņi.

7. Vietnes lapu dizaina vienotības nolūkos kopējam galvenās lapas saturu uz izveidotajām lapām info, business, pay. Lai to izdarītu, atveriet galveno lapu Lapas režīmā un izpildiet komandu "Rediģēt/Atlasīt visu" un rīkjoslā noklikšķiniet uz pogas Kopēt. Pārslēdzieties uz mapes režīmu un veiciet dubultklikšķi uz informācijas lapas, tā tiks atvērta lapas režīmā, pēc tam noklikšķiniet uz pogas Ievietot. Galvenās lapas saturs tiks kopēts uz info lapu, līdzīgi mēs kopējam galvenās lapas saturu uz pārējām divām lapām.

• Mājas;
• Par uzņēmumu;
• Projekta biznesa apskats;
• Maksājuma veidi.

Piemēram, atlasiet navigācijas vienumu "Projekta biznesa pārskats" un izmantojiet konteksta izvēlni, lai atvērtu dialoglodziņu Hipersaites pievienošana, atlasiet business.htm un noklikšķiniet uz Labi. Tāpat mēs izveidojam hipersaites visiem navigācijas vienumiem visās lapās. Attēlā parādīts dialoglodziņa Hipersaites pievienošana fragments.

Rīsi. 10.

10. Pievienojiet un aizpildiet metatagus (starp tagiem un) lapās: "Par uzņēmumu"; "Projekta biznesa apskats"; "Maksājuma veidi" koda režīmā.

Piemēram, lapā Par atzīmes tiek aizpildītas šādi:

11. Lapu nosaukumu pārdēvēšana režīmā Transitions. Atlasiet lapu un izmantojiet konteksta izvēlni, lai to pārdēvētu:

• jauna lapa 1 pārdēvēta uz "Par uzņēmumu".
• jauna 2. lapa pārdēvēta uz "Projekta biznesa apskats".
• jauna 3. lapa pārdēvēta uz "Maksājuma veidi".

Izstrādes rezultātā mēs iegūsim vietni, kas sastāv no četrām tīmekļa lapām. Šī vietne, kas izveidota, izmantojot FrontPage failu sistēma Datoru var mitināt tīmekļa serverī internetā vai iekštīklā.

Lai izveidotu savu vietni FrontPage, lejupielādējiet.

Vienkārša tīmekļa lapa pakalpojumā Frontpage ir parasta tabula ar daudzām šūnām. Šajās šūnās ir teksti, attēli, video un viss, ko mēs redzam vietnēs. Piemēram, ja jūs uzzīmējat šo lapu kā blokshēmu, tad tā izskatīsies šādi.

Vienkārša tīmekļa lapa pakalpojumā Frontpage

Tīmekļa lapas struktūra ir vienkārša. Augšpusē ir vietnes nosaukums, tieši zem tā ir horizontāla izvēlne. Labajā pusē ir vertikāla izvēlne, bet apakšā ir kājene. Centrā ir vietnes "ķermenis". Šie ir galvenie elementi visparastākajā vietnes lapā.

Starp citu, jūs tagad atrodaties tieši tajā pašā tīmekļa lapā. Kā redzat, tā struktūra ir ļoti vienkārša. Šeit viss ir pie rokas. Noklikšķinot uz horizontālās vai vertikālās izvēlnes, jūs tiksit pārsūtīts uz citām vietnes lapām.

Tie ir izveidoti arī vienkāršākās tīmekļa lapas līdzībā, par kuru mēs runājām iepriekš. Veltiet laiku vietņu pārdošanas skolas bezmaksas kursu apskatei un uzzināsiet, cik ātri un vienkārši vienā vakarā varat izveidot lapu un pat mājaslapu!.

Vietnes galvene

Vietnes galvenē parasti atrodas vietnes nosaukums, attēls vai logotips. Vietnes galvenes mērķis ir informēt apmeklētāju, kuru vietni viņš ir apmeklējis. Ir ļoti svarīgi, lai nosaukums precīzi atbilstu vietnes saturam.

Vietnes galvene

Vietnes izvēlne

Horizontālajā izvēlnē atrodas tematiskās sadaļas vai virsraksti. Tās pamatā ir saites, kas ved uz citām vietnes lapām.

Vietnes horizontālā izvēlne

Vietnes pamatteksts

Šī ir vietnes galvenā daļa., kurā ir visa pamatinformācija. Tas ir vietnes pamattekstā, kurā jūs pašlaik lasāt šo rakstu.

Vietnes vertikālā izvēlne

Vertikālā izvēlne, kā arī horizontālo, tiek izmantots, lai pārvietotos vietnē. Vertikālā izvēlne tiek veidota jautājumu vai jebkuras interesantas un noderīgas informācijas veidā, kas varētu interesēt apmeklētājus.

Vietnes kājene

Vietnes kājene atrodas pašā tīmekļa lapas apakšā. Šeit ir informācija par autortiesībām un kontaktinformācija.

Vietnes Footerin sākumlapa

Apkopojot

Tagad jūs zināt, no kā tas sastāv vienkārša tīmekļa lapa. Lapas struktūrā nav sarežģītu un nesaprotamu elementu. Tagad ir pienācis laiks iegūtās zināšanas likt lietā. Ejam uz priekšu. Nākamajā sadaļā jūs izveidosit

Ar attīstību Internets parādījās informācijas apmaiņas protokols, protokolu sauc HTTP (hiperteksta pārsūtīšanas protokols)- hiperteksta pārsūtīšanas protokols. Kopā ar šo protokolu pakalpojums Globālais tīmeklis(bieži sauc www vai vienkārši Web), kas ir plašs serveru tīkls HTTP failu pārsūtīšana, izmantojot Internets.

Lielākā daļa no šiem failiem ir Web lapas- speciālie faili, kas rakstīti valodā HTML (hiperteksta iezīmēšanas valoda hiperteksta iezīmēšanas valoda). Web lapas publicēts Internets ievietojot šādus failus serveros HTTP (tīmekļa vietnes). Saturs Web lapas var būt dažādas un veltītas pilnīgi patvaļīgām tēmām, taču tās visas izmanto vienu un to pašu pamatu – valodu HTML.
Lielākā daļa cilvēku, kas vēlas izveidot savu vietni vai lapu, pārzina valodu HTML tikai baumas. Tāpēc viņiem var palīdzēt programma. Microsoft priekšlapa, viens no slavenākajiem vietņu veidotājiem.

FrontPage, iekļauta lietojumprogrammas pakotnē Microsoft Office, bija pirmais produkts, kas tika plaši izmantots Internets, kas apvieno klienta un servera daļas un nodrošina iespēju izstrādāt vietni kopumā un instalēt to populārākajos serveros. sākuma lapa spēj uzņemties visus nepieciešamos programmēšanas darbus. Tomēr sākuma lapa kļūs par diezgan nopietnu palīgu profesionāliem izstrādātājiem, kuri dod priekšroku turēt rokās pilnīga kontrole pār radošo procesu.

Programmas logs sākuma lapa 2003.

Programma sākuma lapa atbrīvo uzņēmums Microsoft un izgatavoti tādā pašā stilā kā iepakojumā iekļautie produkti Microsoft Office, tāpēc programmas izskats ir gandrīz tāds pats kā tekstapstrādes programmai Vārds .

Loga augšdaļā ir izvēlņu josla un divas rīkjoslas: Standarts un formatēšana. Iespējot vai atspējot rīkjoslu attēlošanu Skatīt izvēlni.
Kreisajā pusē ir Skata panelis, ar kuru var pārslēgt dokumentu režīmus.
Loga galveno daļu aizņem darba zona, kurā var atvērt vienu vai vairākus logus, kuros ir atsevišķi dokumenti.
Loga apakšā ir statusa josla kas satur fona informācija. Arī loga apakšā ir trīs pogas dokumenta apskatei.
Parādīt rīkjoslas.
Lai pārvaldītu rīkjoslas sākuma lapa jūs varat izmantot tās pašas metodes, kas norādītas Microsoft Word. Proti:
izvēlnē Skatīt tev ir jāizvēlas Vienumu rīkjoslas, un atvērtajā jaunajā apakšizvēlnē - instalēt karogi pretī tām rīkjoslām, kas jums nepieciešamas; vai noklikšķiniet ar peles labo pogu noklikšķiniet jebkuram vadības paneļi(vai tai blakus esošo apgabalu) un tādā pašā veidā izmantojiet kontekstizvēlni.

sākuma lapa tāpat kā citas lietotnes Microsoft Office, ļauj pievienot, noņemt, apmainīt izvēlnes vienumus un pogas rīkjoslās. Ir iespējams arī pilnībā izveidot savus paneļus.
Šim nolūkam jums ir nepieciešams:

AT Servisa izvēlne izvēlēties Vienuma iestatījums…
vai
iekšā Skatīt izvēlni izvēlēties Vienumu rīkjoslas, un parādītajā kaskādes izvēlnē - Vienuma iestatījums…
Jūsu darbību rezultātā tiks atvērts dialoglodziņš. Iestatījums kur var uzstādīt nepieciešamos paneļus.

Jauna izveide Web lapas.

Ja esi skrējis sākuma lapa nozīmē jaunu Web lapa jūs jau esat izveidojis (startēšanas laikā sākuma lapa uzreiz atver jaunu tukšu Web lapa, gatavs ievietot tekstu un citus elementus).
Izveidojiet jaunu tīmekļa lapa var izdarīt citos veidos:

Ar pogu Jauna lapa ieslēgts standarta panelis instrumenti.
Failu izvēlne atlasiet apakšizvēlni Izveidot, un tad - Lappuse vai tīmekļa vietne;
ar kombinācijām Ctrl+N;
caur konteksta izvēlne(darbojas visos režīmos, izņemot režīmus Uzdevumi un atskaites) - par šo iekšpusi mapju saraksts dots Web) ar peles labo pogu noklikšķiniet un parādītajā konteksta izvēlnē atlasiet vienumu. Izveidot  lapu.

Lapu izveide, izmantojot vedni un veidnes.

Kā minēts iepriekš, ja izmantojāt izvēlni, lai izveidotu jaunu lapu Fails  Jauns  Lapa vai vietne, tad sākuma lapa tiek piedāvāts izmantot veidni, lai izveidotu jaunu lapu.
Lai to izdarītu, tiks atvērts dialoglodziņš, kura izskats ir norādīts zemāk:

Uz cilnes Ģenerālisšajā dialoglodziņā tiek parādīts veidņu saraksts sākuma lapašobrīd pieejams. Atlasot kādu no veidnēm, varat skatīt tās aprakstu Lauka paraugs.
Radīšana Sākumlapa Web.
Microsoft priekšējās lapas tīmeklis ir komplekts Web lapas, attēlu faili un citi komponenti, kurus var skatīt kā vienu vienību.
Ja izveidojat vietni sākuma lapa, tad tā uzglabāšanai to ir visērtāk lietot Sākumlapa Web.
Vissvarīgākais plus ir iespēja pārdēvēt tajā iekļautos failus Sākumlapa Web.
Iedomājieties, ka pirms savas vietnes publicēšanas Internets jūs pēkšņi pamanījāt, ka pāris failiem esat nosaucis krievu vārdus. - "Tagad jums būs jākāpj pa visiem failiem un jāmaina saites ar rokturiem!" duamete tev.Tieši tur tas palīdzēs Sākumlapa Web- varat droši pārdēvēt failus un sākuma lapa tas patstāvīgi izies cauri visiem pārējiem failiem, kas iekļauti Sākumlapa Web un pārdēvējiet visas atsauces uz laboto failu.
Visas pārējās priekšrocības neaprakstīšu, bet to gribu teikt, lai izmantotu visas iespējas sākuma lapa, tad labāk izmantot Sākumlapa Web.
Tātad, lai izveidotu jaunu Sākumlapa Web noklikšķiniet uz bultiņas, kas atrodas pa kreisi no pogas Jauna lapa rīkjoslā un parādītajā nolaižamajā izvēlnē atlasiet vienumu Tīmekļa vietne…

Web lapu atvēršana.

Ļoti bieži, veidojot vietni, ir jārediģē jau izveidota Web lapas. Varat atgriezties tajā pašā lapā tik reižu, cik vēlaties, lai to rediģētu vai izmantotu tās daļas, lai izveidotu jaunas. Web lapas.

Atveriet esošu tīmekļa lapa iespējams jebkurā no esošajiem režīmiem.

Ārpus režīma Lapu skatījumi Ir četri veidi, kā atvērt esošu lapu:

1 veids

Ja strādājat ar Sākumlapa Web pēc tam vienkārši atlasiet vajadzīgo failu Mapju saraksts un veiciet dubultklikšķi uz tā.

2 virzienu

Izvēlnē Fails atlasiet Jaunākie faili . Parādītajā nolaižamajā izvēlnē atlasiet vajadzīgo failu.

3 ceļi

Izmantojot dialoglodziņu Atvērt failu: Fails  Atvērt.

Priekšskatījums.

Lai redzētu, kā jūsu lapa izskatās tieši pārlūkprogrammā, rediģēšanas režīmā varat izmantot cilni Priekšskatījums Web lapas. Bet šajā gadījumā var izrādīties, ka pārlūkprogramma sākuma lapa netiks pareizi parādīti daži jūsu elementi lapas tāpēc vislabāk ir:
izmantojiet pogu rīkjoslā
vai iekšā Failu izvēlne atlasiet vienumu Priekšskatījums r pārlūkprogrammā.

Ja izmantojāt pirmo metodi, jūsu lapas saturs tiks parādīts iebūvētajā pārlūkprogrammā sākuma lapa.
Ja izmantojat otro metodi, tad sākuma lapa parādīsies dialoglodziņš Skatīt pārlūkprogrammā...

Šeit jūs varat:
Atlasiet pārlūkprogrammu, kurā vēlaties skatīt savu tīmekļa lapa. Kā likums, sākotnēji tiek parādīts šeit pārlūkprogramma, kas jūsu datorā ir instalēts pēc noklusējuma.
Pievienojiet jebkuru citu pārlūkprogrammu, kurai ir jāizmanto poga Pievienot.
Rediģējiet vai noņemiet instalētās pārlūkprogrammas.
Iestatiet ekrāna izmēru, kurā vēlaties Web lapa

Saglabāšana Web lapas.

Noklusējums sākuma lapa vārda vietā lapas paņem pirmo teksta rindiņu no jūsu lapas. Tas ne vienmēr ir tas, kas vajadzīgs. Lapas nosaukumu var mainīt, izmantojot Rediģēšanas pogas- noklikšķinot uz šīs pogas, tiek atvērts dialoglodziņš Vārds lapas kur var mainīt nosaukumu lapas.

Noņemšana tīmekļa lapas.

Strādājot ar tīmekļa vietne agri vai vēlu notiks tā, ka dažas lapas vairs nebūs vajadzīgas un gribēsies tās dzēst.

Ir trīs veidi, kā noņemt Web lapas.

1 veids

Panelī Mapju saraksts atlasiet failu, kuru vēlaties dzēst, un noklikšķiniet uz pogas Dzēst uz tastatūras.

2 virzienu

Panelī Mapju saraksts ar peles labo pogu noklikšķiniet uz failu(vai ikona failu), kuru vēlaties dzēst, un parādītajā konteksta izvēlnē atlasiet Dzēst.

3 ceļi

AT Sarakstu panelis mapes atlasīt failu jāizdzēš, un pēc tam atlasiet Dzēst no izvēlnes Rediģēt.

Darbs ar tekstu.

No pirmā acu uzmetiena teksta ievadīšana sākuma lapa neatšķiras no teksta ievadīšanas jebkurā teksta redaktorā (piemēram, in Microsoft Word).
Lai rakstītu tekstu, vienkārši noklikšķiniet jebkurā lapas vietā, un kursors tiks novietots tuvākajā vietā, kur varat ievadīt tekstu.
Iestatiet lielos burtus, teksta rediģēšana (rakstzīmju dzēšana, teksta ievietošana utt.) tiek veikta tāpat kā Microsoft Word.
Ir tikai viens mazs BET: kad noklikšķināt Ievadiet taustiņus iekšā sākuma lapa tiek veikta kursora piespiedu pāreja uz jaunu rindu, savukārt fiksētas rindkopas atkāpes tiek novietotas pirms un pēc rindkopas.
Ja jums nav jāveido rindkopas, vislabāk ir izmantot īsinājumtaustiņu, lai pārietu uz jaunu rindu Shift+Enter.

Darbs ar attēliem.

Grafiskie formāti iekšā Web.

Visi datora attēli, visi to glabāšanas formāti (un līdz ar to visas to apstrādes programmas) ir sadalīti divās lielās klasēs - vektors un rastrs. vektora attēls sastāv no objektiem – ģeometriskām formām, ko veido līnijas, loki, apļi un Bezjē līknes. Priekšrocības vektorgrafika daudz. No dizainera viedokļa tā vissvarīgākā priekšrocība ir tā, ka vektorgrafiku var "savīt" pēc saviem ieskatiem, nebaidoties "izslaucīt caurumu" attēlā vai pazaudēt daļu informācijas. Vēl viena priekšrocība ir failu mazais izmērs (salīdzinājumā ar bitkartes) un neatkarību no izvadierīču izšķirtspējas (vai tas būtu printeris vai monitora ekrāns). Šie faktori ir radījuši vektorgrafika iespējams, ka paredzēts lietošanai Internets. Tiesa, ir vērts pieminēt, ka šobrīd vektorgrafika nav tik izplatīta, kā mēs vēlētos.
Tomēr starp faktiski izmantotajiem vektoru formātiem es vēlētos atzīmēt formātu Shockwave flash ar Macromedia. Lai skatītu šo formātu pārlūkprogramma nepieciešams spraudnis iespraust), ko uzņēmums brīvi izplata Macromedia. Līdz šim ir gan vietnes, kas pilnībā un pilnībā izveidotas, izmantojot šo tehnoloģiju, gan izmantotās vietnes Flash formāts tikai daļēji.
Grafikas rastra attēlojuma pamatā ir rastra jēdziens. Rastrs ir objektu (šajā gadījumā pikseļu) kolekcija, kas novietota tajās pašās rindās un kolonnās. Tie. rastra datora fails var uzskatīt par mazu krāsainu vai pelēku kvadrātu kopumu, kas veido attēla mozaīku. Jo šo kvadrātu izmērs ir acīmredzami mazs, tad skatoties rastra grafiku, šie kvadrāti saplūst viens ar otru, veidojot nepārtrauktu krāsu maiņu.

Rastra attēlu uzglabāšanas formātam ir gan priekšrocības, gan trūkumi. Viena no lielajām rastra grafikas priekšrocībām ir iespēja strādāt ar pustoņiem, t.i. iespēja pārraidīt attēlu tieši tā, kā tas izskatās reālajā dzīvē. Bet starp trūkumiem galvenā problēma ir faila lielums. Protams, jo vairāk pikseļu tiek atvēlēts veidošanai Attēli, jo augstāka ir pārraidītā kvalitāte Attēli, taču arī faila izmērs būs lielāks.
Ja tagad atgriežamies pie pārlūkprogrammām, tad varam teikt, ka lielākā daļa pārlūkprogrammu bez problēmām var attēlot četru formātu grafiskos failus (* .gif, *.jpg, *.png, *.bmp), no kuriem šobrīd vislabāk ir izmantot divus - * .gif un *.jpg. Un pat pēc sākotnējās optimizācijas.
Ieslēgt attēlus tīmekļa lapa.
Iegult attēlu savā tīmekļa lapa var izdarīt vairākos veidos:
1. Velciet attēlu no Windows Explorer(tas ir, tieši no pētnieka).
2. Velciet attēlu no Internet Explorer .
3. Velciet attēla failu no paneļa Mapju saraksts, tieši lapā.
4. Izmantojot starpliktuvē- kopējiet attēlu starpliktuvē no jebkuras citas programmas un pēc tam lapā ielīmējiet to no starpliktuves.
5. Izmantojot Pievienot pogas zīmēšana no faila rīkjoslā Standarta.
6. Izvēlnes izmantošana Ievietot  Zīmējums.
Apskatīsim šīs metodes sīkāk:
1. metode
Windows Explorer(tas ir, tieši no pētnieka), jums ir nepieciešams:
iekšā sākuma lapa
atveriet pētnieka logu;
pārlūkprogrammas logā atlasiet failu ar attēlu, kuru vēlaties ievietot savā lapā;
peles kreiso pogu velciet attēla failu uz savu tīmekļa lapa Attēls tiks ievietots vietā, kur lapā atradās ievietošanas punkts.
2. metode
Lai vilktu attēlu no Internet Explorer nepieciešams:
iekšā sākuma lapa atveriet lapu, kurai vēlaties pievienot attēlu;
iekšā pārlūkprogramma atveriet attēlu, kuru vēlaties ievietot savā tīmekļa lapa pārlūkprogramma Faila nosaukumam jābeidzas ar jpg, jpeg, gif);
peles kreiso pogu velciet atlasīto attēlu uz savu tīmekļa lapa;
3. metode
Lai velciet failu ar paneļa attēlu Saraksts mapes, tieši tajā lapā, kas jums nepieciešama:
iekšā sākuma lapa atveriet lapu, kuru vēlaties pievienot attēlu;
panelī atlasiet vajadzīgo attēla failu Mapju saraksts;
peles kreiso pogu velciet atlasīto attēlu uz savu tīmekļa lapa;
Atlasītais attēls tiks ievietots vietā, kur lapā atradās ievietošanas punkts.
4. metode
Lai ievietotu attēlu savā tīmekļa lapa izmantojot starpliktuvi, jums ir nepieciešams:
lietojumprogrammā, no kuras vēlaties kopēt attēlu, atlasiet attēlu un izmantojiet taustiņus ctrl+c kopējiet attēlu starpliktuvē;
uz viņa tīmekļa lapa ielīmējiet šo attēlu no starpliktuves, izmantojot īsinājumtaustiņus Ctrl+V
5. metode
tīmekļa lapa jūs nolemjat izmantot pogu Pievienot attēlu no faila rīkjoslā Standarta, tad sākuma lapa tiks atvērts dialoglodziņš Bilde.
Šajā dialoglodziņā norādiet attēla failu, kuru vēlaties pievienot savam tīmekļa lapa un nospiediet pogu Ievietot.

6. metode
Ja vēlaties ievietot attēlu savā tīmekļa lapa jūs nolemjat izmantot izvēlni Ievietot  Zīmējums, tad sākuma lapa liks jums izdarīt turpmāku izvēli:

Bildes… - izvēloties šo izvēlnes vienumu, jūs varat izmantot gatavo attēlu bibliotēku.
No faila... - izvēloties šo izvēlnes vienumu, jūs varat manuāli norādīt attēla faila atrašanās vietu, kuru vēlaties pievienot savam tīmekļa lapa(izmantojot šo vienumu, tiks atvērts dialoglodziņš Bilde, darbs, ar kuru tika aprakstīts iepriekš).
Izveidojiet fotoattēlu kolekciju… - izmantojot šo izvēlnes vienumu, varat izveidot attēlu kolekciju noteiktā stilā. Šim nolūkam atvērtajā logā Īpašības foto kolekcijas ar pogu Pievienot cilne Zīmējumi atlasiet attēlus un cilnē Izkārtojums izvēlieties formātu.
Multivides failu pievienošana.

Papildus vienkāršai grafikai, piemēram, attēli formātos * .gif, *.jpg, *.png utt. sākuma lapaļauj izlikt ziņas savā tīmekļa lapas multivides faili. Tie ietver: videoklipus, skaņas…

Lai iegultu videoklipu, tas ir nepieciešams Ievietot izvēlni atlasiet vienumu Bilde, un tad Video ieraksts...

Tiks atvērts dialoglodziņš. loga video, tajā tiks parādīti videoklipi * .avi, *.asf, *.ram, *.ra.

Pievienot skaņu tīmekļa lapa dialoglodziņa cilnē Vispārīgi Lapas rekvizīti.

Darbs ar galdiem.

Tabula- viens no jaudīgākajiem rīkiem, ko izmanto vietņu izveidei.
Sākotnēji tabulas izmanto tikai strukturētu datu attēlošanai. Tomēr tie pakāpeniski ir kļuvuši par spēcīgu vispārīgu izkārtojuma rīku. tīmekļa lapas.

Tabulu veidošana

Vieglākais veids tabulas izveide- izmantojiet pogu Pievienojiet tabulu atrodas rīkjoslā Standarta.
Vēl viens veids ir ar palīdzību izvēlne Tabula  Ievietot  Tabula.
Kā arī tabula var zīmēt un ielīmēt, izmantojot starpliktuvi.

Datu ievade un navigācija tabulā.

Viena no lieliskajām tabulu īpašībām ir tā, ka ievadītais teksts šūnā tiek formatēts tādā pašā veidā, kā mēs esam pieraduši to formatēt visā dokumentā. Šūnā ievietotais teksts tiek automātiski aplauzts jaunā rindā, ja tā garums pārsniedz kolonnas platumu. Kad nospiežat taustiņu Ievadiet, kā parasti, tiek ievietota jauna rindkopa. Teksts vai cipari tiek ievadīti tabulā no tastatūras.

Pirms datu ievadīšanas tabula, jums ir jānovieto teksta kursors vajadzīgajā šūnā tabulas. To var izdarīt, noklikšķinot uz tā ar peli.

Tomēr ērtāk ir izmantot īsinājumtaustiņus, lai pārvietotos starp šūnām:
Tastatūras īsinājumtaustiņi: darbība:

Tab jebkurā tabulas vietā, izņemot pēdējās rindas beigas, pārejiet uz nākamo šūnu un atlasiet tās saturu
Tab pēdējās rindas beigās pievienojiet jaunu rindu tabulas apakšā
Shift+Tab pārejiet uz iepriekšējo šūnu un atlasiet tās saturu
Ievadiet sāciet jaunu rindkopu
Ievadiet pirmās šūnas sākumā pievienojiet tekstu pirms tabulas dokumenta sākumā

Veidlapu veidošana un pielietošana.

Veidlapas ir teksta lauki, radio pogas, izvēles rūtiņas, pogas un daudzas citas vadīklas. Pietiek, ja vietnes apmeklētājs vienā vai citā teksta laukā ievada kādu informāciju, no piedāvātā saraksta izvēlas dažus datus, noklikšķiniet uz pogas Sūtīt, lai dati tiktu nosūtīti uz tīmekļa serveris apstrādei (vai apstrādātai turpat lapā).

Iepazīsimies - lūdzu, aizpildiet šādus laukus:
Tavs vārds:

Tavs uzvārds:

Jūsu dzimšanas datums: gads mēnesis diena

Paldies! Un tagad - ceļā!
1. Mazs, bet veikls.
Kur notiek, tur pavēl.
Ieies teltī -
Varonis apgriezīsies.
Kas tas ir?
Blusu muša Nerātns bērns
2. Izspiedušās acis sēž,
runā franču valodā,
Lēkā kā blusa
Peld kā cilvēks.
Par ko mēs runājam?
Kaķis vardes papagailis

3. Kā ronis elpo pēc niršanas zem ledus?

4. Kāpēc lielie bruņurupuči raud?

5. Kādu apģērbu var vilkt siļķe?
Kažokādas veste
6. Kuru sauc par "upes zirgu"?
Ūdra nīlzirgs krokodils

7. Kādi putni neperē cāļus?

8. Kādi putni nevar lidot?

Ja jums ir jāizvēlas vairākas atbildes, nospiediet un turiet taustiņu ctrl un ar peles kreiso pogu noklikšķiniet uz vēlamās atbildes

Bet veidojot formas pašā lappusešī ir tikai puse darba. Tā kā ir jābūt programmai, kas var apstrādāt lietotāja ievadītos datus, izmantojot formas.
Šāda programma var tikt mitināta serverī; tas var būt tavā tīmekļa vietne kā atsevišķu failu, vai arī to var vienkārši ierakstīt kodā html uz tava tīmekļa lapa.
Tieši viņa nosaka, kas notiks ar lietotāja ievadīto informāciju:

informāciju var pievienot datu bāzei un dažādus grafikus, uz tās pamata veidot vērtējumus...;
informāciju var nosūtīt pa e-pastu (to bieži izmanto, lai iegūtu informāciju par lietotāju dažāda veida anketās);
informāciju var apstrādāt turpat uz vietas un Jūsu vietnes apmeklētājs uzreiz saņems atbildes informāciju (piemēram, viņš saņems punktus par testu, skatiet informāciju, ko viņš ievadījis viesu grāmatā...).

Attiecībās veidlapas ir vairāki pamatnoteikumi:

1. Katrs formā aizņem noteiktu platību Web lapas. Uz viena tīmekļa lapa var atrast vienu vai vairākas veidlapas.
2. Katrā veidlapā ir jābūt vismaz vienam no formas elementiem (lai gan parasti tie ir vairāki).
3. Katrs vienums veidlapas ir vārds un nozīme. Nosaukums identificē ievades lauku, un vērtība tiek iestatīta uz lietotāja atlasīto vērtību.
4. Vienam no formas elementiem (tā var būt parasta poga vai jebkurš attēls) jādarbojas kā pogai Sūtīt.

Veidlapu izveide iekšā sākuma lapa.
Lai pievienotu veidlapu tīmekļa lapa, nepieciešams:

Novietojiet kursoru vietā, kur vēlaties ielīmēt formā.
AT Ievietot izvēlni izvēlēties Vienuma forma, atvērtajā izvēlnē atlasiet vēlreiz Vienuma forma. Veidlapa tiks novietots uz jūsu tīmekļa lapa- parādīsies apgabals, kas atzīmēts ar punktētu rāmi ar divām pogām: Sūtīt un atiestatīt.
Izmantojot to pašu punktu Ievietošanas izvēlne  Veidlapa secīgi ievietojiet vajadzīgos elementus veidlapas atlasot tos nolaižamajā kaskādes izvēlnē (atceroties, ka visi veidlapas elementi tiek ievietoti formas apgabalā, kas atzīmēts ar punktētu rāmi).
Pēc formā radīts, atliek tikai to aizpildīt ar saturu – elementiem veidlapas, teksts, attēli, tabulas… (ar izmēriem veidlapas mainīsies automātiski).
Pievienojiet saturu veidlapas iespējams parastajā veidā. Piemēram, tekstu var ierakstīt vai ielīmēt no starpliktuves... Visas darbības ar pievienotajiem objektiem ir līdzīgas.
Tomēr formas izveide- tas ir tikai darba sākums. Pēc tā izveides jums ir jākonfigurē rekvizīti, jo visvairāk veidlapas, kā arī tā elementi.

Veidlapas rekvizītu iestatīšana.

Lai apstrādātu vai saglabātu apmeklētāju ievadītos datus Web lapas, ir nepieciešams vai nu izmantot iespējas, ko sniedz FrontPage servera paplašinājumi, vai kāda cita programma, kurā darbojas tīmekļa serveris.
Bet neatkarīgi no tā, kuru programmu izvēlaties, jums joprojām ir jāiestata formas un tajā esošo elementu īpašības.
Lai atvērtu veidlapas rekvizītu logu:
iekšā Ievietot izvēlni izvēlēties Vienuma forma, un tad -
vai
izsauciet veidlapas konteksta izvēlni un atlasiet vienumu atvērtajā konteksta izvēlnē Veidlapas rekvizīti.
Tā rezultātā tiks atvērts dialoglodziņš. Veidlapas rekvizīti.

1. Iekš Saglabāt lauku rezultātus, jānorāda, kas tiks darīts ar ievadītajiem datiem formā. Varat izvēlēties kādu no tālāk norādītajām opcijām.
o Sūtīt faila nosaukumu- dati tiks ievietoti norādītajā failā tīmekļa serveris. Šis fails var būt tīmekļa lapa, kas laika gaitā kļūs arvien garāks, vai datu fails, ko pēc tam var apstrādāt Excel, Access vai jebkura cita programma;
o Pasta adreses nosūtīšana- šajā gadījumā katru reizi, kad apmeklētājs noklikšķina Web lapas Sūtīt uz pogām formā tiks ģenerēts e-pasts un nosūtīts uz jūsu norādīto adresi. Šajā ziņojumā būs visi dati, kurus lietotājs ir ievadījis Web lapa.
o Datu bāzē- šajā gadījumā dati veidlapas tiks nosūtīts uz datu bāzi. Pamatnei jābūt uzvilktai tīmekļa serveris(vai jābūt viņam pieejamam).
2. Iekš Rekvizītu lauks veidlapā, jānorāda veidlapas nosaukums
Skatīšanas režīmi sākuma lapa.
sākuma lapa piedāvā sešus dažādus satura skatīšanas režīmus vietne:

Lappuse,
mapes,
atskaites,
pārejas,
hipersaites,
Uzdevumi.
Lai izvēlētos vajadzīgo režīmu, varat izmantot skata panelis kas atrodas ekrāna kreisajā pusē vai izvēlnē Skatīt rīkjoslā Standarta atlasiet atbilstošo izvēlnes vienumu.

Lappuse
Šis režīms veido un rediģē tīmekļa lapas.Šeit jūs varat izveidot tukšu Web lapas un uz veidnēm balstītas lapas, lai lapām piešķirtu motīvus (lapu prezentācijas stilu kopa ekrānā). Šajā režīmā varat pievienot un formatēt tekstu, stilu lapas izmantojot grafiskos un video attēlus (vairāku grafisko formātu konvertēšana uz * .gif, *.jpg un *.png), pievienojiet lapai audio, sniedziet informāciju tabulās, rāmjos un formās un visbeidzot izveidojiet hipersaites. Šis nav pilnīgs iespēju saraksts. sākuma lapa satura rediģēšanai Web lapas.
Mapes
Šajā režīmā varat apskatīt struktūru tīmekļa vietne(faili un mapes) un pārvaldiet to tādā pašā veidā, kā to darāt Windows, šis režīmsļauj iegūt detalizētāku informāciju par failiem un mapēm, nekā tiek nodrošināts skata režīmā Lappuse.
Pārskati
Nodrošina jūs ar vairāk nekā duci pārskatu, kas satur dažādu informāciju par tīmekļa vietne, atvērts laikā FrontPage.
Pārejas
Paredzēts vietnes hierarhijas skatīšanai. Šajā režīmā jūs varat manipulēt ar hierarhiju, velkot taisnstūrus (katrs attēlo konkrētu tīmekļa lapa).
Hipersaites
Parāda hipersaišu sistēmu, kas saista lapas kopā tīmekļa vietne(kā arī hipersaišu sistēma uz citiem mezgliem), nodrošina to integritātes pārbaudi un spēju mainīties.
Uzdevumi
Šis režīms ir paredzēts uzdevumu pārvaldībai tīmekļa vietne(pievienošana, dzēšana, izpilde, izpildes prioritātes iestatīšana, kā arī uzdevumu statusa izsekošana).

Bezmaksas lejupielāde sākuma lapa varat sekot šai saitei:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

Programma, ar kuru var pavisam vienkārši izprast tīmekļa lapu veidošanas pamatprincipus, kurai ir plašs papildus rīku klāsts sarežģītu tīmekļa vietņu, portālu veidošanai.

Īsi par Microsoft FrontPage

Tas ir viegli apgūstams un lietotājam draudzīgs tīmekļa redaktors vietņu izstrādei, sagatavošanai un publicēšanai. Pateicoties integrācijai ar MS Office produktu saimi, pazīstamajam interfeisam un veidņu pārpilnībai, programma ļauj ātri apgūt darbu pat iesācējiem, kuri ir iepazinušies ar MS Word darba pamatiem. Tajā pašā laikā FrontPage nevar saukt par risinājumu "manekeniem": programma nodrošina plašu funkcionalitāti un dažādus rīkus tīmekļa lapu optimizēšanai.

Jāpiebilst, ka nosaukums Microsoft FrontPage pastāvēja līdz 2003. gadam, un tad tas tika papildināts ar jaunām iespējām un mainījās arī pats nosaukums. programmatūra. 2007. gadā FrontPage tika pārdēvēta par Microsoft Expression Web un 2010. gadā par Microsoft Office SharePoint Designer. Faktiski jaunajām versijām tika pievienoti daži papildinājumi, bet programmas galvenais skats tika saglabāts.

Programmas galvenie rīki

Microsoft FrontPage vispārīgs skats

Microsoft FrontPage ir daudz kopīga ar MS Word rīkiem, tāpēc daudzas pogas un izvēlnes cilnes ir arī intuitīvas, atvieglojot lapas izveides procesu. Daudzi cilvēki jau zina, kā rakstīt un formatēt vienkāršu tekstu, izveidot tabulas programmā Microsoft Word, un tādā pašā veidā lapa tiek rediģēta programmā FrontPage.

Attēlā labajā pusē parādīts programmas vispārējs skats ar standarta rīku komplektu, ar kuru var izveidot lapas veidni ar tekstu, saitēm un attēliem. Dodieties uz cilni "Skats", pēc tam uz "Rīkjoslu" un pārliecinieties, vai " Standarta", "Formatēšana" un " tabulas", ar šiem rīkiem pietiks, lai izveidotu vienkāršu lapu. No apakšas pievērsiet uzmanību cilnēm "Konstruktors", "Kods" un "Skats" - tās ir trīs dažādi režīmi kurā vienmēr var redzēt, kā izskatās izveidotā lapa.

• Noformētājā tiek ievadīti visi labojumi, drukāts un formatēts teksts, ievietoti attēli, izveidotas saites, mainītas fona un fonta krāsas tāpat kā programmā Microsoft Word.
• Cilnē "Kods" varat skatīt tā saukto HTML kodu. HTML ir standarta iezīmēšanas valoda dokumentiem globālajā tīmeklī. Lielākā daļa tīmekļa lapu tiek veidotas, izmantojot HTML valodu. Šajā cilnē varat arī rediģēt lapu, taču jums ir jāzina šī iezīmēšanas valoda. Tomēr iesācējiem ir jāveic visas izmaiņas konstruktorā, un visas HTML izmaiņas notiks automātiski.
• Cilnē "Skats" varat redzēt, kā lapa izskatās tieši pārlūkprogrammā (piemēram, Internet Explorer).

Lai iegūtu detalizētu aprakstu par citām Microsoft FrontPage izvēlnēm, pogām un funkcijām, skatiet programmas palīdzību. Lai to izdarītu, nospiediet taustiņu "F1".

Lapas veidnes izveide programmā FrontPage

Galvenās tabulas ievietošana redaktorā

Un tāpēc, lai izveidotu vienkāršu veidni, jums jāievieto tabula ar trim blokiem. Trīs bloki ir vienkāršs standarts: augšējais bloks ir vietnes nosaukumam, otrais bloks ir vietnes navigācijas saitēm, bet trešais bloks ir paredzēts tekstam, attēliem un citai informācijai lapā. Ērtības labad var ievietot vairāk galda blokus, bet tā jau ir gaumes lieta, kā, cik un kādos izmēros šos blokus izgatavot. Ir vēl viens veids, kā izveidot blokus, nevis veidojot tabulas, bet ievietojot lapās tā sauktos "div" elementus un piešķirot tiem noteiktus stilus, taču šī metode nav paredzēta jauniem tīmekļa pārziņiem, un par to var uzrakstīt atsevišķu rakstu.

1. Lai ievietotu tabulu, dodieties uz cilni "Tabula" > "Ievietot" > "Tabula" un aizpildiet laukus, kā parādīts attēlā pa labi. Jūs faktiski varat ievadīt savus parametrus, taču šai tabulai ir noteikts platums un tā stiepjas līdz 100% no ekrāna laukuma. Tādējādi tabula tiks kompakti parādīta pārlūkprogrammā.
2. Tad jums ir jāpielāgo visas trīs šūnas, jo tām pēc ievietošanas ir vienāds augstums. Ar peles labo pogu noklikšķiniet uz augšējās šūnas un augstuma laukā ejam uz "Šūnas rekvizīti", nosacīti ievadiet "150" un atzīmējiet izvēles rūtiņu "punktos", t.i. šūnas izmērs būs 150 pikseļi. Tajā pašā izvēlnē mēs varam izvēlēties šūnas fona krāsu, un, noklikšķinot uz izvēlnes "stils ...", varat veikt citus šūnas iestatījumus, piemēram, izvēlēties šūnas apmales krāsu un izmēru, varat eksperimentējiet ar šo un redziet rezultātu. Pašā šūnā varat ievadīt vietnes nosaukumu.
3. Pēc tam rediģējiet otro šūnu, kas paredzēta vietnes navigācijas saitēm. Mēs izgatavojam platumu apmēram 40 pikseļus, ar to pietiks, un citi iestatījumi, piemēram, fona krāsa un piemales, ir pielāgojami jūsu gaumei. Tālāk mēs ierakstām pašu saišu nosaukumus, atdalot tos ar vertikālām līniju zīmēm vai citu zīmi (to varat apskatīt zemāk, lejupielādējot pilnu veidni). Atlasiet testu un nospiediet centrālo izlīdzināšanas pogu, tāpat kā programmā MSWord. Tādā pašā veidā varat mainīt fontu, fonta lielumu un citus teksta iestatījumus.
4. Pielāgojiet arī pēdējo šūnu. Tas ir paredzēts galvenajam tekstam, kurā var ievadīt apsveikuma tekstu.
5. Visbeidzot, varat doties uz cilni "Fails" > "Rekvizīti", kur varat ievadīt vietnes nosaukumu un mainīt lapas vispārējo fonu un citus vispārīgos iestatījumus.

Tagad veidne ir gatava. Tas ir ietvars visām turpmākajām vietnes lapām. Lūk, kā vietne izskatās HTML kodā:

Mēs iegūstam vietnes veidni

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >Vietnes nosaukums < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Vietnes nosaukums < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >mājas | < b >2. lapa | < b >3. lapa | < b >4. lpp | < b >5. lpp | < b >Kontakti < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Galvenās lapas teksts. Šeit varat ievietot sveiciena tekstu un īsi uzrakstīt vietnes saturu.

Šo HTML kodu var nekavējoties ievietot redaktorā cilnē "Kods", un jūs uzreiz redzēsit gatavo veidni. To var modificēt un rediģēt atbilstoši jūsu vajadzībām. Šeit ir vērts precizēt, ka vietā, kur ir ievietots galvenais teksts un lai tas neatrodas tuvu laukiem, tas tika ierāmēts tagā "div" ar atkāpes iestatījumu, kā parādīts piemērā.

Papildu veidnes

1. Jums arī jāzina, ka FrontPage un citās līdzīgās programmās ir standarta veidnes, kuras varat izmantot, lai izveidotu lapas, tās ir viegli rediģēt un varat pielāgot jebkuru veidni savām vajadzībām. Lai atlasītu standarta veidni, atvērtajā logā dodieties uz cilni "Fails" > "Jauns...", atlasiet "Citas lapas veidnes", kur varat izvēlēties jebkuru sev tīkamu veidni.
2. Ir arī otra iespēja - lejupielādēt pilnu veidni no interneta. Ir daudzas vietnes, kas nodrošina šo pakalpojumu. veidnes var būt gan maksas, gan bezmaksas. Pēc šīs vai citas veidnes lejupielādes varat to rediģēt programmā, aizpildīt ar nepieciešamo saturu un mainīt šī vai tā elementa stilu.

Standarta tabulu izkārtojumu un motīvu izmantošana

Microsoft FrontPage nodrošina labus rīkus gataviem tabulu izkārtojumiem un dizaina tēmām vietņu veidošanai

Jums jāzina, ka Microsoft FrontPage ir standarta tabulu izkārtojumu un motīvu komplekts, kas var palīdzēt apgūt parasto lapu vai vizītkaršu vietņu izveides mākslu. Un tāpēc augšējā labajā stūrī ir nolaižamā izvēlne (skat. attēlu pa labi, kurā redzams arī tabulu izkārtojumu un dizaina tēmu izmantošanas rezultāts), noklikšķinot parādīsies izvēlne, kurā jāizvēlas "Izkārtojuma tabulas un šūnas" un tad zemāk parādīsies daudz dažādu tabulu izkārtojumu, jūs varat izvēlēties jebkuru pēc saviem ieskatiem un gaumes. Tādējādi jūs varat izveidot tabulu pašam manuāli.

Un tā, ierakstot vai ievietojot tabulas šūnās savu tekstu, logotipu, saites, dodoties uz to pašu izvēlni var izvēlēties izvēlni "Tēma", kurā var izvēlēties dažādas tēmas lapas noformējumam, saites, lapas fonu un daudz ko citu. Šī iespēja ir piemērota tiem, kas tikai mācās veidot tīmekļa lapas un diezgan skaidri atspoguļo vietnes izveides procesu. Citiem vārdiem sakot, programmā Microsoft FrontPage varat eksperimentēt ar dažādiem iestatījumiem un vizuāli redzēt, kā šī vai cita lapa tiek pārveidota. Šeit jūs varat sniegt vienu padomu, izpētīt visas programmas funkcijas un nebaidieties iemaksāt naudu noteiktā izvēlnē, jo katram rīkam ir savs īpašums un mērķis, lai izveidotu pilnvērtīgu lapu.

Ievietojiet attēlu un izveidojiet saites uz lapām

Iesācējiem tīmekļa pārziņiem ir svarīgi zināt, kā lapā ievietot attēlus un izveidot saites uz citām lapām. Piemēram, vietnes nosaukuma teksta vietā varat ievietot vietnes logotipa attēlu. Lai to izdarītu, vispirms noklikšķiniet laukā, kurā vēlaties ievietot attēlu, pēc tam pašā augšpusē noklikšķiniet uz cilnes "Ievietot" > "Attēls" > "No faila", atlasiet vajadzīgo attēlu un noklikšķiniet uz "Ievietot", pēc tam kurā attēls parādīsies lapā. Noklikšķinot uz attēla ar peles labo pogu, jūs varat iziet no izvēlnes ar papildu attēla iestatījumiem. Ir svarīgi, lai visi attēli būtu vienā stingri noteiktā mapē visiem attēliem.

Lai pārietu uz citām vietnes lapām, jums ir jāizveido saites, caur kurām lietotāji var apmeklēt visas vietnes lapas. Lai to izdarītu, atlasiet saitei vajadzīgo tekstu un dodieties uz cilni "Ievietot" > "Hipersaite", atvērtajā izvēlnē jānorāda lapa, uz kuru tiek veidota saite, un noklikšķiniet uz "ok". Tajā pašā logā ir arī citi saišu iestatījumi, piemēram, saites atvēršana jaunā logā vai nē. Principā to var pētīt pats.

Secinājums

Savā pamatā šie redaktori ir līdzīgi viens otram, tiem ir līdzīgas funkcijas un izvēlnes. Apgūstot pamata iestatījumi, varat viegli izveidot vietnes citos redaktoros. Apgūstot šos principus, varat pāriet uz sarežģītāku vietņu veidošanas metodi – izmantojot tā saukto CSS. Par to, kas tas ir un kā rediģēt vietnes dizainu, varat lasīt rakstā par CSS.

Šīs "veidnes" metodes trūkums ir tāds, ka katra lapa ir jāizveido atsevišķi, pamatojoties uz izveidoto veidni. Ja, tāpat kā veidojot vietnes, izmantojot tā sauktos dzinējus, nav nepieciešama atsevišķa lapu ģenerēšana, tās tiek veidotas automātiski, pievienojot saturu.

Ja jums ir kādi jautājumi par rakstu, šādu programmu izmantošanu vietņu izveidei, varat tos uzdot mūsu foruma diskusiju pavedienā.

Saistītie raksti

pilnībā sakrīt ar logu Izveidot stilu un tiek izmantots, lai mainītu atlasītā atlasītāja aprakstu. Ja tiek mainīts stils tagam no HTML tagu saraksta, šis tagu atlasītājs tiek pārvietots uz sarakstu Pielāgoti stili.

fonta stila iestatījumi.

Rindkopa… - atver dialoglodziņu Rindkopa, kas ļauj iestatīt rindkopas atkāpes (pa kreisi un pa labi) no pārlūkprogrammas loga, atkāpi pirmajai rindai, pielāgot atstarpi starp rindām un rindkopām, pielāgot atstarpi starp vārdiem rindkopās;

Border… – atver dialoglodziņu Apmales un ēnojums, ar kuru var iestatīt apmali izvēlētajai rindkopai, aizpildiet rindkopu ar jebkuru

krāsa; Numerācija… - atver dialoglodziņu Saraksts, ar kuru jūs varat

izveidot numurētus, aizzīmju un citus sarakstus; Pozīcija… - atver dialoglodziņu Pozīcija, caur kuru

Jūs varat precīzi ievietot dažādus elementus lapā.

Lauks Sample (3) parāda, kā izskatīsies objekts, kuram tiks piemērots izveidotais stils.

Laukā Apraksts (4) tiek parādīts šī stila atribūtu teksta apraksts.

Izveidošanas gadījumā ir aktīva nolaižamā izvēlne Stila tips (5). klases atlasītājs. Kad ir atlasīts apzīmējuma veids, atlasītāja nosaukuma sākumā tiek pievienots vārds.

ir jākonfigurē katram

tīmekļa lapas.

Attēls 5.43 — Logu stila maiņa

5.4.3. Ārējās stila lapas.

Šajā gadījumā tiek piešķirts atsevišķs fails, lai definētu CSS stilus, uz kuriem atsaucas tīmekļa lapas. Šī pieeja:

Nodrošina centralizētu CSS stila pārvaldību visās tīmekļa lapās

(veiktās izmaiņas tiks automātiski piemērotas visām tīmekļa lapām, kurās ir saite uz failu, kas satur CSS);

tiek samazināts vietnes kopējais izmērs;

palielina tīmekļa lapu ielādes ātrumu.

Lai izveidotu ārēju failu, kurā ir kaskādes stila lapas, jāveic šādas darbības (5.44. att.).

Palaidiet komandu Fails → Jauns un atlasiet komandu Vairāk lapu veidņu…

Atvērtajā dialoglodziņā Lappuses veidnes atlasiet cilni Style Sheets (2), kurā tiek rādītas FrontPage iekļautās stila lapas veidnes.

Izvēlieties veidni, lai izveidotu savu stila lapu Parasta stila lapa(3) un noklikšķiniet uz pogas Labi.

Attēls 5.44 — ārējā stila faila izveide

Iegūtā lapa ar paplašinājumu .css ir jāsaglabā (komanda Fails→Saglabāt) kādā no vietnes mapēm ar vajadzīgo nosaukumu

ar latīņu burtiem un paplašinājumu .css .

Izveidot aprakstu priekš tagu atlasītāji un klašu atlasītāji, izmantojot komandu Format→Style..., kas atver iepriekšējā sadaļā aprakstīto dialoglodziņu Stils (5.40. att.).

Izveidotajai stila lapai jābūt saistītai ar tīmekļa vietnes lapām. Šim nolūkam tas ir nepieciešams.

Palaist komandu Formāts→Stila lapas saites... .

AT dialoglodziņš, kas tiek atvērts Savienot ar

ar kaskādes stila lapām uz tīmekļa lapām (ja tiek izmantotas vairākas kaskādes stila lapas);

Poga Rediģēt (7) atver logā Adrese atlasīto URL: (8) css fails rediģēšanai.

Nospiediet pogu OK.

Atlasītāji tiek lietoti atlasītajiem objektiem dažādos veidos:

tagu atlasītāji tiek lietoti automātiski pēc atbilstošo komandu atlases;

Piemēro klašu atlasītājus:

Atlasot tos no citiem stiliem Formatēšanas rīkjoslas nolaižamajā sarakstā Stils (5.42. att.):

Dialoglodziņa Modificēt stilu atlasot nolaižamajā lodziņā Klase:

(5.43. att.), kas tiek atvērts ar pogu Stils… no dažādiem dialoglodziņiem

(piemēram: attēla rekvizīti, tabulas rekvizīti, šūnas rekvizīti, saraksts,

Atstarpes, horizontālās līnijas īpašības).

5.5. Rāmji (rāmji) FrontPage 2003 lietojumprogrammā.

Rāmji - rīks pārlūkprogrammas loga sadalīšanai vairākās zonās

(rāmji), no kuriem katrs parāda atsevišķas tīmekļa lapas saturu. Katram apgabalam var būt savas ritjoslas, un skatīšanās ar tām neietekmē citus apgabalus. Izmantojot FrontPage 2003, varat izveidot dažādas rāmju struktūras, ievietot iekļautos rāmjus un atkarībā no

sniegtās informācijas raksturs, lai organizētu atbilstošas ​​hipersaites. Visas komandas, kas saistītas ar rāmja struktūru, tiek tulkotas ar vārdu rāmji.

Lai organizētu karkasa konstrukciju, ir nepieciešams (5.46. att.).

Attēls 5.46. Rāmju lapas izveide Izpildiet komandu Fails→Izveidot un atlasiet komandu Vairāk lapu veidņu…

(1) uzdevumrūtī Izveidot.

Dialoglodziņā, kas atver lapu veidnes, atlasiet cilni Frame page (2), kurā tiek rādītas tīmekļa lapu veidnes (3) ar rāmja struktūru,

iekļauts MS FrontPage 2003.

Izvēlieties vispiemērotāko veidni un noklikšķiniet uz pogas "OK".

Jaunā rāmja tīmekļa lapas logs (5.47. att.) tiks sadalīts daļās atbilstoši izvēlētajai struktūrai. Šī lapa ir jāsaglabā (Fails→Saglabāt) vienā no tīmekļa vietnes mapēm ar nepieciešamo nosaukumu (1) ar latīņu burtiem.

Attēls 5.47 Jauna rāmja tīmekļa lapa

1) Poga Iestatīt sākumlapu...(2) ļauj izvēlēties gatavu web-5

mājas lapas logā Hipersaites pievienošana.

2) Poga Izveidot lapu(3) ielādē rāmī jaunu tukšu tīmekļa lapu,

ko var rediģēt parastajā veidā.

Ja daži no rāmjiem ir aizpildīti, izmantojot pogu Izveidot lapu, tad saglabājot kadru lapu (Fails → Saglabāt), katra jaunā tīmekļa lapa tiek saglabāta atsevišķi (jānorāda nosaukumi ar latīņu burtiem).

Strādājot ar rāmja lapu, skata pogu joslā parādās cita poga Bez malām (4). Šis režīms rediģē saturu, kas tiks parādīts pārlūkprogrammā, ja tas neatbalsta kadru parādīšanu.

Darbs ar rāmja struktūrā iekļautajām tīmekļa lapām ir iespējams gan atsevišķi, gan caur rāmja lapu

Lai atlasītu kādu no rāmjiem, jānoklikšķina uz tā ar peles kreiso pogu. Aktīvais rāmis atšķiras no citiem ar krāsainu rāmi (5). Ja ar peles kreiso taustiņu noklikšķināsiet uz rāmja lapas ārējā rāmja, tiks atlasīta visa rāmja struktūra. Rāmja apmales var pārvietot, nospiežot peles kreiso pogu.

Lai strādātu ar atlasīto rāmi, varat izmantot izvēlnes komandas

Ietvars.

Komanda Split Frame ļauj sadalīt rāmi divās daļās vertikāli vai horizontāli.

Komanda Delete Frame noņem rāmi no rāmja lapas. Tomēr, ja tīmeklis

šajā rāmī ielādētā lapa ir iepriekš saglabāta, tā paliek mājaslapas struktūrā.

Pavēli Atvērt lapu jaunā logā atver rāmja tīmekļa lapu rediģēšanai atsevišķi no rāmja struktūras.

Pavēli Rāmja īpašums... atver dialoglodziņu

Rāmja rekvizīti , kurā var iestatīt dažādus rāmja parametrus: nosaukumu, aprakstu, izmērus, platumu un apmaļu attēlojumu, ritjoslas rekvizītus, polsterējumu.

Attēls 5.48 — iebūvēts rāmis

Vēl viena rāmju izmantošanas iespēja ir ievietot iegulto rāmi (rāmi) parastajā tīmekļa lapā (5.48. att.) ar komandu. Ievietot → Iegultais rāmis. AT

Rezultātā kursora novietošanas vietā tiek ievietots rāmis, kuru var aizpildīt divos veidos: Iestatīt sākumlapu... vai Izveidot lapu.

Noklikšķinot ar peles kreiso pogu uz rāmja malas, tiek atlasīts rāmis izmēra maiņai. Veicot dubultklikšķi ar peles kreiso pogu uz rāmja malas, tiek atvērts dialoglodziņš Iekļautā rāmja īpašības kur var iestatīt dažādas opcijas

rāmis: rāmja nosaukums, virsraksts, izmēri, polsterējums, līdzinājums, alternatīvais teksts.

rāmis (2) ļauj atlasīt rāmi, lai ielādētu jaunu objektu, noklikšķinot ar peles kreiso pogu. Sarakstā (ielādēšana tajā pašā rāmī, no kuras tika organizēta hipersaite), (ielādēšana jaunā pārlūkprogrammas logā), (ielādēšana iegultā rāmī).

5.6. Veidlapas FrontPage 2003 lietojumprogrammā.

Veidlapas ļauj kārtot teksta laukus, radio pogas, izvēles rūtiņas, pogas un daudzas citas vadīklas tīmekļa lapās. Kad lietotājs pārlūkprogrammā iesniedz aizpildītu veidlapu, visu veidlapas lauku vērtības tiek nosūtītas veidlapas apstrādātājam. Veidlapu apstrādātājs ir programma tīmekļa serverī, kas tiek izpildīta, kad vietnes apmeklētājs iesniedz veidlapu.

FrontPage 2003 atbalsta dažādas veidlapu programmas, kas tiek mitinātas tīmekļa serveros, kuros darbojas FrontPage Server

Paplašinājumi (Microsoft FrontPage servera paplašinājumi — programmu un skriptu kopa, kas atbalsta lapu izveidi programmā Microsoft FrontPage un paplašina tīmekļa servera funkcionalitāti), SharePoint Team Services versija 1.0 (Microsoft) vai Microsoft Windows SharePoint Services 2.0. Šie apstrādātāji pieņem veidlapu rezultātus un veic ar tiem dažādas darbības. FrontPage lietojumprogrammā

tiek atbalstīti arī skripti, piemēram, ISAPI, NSAPI, CGI un ASP.

Ir trīs veidi, kā izveidot veidlapu programmā MS FrontPage 2003.

1) Tukšas formas pievienošana ar pogām Sūtīt un atiestatīt, komanda

Ievietot → Veidlapa → Veidlapa.

2) Pirmā formas lauka ievietošana ar komanduIevietot → Veidlapa → Veidlapas lauks. Veidlapas apgabals ar pogām Iesniegt un Atiestatīt tiek pievienots automātiski.

3) Atlasiet un izmantojiet pieejamo veidlapas veidni vai veidlapas lapas vedni, veicot tālāk norādītās darbības.

Uzdevumu rūtī Lapas izveide(komanda Fails→Izveidot), jums ir jāatlasa

komandu Vairāk lapu veidņu… un cilni Vispārīgi.

Izvēloties vienu no veidnēm Viesu grāmata, Reģistrācijas forma, Meklēšanas lapa, Atsauksmju forma ļauj izveidot jaunu tīmekļa lapa ar standarta formu.

Veidnes izvēle Veidlapas lapas vednis palaiž veidlapas lapas vedni, lai noteiktu veidlapas elementu skaitu, veidu un saturu.

Veidlapas apgabals tiek parādīts punktētā lodziņā, kas ir redzams tikai noformējuma skatā.

Lai iestatītu formas rekvizītus, veidlapā jāiestata kursors un jāizpilda komanda Ievietot → Forma → Formas rekvizīti… vai ar peles labo pogu noklikšķiniet veidlapas apgabalā un atlasiet konteksta izvēlnes komandu Formas īpašības.... Rezultātā tiek atvērts dialoglodziņš Form Properties (1 Att.5.50), kurā tiek iestatīti dažādi formas parametri.

sadaļa Rezultātu saglabāšana(2) definē beigu scenāriju veidlapas datu apstrādei. Ja izmantojat savus scenārijus, slēdzis jāiestata citā vietā (3) un jāizvēlas no saraksta Pielāgots skripts....

Attēls 5.50. Veidlapas parametru iestatīšana

Veidlapas nosaukuma lauks: (4) kalpo

lai norādītu veidlapas nosaukumu.

Rāmja beigu poga

atver dialoglodziņu

Gala rāmis, kurā

jūs varat izvēlēties logu, no kura tiks veikts pieprasījums.

Opcijas… poga (6)

atver dialoglodziņu

Apdarinātāja opcijas

veidlapas (7). Laukā Darbība:

(8) norādiet skripta nosaukumu veidlapas apstrādei vai mailto: e-pastu, lai nosūtītu veidlapas datus uz adresi E-pasts e-pasts. Laukā Metode: (9) atlasiet datu pārsūtīšanas metodi (GET metode datu pārsūtīšanai caur adreses joslu, POST - datu pārsūtīšanas metode HTTP pieprasījuma pamattekstā). Laukā Kodēšanas veids: (10)

norāda veidlapas datu kodēšanas veidu, kad tie tiek nosūtīti uz tīmekļa serveri. Iespējamie kodēšanas veidi: application/x-www-form-urlencoded - veidlapas dati tiek kodēti kā nosaukuma un vērtību pāri, tiek izmantoti pēc noklusējuma; multipart/form -data - formas dati tiek kodēti kā ziņojums ar atsevišķām daļām katrai vadīklai lapā, ko izmanto, lai iesniegtu veidlapas, kurās ir faili; teksts/vienkāršs – veidlapas dati tiek kodēti kā vienkāršs teksts, bez vadības vai formatēšanas rakstzīmēm,

izmanto, lai nosūtītu datus uz e-pasta adresi.

Vairāk... poga (11) atvērts logs Papildu veidlapas īpašības

lai rediģētu slēptos veidlapas laukus (pogas Pievienot… , Rediģēt… ,

Dzēst).

Lai formai pievienotu veidlapas lauku, jāizpilda komanda Insert → Form

un sarakstā atlasiet vajadzīgo veidlapas lauku. Lai mainītu lauka izmēru, atlasiet to un velciet vienu no tā malām ar peles kreiso pogu. Jebkura formas lauka parametri tiek iestatīti dialoglodziņā, kuru var atvērt, veicot dubultklikšķi uz lauka ar peles kreiso pogu. Lauks Pārejas secība

nosaka secību, kādā pārlūkprogrammā tiek aizpildīti veidlapas lauki. Šajā logā esošo pogu Pārbaudīt... var izmantot tikai tad, ja izmantojat standarta veidlapu apstrādātājus FrontPage 2003. Poga Stils...

tekstuāls

izmanto, lai ievadītu īsu

ziņas, piemēram, vārdus un

elektroniski

Parametri

lauki (nosaukums, sākotnējā vērtība,

izveidota

interaktīvs

logā Tekstlodziņa rekvizīti.

5.51. attēls — veidlapas lauki

Teksts

tiek izmantoti, lai ievadītu vienu vai vairākas teksta rindiņas, piemēram, komentāru.

Šis lauks ir ritināms, kas ļauj tajā ievadīt dažāda garuma tekstus. Dialoglodziņā tiek iestatīti lauka parametri (nosaukums, sākotnējā vērtība, rakstzīmju platums, rindu skaits). Teksta lauka rekvizīti.

Faila augšupielādes lauks(3) – kalpo faila nosūtīšanai uz tīmekļa serveri noteiktā tīmekļa vietnes mapē, sastāv no lauka faila nosaukuma ievadīšanai un pārlūkošanas pogas, kas ļauj atvērt dialoglodziņu Failu atlase. Dialoglodziņā tiek iestatīti lauka parametri (nosaukums, platums rakstzīmēs). Failu augšupielādes lauka rekvizīti.

Izvēles rūtiņa (4) - kalpo elementa atlases organizēšanai, lietotājs var atzīmēt vai noņemt atzīmi no izvēles rūtiņas pēc saviem ieskatiem. Lauka parametri (nosaukums, vērtība, sākotnējais stāvoklis) tiek iestatīti dialoglodziņā izvēles rūtiņas rekvizīti.

Slēdzis (5) - kalpo atlases organizēšanai no saraksta, kurā var atlasīt tikai vienu vērtību (vairāki slēdža lauki ar vienādu grupas nosaukumu). Dialoglodziņā tiek iestatīti lauka parametri (nosaukums, vērtība, sākotnējais stāvoklis). Slēdža īpašības.

Izvēlnes saraksts(6) - palīdz organizēt atlasi no vienas vai vairāku opciju nolaižamā saraksta. Lauka aizpildīšana (pogas Pievienot…, Mainīt…, Dzēst, Augšup, Leju) un tā parametrus (nosaukums, augstums rindās,

vairākkārtējas atlases atļauja) ir iestatīti dialoglodziņā

Nolaižamās izvēlnes rekvizīti . Aizpildot lauku (pogas Pievienot…,

Rediģēt... ) atver papildu dialoglodziņu Pievienošana vai

Variantu maiņa. Šajā logā tiek norādīts varianta nosaukums (lauks Variants:),

vērtība, kas tiks nodota, iesniedzot veidlapu, ja ir atlasīta šī opcija