„Microsoft Office FrontPage 2003“ yra unikali programa, kuria naudodamiesi galite lengvai sukurti svetainę. Pagalba, daugybė paprastų, galima sakyti, standartinių programų, daro ją nepakeičiama priemone pradedantiesiems. Norėdami sužinoti daugiau apie „Microsoft Office FrontPage“ galimybes, apsvarstysime galimų komandų rinkinį.

Norėdami optimizuoti HTML tekstą, kai skelbiate puslapį, turite sukonfigūruoti nuotolinę svetainę.

1. Nuotolinio tinklalapio rodinio skirtuke Svetainė spustelėkite mygtuką Optimizuoti paskelbtą HTML tekstą.

2. Skirtuke Optimizuoti HTML pasirinkite Skelbdami optimizuokite HTML pašalindami šiuos elementus.

3. Pasirinkite norimas parinktis.

Pastabos

· „Microsoft FrontPage“ netaiko šių parametrų anksčiau tinklalapyje paskelbtiems tinklalapiams. Norėdami pritaikyti šiuos parametrus puslapyje, paskelbkite juos interneto svetainėje.

· Galite optimizuoti HTML tekstą, kai skelbiate iš vietinės nuotolinės svetainės, bet ne atvirkščiai.

· Jei pažymėsite žymės langelį Visos HTML anotacijos arba Anotacijos dinaminėse žiniatinklio šablonuose, optimizavus HTML tekstą, „FrontPage“ pašalins visą to puslapio dinaminį žiniatinklio šablono kodą. Todėl visas puslapio turinys, susietas su dinaminiu žiniatinklio šablonu, nebebus rodomas svetainės lankytojams. Naudodami žiniatinklio komponentus „Microsoft FrontPage“ galite į svetainę įtraukti daugybę funkcijų, pradedant hitų skaitikliais, kurie fiksuoja lankytojų skaičių puslapyje, iki nuotraukų kolekcijų, kurios yra grafikos rinkiniai. Yra dviejų rūšių interneto komponentai: projektavimo laiko komponentai ir peržiūros laiko komponentai. Dizaino laiko komponentai yra įrankiai, skirti kurti ir plėtoti tinklalapius. Jie yra „FrontPage“. Kai į svetainę įtraukiate dizaino laiko komponentą, pavyzdžiui, nuotraukų galeriją ar nuorodų juostą, nereikia įdiegti papildomos programinės įrangos ar serverio technologijos žiniatinklio serveryje, kuriame yra svetainė. Žiūrėjimo laiko komponentai yra prieinami svetainėse, priglobtose žiniatinklio serveriuose, kuriuose veikia „Microsoft FrontPage Server Server Server“ plėtiniai, „Microsoft SharePoint Team Services“ arba „Microsoft Windows SharePoint Services“.

· Hipersaitas yra nuoroda tarp tinklalapių ar failų. Kai svetainės lankytojas spustelėja hipersaitą, nurodytas objektas pasirodo žiniatinklio naršyklėje, atsidaro arba paleidžiamas, atsižvelgiant į objekto tipą. Pvz., Spustelėjus hipersaitą į puslapį, tas puslapis rodomas jūsų žiniatinklio naršyklėje, o spustelėjus hipersaitą avi- failas atidaromas „Windows Player“. Hipersaitų naudojimo būdai:

Eikite į failą ar tinklalapį savo vietiniame tinkle, intranete ar internete

Eikite į failą ar tinklalapį, kurį norite sukurti ateityje

Pranešimo siuntimas el. Paštu

Pradedamas failų perkėlimas, pvz., Failo atsisiuntimas arba failo siuntimas per protokolą FTP

Perėjimas prie skirtukas

Sukūrę hipersaitą, eikite juo iki tikslo ir įsitikinkite, kad jis nukreipia į norimą puslapį, programą, failą, el. Pašto adresą. Užvedę pelės žymeklį ant teksto ar grafikos, kurioje yra hipersaitas, jis pakyla į rodyklę, o tai reiškia, kad galite spustelėti elementą. „Microsoft FrontPage“ hipersaitai yra naršomi ir rodomi skirtingai, atsižvelgiant į tikslą. Sukūrus hipersaitą, jo paskirties vieta užkoduota URL (vienodo išteklių paieškos) formatu. URL nurodo protokolą (pvz., HTTP ar FTP) ir jame yra pavadinimas tinklapio serveris arba tinklo vietą, ir kelią bei failo pavadinimą, kaip parodyta lentelėje.

Hipersaitai nuotraukose ne visada matomi. Tačiau norint patikrinti, ar paveikslėlis yra hipersaitas, tiesiog reikia užvesti pelės žymeklį virš jo. Užvedus pelės žymeklį virš hipersaito, pelės žymeklis pasikeičia į ranką su padidintu rodomuoju pirštu. Galite sukurti hipersaitą kaip tekstą ar grafiką. Teksto hipersaitas yra žodis ar frazė, kuriai priskiriamas adresas URL Kelionės tikslas. Paveikslėlio hipersaitas reiškia paveikslėlį, kuriam priskirtas paskirties URL. Šis adresas gali būti priskirtas piešiniui vienu iš dviejų būdų.

· Visam paveikslui priskiriama numatytoji hipersaitas. Tokiu atveju spustelėjus bet kurią piešinio dalį, rodomas tikslinis objektas. Pvz., Mygtukas yra paveikslėlis, kuriam priskirtas numatytasis hipersaitas.

· Piešiniui gali būti priskirta viena ar kelios karštosios vietos, tai yra, galima nurodyti piešinio sritis, kurios yra hipersaitai. Piešinys, kuriame yra karštų taškų, vadinamas hipermapu. Pvz., Hipermapas gali būti grafika, vaizduojanti įvairias svetainės skiltis, pvz., Pagrindinį puslapį, katalogo puslapį ir pan. Norėdami parodyti puslapį, svetainės lankytojas spustelėja atitinkamą hipermapo plotą.

Kaip rodomos hipersaitai: žiniatinklio naršyklėse tekstinės hipersaitai paprastai yra pabraukiami ir rodomi kita spalva. Galima pasirinkti spalvas, kurios bus naudojamos žiniatinklio naršyklėje rodant hipersaitus. Naudodami standartinius HTML atributus, galite pasirinkti tris spalvas, kurios atitiktų skirtingas hipersaitų būsenas. Hipersaitas - nenaudojama hipersaitas. Aktyvi hipersaitas - šiuo metu pasirinkta hipersaitas. Aplankyta hipersaitas - hipersaitas, kurio jau buvo laikomasi. Žymė yra tam tikra vieta arba pasirinktas tekstas puslapyje, pažymėtas tinkamu būdu.

Žymės gali būti naudojamos kaip hipersaitų paskirties vietos. Pvz., Jei norite svetainės lankytojui parodyti konkrečią puslapio dalį, pridėkite hipersaitą, nurodantį tą puslapio dalį kaip paskirties vietą. Spustelėjus šią hipersaitą, bus rodoma atitinkama puslapio dalis, o ne jos pradžia. Žymės taip pat gali būti naudojamos norint rasti konkrečias puslapio vietas. Pvz., Galite pridėti kiekvienos pagrindinės puslapio antraštės žymę. Keičiant puslapį, kiekvieną skyrių galima lengvai rasti spustelėjus atitinkamą skirtuką.

Kai kuriate žymę erdvei, o ne tekstui, ją žymi „FrontPage“. Kitu atveju tekstas yra pabrauktas brūkšneliu. Pervardijant failą svetainėje, „Microsoft FrontPage“ ieško hipersaitų į tą failą. Jei tokių hipersaitų yra, jie automatiškai atnaujina failo pavadinimą. Perkėlus failą svetainėje (pavyzdžiui, į kitą aplanką ar poaplankį), „Microsoft FrontPage“ automatiškai atnaujina visas hipersaitus į jį. Prieš paskelbdami savo svetainę, rekomenduojame visada išbandyti hipersaitus. Jei svetainėje yra neveikianti hipersaitas (hipersaitas su neteisingu paskirties URL), klaidos pranešimas rodomas, kai svetainės lankytojas spustelėja nuorodą žiniatinklio naršyklėje. Šią klaidą gali sukelti URL klaida arba URL gali nukreipti į puslapį, kuris yra nutolęs nuo svetainės. Jei taikinys yra kitas interneto puslapis, jis gali būti perkeltas arba ištrintas.

Pritaikymo neįgaliesiems tikrintuvas: „Microsoft Office Resources FrontPage 2003“ pristato naują tinklalapių pritaikymo neįgaliesiems tikrintuvą. Pritaikymo neįgaliesiems tikrintuvas aptinka, kai konkrečios galimybės neatitinka žiniatinklio turinio pritaikymo neįgaliesiems gairių (WCAG) „WWW-Consortium“ (W3C) arba JAV reabilitacijos akto 508 straipsnio reikalavimus. WCAG yra pagrindas kurti prieinamus tinklalapius žmonėms, turintiems judėjimo, regos ir klausos negalią. 508 skirsnyje nustatyti JAV vyriausybės prieinamumo įvairiems informacijos šaltiniams ir technologijoms standartai.

Norėdami gauti daugiau informacijos apie „FrontPage Accessibility Checker“ funkcijas, ieškokite „Microsoft FrontPage“ žinyne. Naudodami sparčiuosius klavišus galite greitai atlikti dažnai naudojamas užduotis. Klaviatūros sparčiųjų klavišų prieinamumas „Microsoft FrontPage“ priklauso nuo to, ar pasirinktame rodinyje yra reikalinga komanda. „Microsoft FrontPage“ dažniausiai naudojamos užduotys:

Valdymas ir darbas su tinklalapiais - F8

Paleisti pritaikymo neįgaliesiems tikrintuvą - CTRL + N

Sukurkite naują tinklalapį - CTRL + O

Tinklalapio atidarymas - CTRL + F4

Uždarykite tinklalapį - CTRL + S

Išsaugokite tinklalapį - CTRL + P

Spausdinti tinklalapį - F5

Tinklalapio atnaujinimas; atnaujinti aplankų sąrašą - CTRL + TAB

Naršykite tarp atvirų tinklalapių - CTRL + SHIFT + B

Peržiūrėkite tinklalapį žiniatinklio naršyklėje - ALT + F4

„Microsoft FrontPage“ išjungimas - CTRL + SHIFT + 8

Rodyti nespausdinamus simbolius - CTRL + /

Rodyti HTML žymas dizaino režimu - CTRL + F

Ieškokite teksto ar HTML kodo tinklalapyje - CTRL + H

Teksto ar HTML kodo pakeitimas tinklalapyje - F7

Patikrinkite rašybą tinklalapyje - SHIFT + F7

Ieškokite žodžio žodyne - ESC

Anuliuoti veiksmą - CTRL + Z arba ALT + tarpo klavišas

Anuliuoti paskutinį veiksmą - CTRL + Y arba SHIFT + ALT + tarpo klavišas

Veiksmo grįžimas arba perdarymas - DEL

Pašalinkite tinklalapį ar aplanką iš aplankų sąrašo ar bet kurio dialogo lango - tarpo klavišas

Prieiga prie rodinių ir jų naudojimas - F12

Peržiūrėkite dabartinį puslapį žiniatinklio naršyklėje CTRL + PAGE DOWN arba CTRL + PAGE UP

Pereiti iš „Code“, „Constructor“, „Split“ ir „View“ rodinių - ALT + PAGE DOWN arba ALT + PAGE UP

Dalijimo rodinyje judėkite tarp „Code“ ir „Design“ sričių - ALT + F1

Rodyti ir slėpti aplankų sąrašą - rodyklės klavišas aukštyn

Naršymas hipersaitų mazguose hipersaitų rodinyje - aukštyn, žemyn, kairėn arba dešinėn rodyklės

Išplėskite esamą mazgą ir eikite į dešinę hipersaitų rodinyje - SHIFT + Kairė rodyklė

Darbas su kodavimo įrankiais

Greitas žymos redaktorius - CTRL + F2

Įterpti laikiną žymę - F2

Kita laikina žymė - SHIFT + F2

Ankstesnė laikina žymė - CTRL + G

Eiti į eilutę - CTRL + L

Automatinis užbaigimas - CTRL + ENTER

Įterpiami kodo fragmentai - CTRL +\u003e

Įterpkite baigiamąją žymą - CTRL +<

Įterpti pradinę žymą - CTRL + /

Įterpti HTML komentarus - CTRL + tarpo klavišas

Teksto ir pastraipų formatavimas - CTRL + SHIFT + F

Keisti šriftą - CTRL + SHIFT + P

Keisti šrifto dydį - CTRL + B

Taikykite paryškintą formatavimą - CTRL + U

Taikomas pabraukimas - CTRL + I

Taikomas kursyvinis formatavimas - SHIFT + TAB

Naudojant akių lašintuvą - CTRL + pliuso ženklas

Taikymas viršutinis indeksas formatavimas - CTRL + minuso ženklas

Taikymas stenograma formatavimas - CTRL + SHIFT + C

Kopijuoti formatavimą - CTRL + SHIFT + V

Įterpti formatavimą - CTRL + SHIFT + Z arba CTRL + tarpo klavišas

Rankiniu būdu pašalinti formatavimą - CTRL + E

Lygiuokite pastraipą į centrą - CTRL + L

Lygiuokite pastraipą į kairę - CTRL + R

Dešinėje sulygiuokite pastraipą - CTRL + M

Nustatykite kairę pastraipos įtrauką - CTRL + SHIFT + M

Nustatykite dešinę pastraipos įtrauką - CTRL + SHIFT + S

Taikymas stiliaus - CTRL + SHIFT + N

Taikykite įprastą stilių - CTRL + ALT + 1

Taikyti 1 antraštės stilių - CTRL + ALT + 2

Taikykite 2 antraštės stilių - CTRL + ALT + 3

Taikyti 3 antraštės stilių - CTRL + ALT + 4

Taikyti 4 antraštės stilių - CTRL + ALT + 5

Taikyti 5 antraštės stilių - CTRL + ALT + 6

Taikyti 6 antraštės stilių - CTRL + SHIFT + L

Redaguoti ir perkelti tekstą ir paveikslėlius - BACKSPACE

Ištrinkite vieną simbolį kairėje - DEL

Ištrinkite vieną simbolį dešinėje - CTRL + BACKSPACE

Ištrinkite vieną žodį kairėje - CTRL + DEL

Ištrinkite vieną žodį dešinėje - CTRL + C arba CTRL + INS

Kopijuoti tekstą ar paveikslėlius - CTRL + X arba SHIFT + DEL

Iškirpkite pasirinktą tekstą į „Microsoft Office“ mainų sritį - CTRL + V arba SHIFT + INS

Įklijuoti iškarpinės turinį - SHIFT + ENTER

Įterpti eilutės pertrauką - CTRL + SHIFT + tarpo klavišas

Pasirinkite tekstą ir paveikslėlius - SHIFT + Dešinė rodyklė

Pasirinkite vieną simbolį dešinėje - SHIFT + Kairė rodyklė

Pasirinkite vieną simbolį kairėje - CTRL + SHIFT + Dešinė rodyklė

Pasirinkite žodį iki pabaigos - CTRL + SHIFT + Kairė rodyklė

Pasirinkite eilutę iki pabaigos - SHIFT + HOME

Iš pradžių pasirinkite eilutę - SHIFT + rodyklė aukštyn

Pasirinkite vieną eilutę viršuje - SHIFT + rodyklė žemyn

Pasirinkite vieną eilutę iš apačios - CTRL + SHIFT + rodyklė žemyn

Pasirinkite pastraipą iki pabaigos - CTRL + SHIFT + rodyklė aukštyn

Vieno ekrano pasirinkimas iš apačios - SHIFT + PAGE UP

Pasirinkite vieną ekraną iš viršaus - CTRL + A

Pasirinkite visą puslapį - ALT + ENTER

Įterpti lentelę - TAB

Kai žymeklis yra langelyje, parenka visas ląsteles iš eilės.

Sukurti automatinį eskizas pasirinkta nuotrauka - CTRL + K

Prieiga prie „Help“ užduočių srities ir langas „Help“ - SHIFT + CTRL + ALT + T

Įterpti lentelę - TAB

Pasirinkite kitos lentelės langelio turinį - SHIFT + TAB

Pasirinkite stulpelį, kai žymeklis yra viršutiniame arba apatiniame langelyje - CTRL + T

Sukurti automatinį eskizas pasirinkta nuotrauka - CTRL + K

Galite nustatyti duomenų tipą ir kitas parinktis, kurios yra leidžiamos teksto laukeliams ir teksto sritims. Pvz., Jei norite rinkti narių ar serijos numerius, teksto laukelyje leiskite naudoti tik skaičius ir draudžiate naudoti kitus simbolius. Taip pat galite nurodyti reikiamą simbolių skaičių, kad svetainės lankytojas per klaidą nepraleistų skaičiaus ar raidės. Galite reikalauti, kad radijo mygtukų grupėje būtų pažymėtas vienas radijo mygtukas.

Pavyzdžiui, jei formoje yra du radijo mygtukai „Taip“ ir „Ne“, o svetainės lankytojas bando pateikti formą netikrindamas vienos iš jų, pasirodys pranešimas. Galite reikalauti, kad svetainės lankytojas išskleidžiamajame sąraše pasirinktų elementą, nurodytų mažiausią ir didžiausią leistiną elementų skaičių ir atsisakytų pasirinkti pirmąjį elementą, jei tai yra tokia instrukcija kaip „Pasirinkti elementą“. Nustatę duomenų įvedimo taisykles, turite nuspręsti, kaip rezultatai bus apdorojami formoje. Svetainės lankytojui pateikus formą, reikia surinkti įvestus duomenis - formos rezultatus galima peržiūrėti, parodyti svetainės lankytojui arba tam tikru būdu apdoroti.

Kai svetainės lankytojas pateikia formą naršyklėje, visų jos laukų vertės yra uždarytos

ir
eiti į formos procesorius (formos procesorius. Serverio programa, paleista lankytojui pateikus formą. Kiekviena „Microsoft FrontPage“ forma yra susieta su konkrečiu formos procesoriumi.)... Pavyzdžiui, jei formos laukas yra teksto laukas, tada forma, kuri siunčiama formos procesoriui, yra lauke įvestas tekstas. „Microsoft FrontPage“ turi kelis formos procesorius, kurie priima formos rezultatus ir atlieka įvairias operacijas. Kiekvieną kartą, kai pateikiate formą „FrontPage“, ji išsaugo informaciją duomenų bazėje. Pavyzdžiui, jei naudojate formą kontaktinei informacijai rinkti, formos rezultatus galite išsaugoti tiesiai į kliento duomenų bazę. Rezultatus galite išsaugoti esamoje duomenų bazėje arba sukurti naują naudodami „FrontPage“. Kiekvieną kartą, kai svetainės lankytojas pateikia formą, „FrontPage“ į failą įtraukia rezultatus, kuriuos galite peržiūrėti kitą kartą atidarę failą. Pavyzdžiui, galite sukurti svečių knygą svetainės lankytojams ir pasirinkti išsaugoti rezultatus HTML faile, taip pat galite susieti failą, kad svetainės lankytojai galėtų pamatyti, ką parašė kiti. Jei išsaugote rezultatus XML faile, galite juos naudoti „FrontPage“ arba eksportuoti į bet kurią programą, palaikančią XML duomenis, pvz., „Office Excel 2003.“. Kiekvieną kartą, kai svetainės lankytojas pateikia formą, el. Laiškas automatiškai išsiunčiamas nurodytu adresu, kuriame yra šios formos rezultatus.

Formos rezultatams apdoroti taip pat galite naudoti pritaikytus scenarijus. Svetainės paskelbimo procesas yra visų failų ir aplankų, sudarančių svetainę, kopijavimas iš pradinės vietos į konkrečią vietą. „Microsoft FrontPage“ paskelbia svetainę, kad ji būtų prieinama lankytojams, sukurtų svetainės atsarginę kopiją ir atnaujintų anksčiau paskelbtą svetainę. Paprastai svetainių failai ir aplankai kuriami vietiniame kompiuteryje. Kai svetainė bus baigta, ji bus paskelbta internete arba vietiniame intranete, kad lankytojai galėtų peržiūrėti savo tinklalapius naudodamiesi interneto naršykle. Kartais prireikia sukurti svetainės kopiją ir išsaugoti šią kopiją konkrečioje vietoje standžiajame diske arba tinklo diske. „Microsoft FrontPage Publishing“ įrankis suteikia patogų būdą sukurti tokią kopiją. Atnaujindama failus ar aplankus svetainėje, „FrontPage“ naudoja techninius terminus atskirti šaltinį ir paskirtį. Vietinė svetainė yra originali svetainė, atidaryta „FrontPage“, o nuotolinė svetainė yra paskirties vieta, į kurią skelbiate.

Nuotolinės svetainės rodinys leidžia dvipusį skelbimą, o tai reiškia, kad galite lengvai perkelti failus iš nuotolinės ir vietinės vietos. Tai naudingiausia atnaujinant anksčiau paskelbtą svetainę. Nuotolinės svetainės rodinyje vietinės svetainės ir nuotolinės svetainės skyduose rodomos aprašomosios piktogramos, nurodančios failų paskelbimo būseną. Bendradarbiavimo gamybos aplinkoje tiek autorius, tiek vietines, ir nuotolines svetaines gali atnaujinti. „Microsoft FrontPage“ palygins vietinės svetainės failus su paskelbtais failais nuotolinėje svetainėje. Toliau aprašomi atvejai, kai gali tekti sinchronizuoti vietines ir nuotolines failų versijas.

Jei vietinėje svetainėje randama naujesnė failo versija, sinchronizuojama vietinėms ir nuotolinėms svetainėms atnaujinti (nebent rankiniu būdu nurodote kitus veiksmus). Taip pat galite pasirinkti publikuoti iš nuotolinės svetainės į vietinę svetainę. Kai sinchronizuojate failus naudodami nuotolinį svetainės vaizdą, failus galite atsisiųsti į vietinę svetainę iš nuotolinės svetainės. Jei užpuolikas įdėjo failus į nuotolinį pagrindinį kompiuterį, vietiniam pagrindiniam kompiuteriui taip pat gali kilti pavojus. Prieš sinchronizuodami failus, įsitikinkite, kad prieigą prie nuotolinės svetainės turi tik patikimi vartotojai.

„Microsoft“, šios programos kūrėja, yra įsipareigojusi laikytis asmeninės informacijos griežtinimo politikos. Norėdami tai padaryti, mes naudojame įvairias technologijas ir procedūras, kad apsaugotume asmeninę informaciją nuo neteisėtos prieigos, naudojimo ir atskleidimo. „Microsoft“ gali atnaujinti šį privatumo patvirtinimą savo nuožiūra. Su kiekvienu tokiu atnaujinimu pasikeičia naujinimo data teiginio viršuje. Atnaujinta privatumo ataskaita bus įtraukta į kitą „Microsoft Office FrontPage 2003“ išteklių pakeitimų paketą (SP). Tolesnis „Microsoft Office FrontPage 2003“ išteklių naudojimas reiškia jūsų sutikimą su šiuo privatumo pareiškimu ir visais jo atnaujinimais. „Microsoft“ labai vertina bet kokius komentarus dėl šio privatumo pareiškimo.

„Microsoft FrontPage“ - programa yra redaktorius, leidžiantis naudoti HTML išdėstymą. Programinė įranga veikia pagal principą „Ką darai, tą ir gauni“. Komunalinis variklis pagrįstas technologija, naudojama gerai žinomoje IE naršyklėje. Kūrėjas pažymi, kad dirbant su naršyklėmis, naudojančiomis trečiųjų šalių variklius, ekranas atrodys kitaip.

Programa gali automatiškai įdiegti kūrėjų realiu laiku atliktus pakeitimus.

Redaktorius rekomenduojamas pradedantiesiems, norintiems įsisavinti pagrindines internetinių puslapių kūrimo operacijas. Skirtingai nuo sudėtingesnių ir sudėtingesnių analogų, turinčių daug galimybių, šią programą galima vadinti trivialia. Tačiau pagrindinis funkcionalumas leis greitai išmokti svetainės kūrimo pagrindus.

Nemokamai atsisiųskite visą rusišką „Microsoft FrontPage“ versiją iš oficialios svetainės be registracijos ir SMS.

Sistemos reikalavimai

  • Palaikomos OS: Windows 7, 10, 8, 8.1, Vista, XP
  • Bitų gylis: 32 bitai, 64 bitai, x86

Programų kompleksas „Microsoft Office“ apima keletą programų, leidžiančių kurti, redaguoti ir priglobti tinklalapius serveryje. Vienas iš jų yra gana paprasta programa Titulinis lapas ... Su jo pagalba galite sukurti labai sudėtingus puslapius, kurie patenkins net profesionalaus interneto dizainerio poreikius.

Kurdami tinklalapį turėtumėte stengtis suteikti jam patrauklią išvaizdą, nes patrauklus puslapis lankomas dažniau. Tokiu atveju puslapis turėtų derinti dvi prieštaringas savybes - patrauklumą ir minimalią atmintį. Naudojant ribotą kiekį mažos apimties įrankių, pavyzdžiui, gėlių, o ne paveikslėlių, galima sukurti prastą, bet labai patrauklų puslapį, ir, priešingai, galite jį aprūpinti daugybe paveikslėlių, spalvų, formatų ir kitų žymėjimo elementų, kurių rinkinys ir išdėstymas suteiks puslapį, kurį galima laikyti turtingo blogo skonio pavyzdžiu. ... Tinklalapio kūrimo procesas yra kūrybiškas, todėl jis dažnai vadinamas interneto dizainu. Yra žinoma, kad kai kurie interneto dizaineriai praleidžia keletą mėnesių kurdami ne itin sudėtingą puslapį, daug kartų grįždami į jį, ieškodami išraiškingiausio jo įgyvendinimo būdo, tuo pačiu turinį turintį puslapį galima sukurti ne daugiau darbo valandą. Jei pasiūtą kostiumą sunku kelis kartus pakeisti, tada tinklalapį galima „keisti“ ir tobulinti tiek, kiek reikia griežtai laikantis poeto tobulinimo būdo, iškeliant jį į tobulumo viršūnę.

Tačiau ne visi laikosi šios nuomonės, pagrįstai pažymėdami, kad tinklalapis yra informacija, skirta platinti, ir tam visiškai nereikia jo paversti meno kūriniu, juolab kad tai užima daug laiko.

Iš čia seka praktinė išvada - galva, pavadinimas, reklaminiai puslapiai turėtų būti patrauklūs, o puslapiai, skirti „sausos“ informacijos sklaidai, pavyzdžiui, įsakymų tekstai, pareigybių aprašymai, bet kokie planai ir pan. - su minimaliu antkainiu.

1. FP sąsaja

Tinklalapių „Front Page“ kūrimo ir redagavimo programa yra aplanke biuro programos.

Paleidus FP, ekrane pasirodo langas, kurio vaizdas parodytas Fig. 1. Šiame pavyzdyje programos lange šis vadovas yra atidarytas redaguoti, kuris yra parašytas naudojant FP.


Paveikslėlis: 1. Programos langas Titulinis lapas

Programoje yra meniu ir kelios įrankių juostos. Kol FP vartotojas nusprendžia spręsti interneto dizainą, jis paprastai gerai valdo „Word“ iš „Microsoft Office“ šeimos, todėl FP sąsaja, parengta „Microsoft“ dizaino stiliumi ir labai panaši į „Word“ programos sąsają, nėra sukels ypatingų sunkumų darbe.

Programos sąsają - meniu, skydus, mygtukus ir kitus elementus - patogiau paaiškinti, nes jums to reikia kuriant ar redaguojant tinklalapius, kurių pavyzdžiai bus nagrinėjami šiame skyriuje.

Kurdama puslapį, programa automatiškai sukuria žymėjimo failą, kurio tekstą FP rašo HTML (hiperteksto žymėjimo kalba). Pakeitimus šiame faile galite atlikti rankiniu būdu (be to, programos tekstą galima sudaryti įprastame teksto redagavimo priemonėje, net ir paprasčiausioje, pvz., „Notepad“, tačiau tai pernelyg apsunkina). Norėdami pereiti į įmontuotą FP teksto rengyklę, spustelėkite nuorodą lango apačioje Kodas, tada atlikite pakeitimus teksto rengyklėje. Jei kūrėjas nepasitiki savo profesionalumu, geriau nekeisti HTML teksto, nes redagavimo klaidas bus sunku ištaisyti. Spustelėkite nuorodą, kad grįžtumėte į puslapį, kurį norite pažymėti. Konstruktorius.

Norėdami pamatyti, kaip puslapis atrodys naršyklėje, spustelėkite nuorodą Vaizdas... Tačiau reikia pažymėti, kad šiame režime teisingai rodomi tik labai paprasti puslapiai. Todėl geriau puslapį peržiūrėti, pavyzdžiui, profesionalioje naršyklėje „Firefox“... Norėdami tai padaryti, raskite aplanko puslapio failą ir atidarykite jį naršyklėje (paprastai visi tinklalapiai atidaromi naršyklėje).

2. Naujo tinklalapio sukūrimas

Norėdami sukurti naują tinklalapį, spustelėkite mygtuką Naujo įprasto puslapio kūrimasesančią skydelyje Standartinis... Kai kurie šio skydelio mygtukai su atitinkamais komentarais parodyti Fig. 2.

Naują puslapį galite sukurti kitaip. Meniu Failas spustelėkite ant eilutės Sukurti... Dešinėje esanti programa parodys langą su standartiniais puslapio šablonais. Iš jo galite pasirinkti šabloną ir naudoti jį kaip būsimo puslapio pagrindą. Jei jums reikia tuščio puslapio, turite spustelėti šabloną Puslapis tuščias.

„FP“ taip pat galite sukurti rėmelius, leidžiančius vienu metu matyti kelis tinklalapius monitoriaus ekrane. Rėmeliai yra kelių langų tinklalapiai. Pradedantis interneto dizaineris turėtų susilaikyti nuo rėmelių naudojimo.

Dabar galite išsaugoti puslapį. Norėdami tai padaryti, spustelėkite mygtuką Sutaupyti, tada išsaugokite puslapį kaip failą savo kompiuterio diske. Įrašant puslapį, geriau iš karto sukurti jam atskirą aplanką su pavadinimu, kurį ketinate suteikti failui. Tinklalapiai paprastai įrašomi failuose su plėtiniu .htm arba .html (iš kalbos pavadinimo „HyperText Markup Language“ - hiperteksto žymėjimo kalba). Pvz., Jei ketinate išsaugoti failą pavadinimu apie.htm, tada turėtumėte sukurti aplanką pavadinimu apie, disko srityje, kurioje bus jūsų tinklalapiai. Prieš išsaugant pirmąjį puslapį, geriau iš karto sukurti tokią sritį kaip aplankas, pavyzdžiui, aplankas pavadintas Fedorovos internetiniai puslapiai... Dabar jame turėtų būti sukurtas minėtas aplankas apie, ir jame - išsaugokite puslapį apie.htm.

3. Tinklalapio ypatybės

Tada turite užpildyti keletą svarbių puslapio ypatybių su vertėmis. Norėdami tai padaryti, dešiniuoju pelės mygtuku spustelėkite puslapio srityje, tada kontekstiniame meniu - eilutėje Puslapio ypatybės... Bus parodytas dialogo langas puslapio ypatybėms įvesti (3 pav.). Langas turi penkis skirtukus

Generolas, Formatavimas, Papildomai, Kiti, Kalba .

Fig. 3 lange suaktyvintas skirtukas

Generolas... Eilėjevardas turite pridėti puslapio pavadinimą.

Čia taip pat galite prijungti garso failą zonoje

Fonas garsas... Garsas lydės šio puslapio peržiūrą kompiuteryje, kuris jį atidarė. Žinoma, norint klausytis foninio garso, vartotojo kompiuteryje turi būti įdiegtas garsiakalbis. Paprastai fono garsas grojamas slenkant garso failą su plėtiniu .wav... Norėdami prijungti failą, turite spustelėti mygtuką Apžvalga ir naudodami dialogo langą tokiam failui prijungti. Įprasto puslapio garso failo įtraukti nebūtina.norint sukurti puslapio foną. Fonas yra pagrindinis puslapio fonas. Fonas gali būti spalva arba piešimas... Puslapio ypatybių langas skirtuke Fonas parodytas Fig. 4.

Jei jums reikia pasirinkti foną spalvos pavidalu, tada turite spustelėti sąrašo mygtuką Fonas

ir pasirinkite spalvą iš standartinio spalvų rinkinio. Iš pradžių nustatyta numatytoji spalva. Paprastai numatytoji spalva yra balta.

Jei siūlomos spalvos jums netinka, tada spustelėkite spalvą Pasirinktinis (pagal užsakymą). Atsidariusiame dialogo lange galite pasirinkti bet kurią spalvą iš 16 "777" 216 atspalvių. Pasirinktos spalvos pasirinkimo langas parodytas Fig. penki.

Norėdami pasirinkti pasirinktinę spalvą, pirmiausia priskirkite pagrindinę spalvą iš pagrindinės paletės, tada dešinėje paletės kvadrate spustelėkite apytikslę spalvą (šis taškas pažymėtas kryžiumi), tada dešinėje esančiame stulpelyje pasirinkite norimą atspalvį (jis pažymėtas trikampiu šalia pelės žymeklio). Lauke „Spalva / užpildyti“ galite vizualiai įvertinti pasirinktą spalvą. Pasirinktos spalvos spektrinės charakteristikos rodomos jos dešinėje. Šias savybes galima keisti rankiniu būdu.

Jei pasirinkta spalva yra nestandartinė (atspalvis) ir redagavimo sesijoje būtina ją naudoti kelis kartus, tuomet galite ją patalpinti į sąrašą „Papildomos spalvos“, esantį po pagrindine palete. Norėdami tai padaryti, prieš pasirinkdami spustelėkite papildomų spalvų langelį, pasirinkite atspalvį ir spustelėkite mygtuką "Pridėti prie rinkinio". Norėdami išeiti iš lango, spustelėkite mygtuką Gerai.

Jei puslapio fonas turi būti paveikslėlis, tada šiame skirtuke atidarykite reikiamą paveikslėlį

... Pageidautina, kad šis failas būtų aplanke, kuriame saugomas puslapio failas. Fig. 6. parodo faile saugomo paveikslėlio pavidalo fono pavyzdį drugelis.gif.

Kaip matyti iš pav. 6, fonas yra pakartotas drugelio atvaizdas ( drugelis).

Palyginimui, pav. 7 paveiksle atskirai parodytas pats paveikslas.

Iškart pažymime, kad pateiktas pavyzdys yra netinkamo substrato pasirinkimo pavyzdys, nes vaizdas užgožia puslapio paraštę ir iš jos vadinamą „apakinti“. Vienintelis jo pranašumas yra tas, kad jis aiškiai parodo, kaip paveikslėlis sukuria puslapio foną.

Jei norite, kad fonas būtų statiškas, tai yra, kad fonas būtų fiksuotas, kai naršote ilgą naršyklės puslapį, turite nustatyti parinktį Padarykite pagrindą.

Praktiškai fonas paprastai būna lengvai prisotintas, kad būtų sukurtas norimas fonas, bet ne sutelktas žiūrovo dėmesys į jį. Tačiau fono pasirinkimas yra skonio reikalas.

Žiniatinklis dizaineris.

Fonai paprastai būna formatai

bmp, gif, jpg , png.

Atminkite, kad paveikslėlis paprastai yra daugiausiai atminties reikalaujantis tinklalapio elementas. Todėl reikia ilgiausiai, kol naršyklė atsisiųs ją iš serverio. Jei ryšio sparta yra maža ir įkeliant puslapį yra keli gausūs vaizdai, šio puslapio įkėlimas gali užtrukti ilgai. Tokio puslapio žiūrovas gali pavargti laukdamas atsisiuntimo pabaigos ir jį atšaukti. Todėl turėtumėte stengtis kuo labiau sumažinti paveikslėlių kiekį ir jų skaičių puslapyje.

Laikoma, kad fonas yra priimtino dydžio, jei nuotraukos dydis neviršija 1–5 kilobaitų (K). Geriau, jei jis yra mažesnis nei kilobaitas. Palyginimui tarkime, kad paties tinklalapio dydis paprastai neviršija 10–20 K. Dideli yra tik daug teksto turintys puslapiai. Priežastis ta, kad tinklalapis yra programa (instrukcija), kaip ir ką įdėti į vartotojo naršyklės ekraną. Pvz., Jei tokioje ir tokioje vietoje ekrane reikia įdėti 150 K paveikslėlį, tada tinklalapyje instrukcija šiuo klausimu gali užimti tik 50 baitų, tai yra, 3000 kartų mažiau nei pats paveikslėlis, kuris perduodamas į žiūrovo kompiuterį atskirai nuo interneto puslapiai. Kadangi tokių instrukcijų skaičius yra nedidelis, pats puslapis taip pat yra palyginti mažas.

Ant žymės

Formatavimas taip pat galite nustatyti teksto spalvą. Čia taip pat galite nustatyti teksto hipersaitų, kurie bus rodomi naršyklėje peržiūrint puslapį, spalvas: visų teksto hipersaitų spalvą, hipersaitų, kuriuos vartotojas jau pasiekė, spalvą, hipersaitų, ant kurių pelės žymeklis užveda, spalvą.

Ant žymės Papildomai puslapio įtraukas galite nustatyti viršutiniame kairiajame naršyklės peržiūros srities kampe. Pagal numatytuosius nustatymus užpildymas nustatytas į 8 taškus.

Ant žymės

Kalba galite įdiegti specialias teksto kodavimo kalbas, kad išsaugotumėte puslapį ir įkeltumėte puslapį.

4. Naudojant lenteles

Lentelės yra bene efektyviausias ir nepakeičiamas tinklalapių žymėjimo įrankis. Jei galite visiškai išsiversti be fono, tada beveik neįmanoma išsiversti be stalo.

Kiekvieną lentelę sudaro langeliai, išdėstyti eilutėmis ir stulpeliais. Atskirus langelius galima sujungti, nustatyti vidinio turinio įtraukas nuo jo sienų, nustatyti atstumą tarp langelių, nustatyti jų viduje esančių elementų padėtį, kurti atskirai nuo kitų fono langelių, kurti kontūrus, įterpti kitas lenteles langelių viduje ir daug daugiau.

Įterpti lentelę

Norėdami įterpti lentelę į puslapį, turite atlikti meniu komandą

Tlentelė / intarpas / lentelė. Atsidariusiame lange, kuris parodytas pav. 8, turėtų nustatyti eilučių skaičių ir stulpelius. Ten esančiame puslapyje taip pat galite nustatyti lentelės padėtį.. Paprastai paliekama numatytoji padėtis. Tačiau jei norite, kad žiūrint, lentelė naršyklės lange visada būtų nukreipta viduryje horizontaliai, tada turite nustatyti parinktį centro išlyginimas.

Kraštinės dydžio parinktis naudojama lentelę ir langelius surišusių linijų storiui nustatyti. Jei jis nustatytas į nulį ir yra varnelė Sutraukti lentelės kraštą, kraštinės nebus matomos naršyklėje. Tai leidžia naudoti nematomą lentelę puslapio išdėstymui.

Nuosavybė

Ląstelių laukas skirtas visų lentelės langelių vidinio turinio įtraukoms pikseliuose nurodyti. Nuosavybė Langelių tarpai leidžia nustatyti atstumą pikseliais tarp visų gretimų lentelės langelių. Nustatykite plotį skirtas nustatyti lentelės plotį pikseliais arba procentais, atsižvelgiant į peržiūros srities plotį, neatsižvelgiant į jos turinio dydį. Pagal numatytuosius nustatymus jis yra išjungtas. Tai reiškia, kad lentelės dydį nulems jos turinio dydis.

Jei reikia nustatyti lentelės stilių ir fono žymėjimą, tai galima padaryti tame pačiame lange.

Lentelės žymėjimo pabaigoje spustelėkite mygtuką Gerai.

Lentelės langelių išdėstymas

Operacijos su atskiromis langeliais arba visa lentele turėtų būti pradėtos pasirinkus langelius. Galite pasirinkti pele, klaviatūra arba naudodami įrankių rinkinį

FP. Norėdami pasirinkti su pele, turite užvesti pelės žymeklį ant bet kurios pasirinktos srities langelio, paspauskite kairįjį pelės mygtuką ir, laikydami nuspaudę klavišą, sklandžiai perkelkite jį per langelius. Norėdami pasirinkti klaviatūra, turite įdėti klaviatūros žymeklį į langelį, paspausti klavišą Shift ir, laikydami nuspaudę klavišą, paspauskite norimus klaviatūros žymeklio judesio klavišus (aukštyn, žemyn, kairėn, dešinėn), kol bus pasirinkta norima langelių sritis. Galite pasirinkti vieną stulpelį ar eilutę arba visą lentelę.

Dėl asociacijos pasirinktus langelius, turite perkelti žymeklį ant bet kurio iš jų, paspauskite dešinį pelės mygtuką. Iššokančiajame kontekstiniame meniu spustelėkite eilutę Sujungti langelius... Panašiai galite ištrinti langelius.

Jei to reikia išsiskirtivieną ar daugiau langelių į kelias eilutes ar stulpelius, turite juos pasirinkti (padalijus vieną langelį, pasirinkimas nereikalingas), paleisti komandą Laužyti ląsteles... Pasirodžiusiame skaidymo lange turite nurodyti, kaip padalinti - į stulpelius ar eilutes. Tada turėtumėte nurodyti stulpelių ar eilučių skaičių. Šis langas parodytas fig. devyni.

Čia galite nustatyti jo turinio padėtį horizontaliai arba vertikaliai. Norėdami tai padaryti, pasirinkite norimą horizontalią padėtį (viduryje, kairėje, dešinėje) arba vertikali padėtis (viršuje, viduryje, pačioje apačioje, ašies atžvilgiu). Fig. 10 vertikalios langelio padėties - iš viršaus (kai dedami vidiniai elementai bus prispausti prie viršutinio langelio krašto), horizontaliai - centre (turinys bus sutelktas).

galite nustatyti langelio aukštį pikseliais arba procentais.

Fono skyriuje galite nustatyti langelio foną spalvos ar paveikslėlio pavidalu, kaip ir programuodami puslapio foną.

Pavyzdžiui, jei jums reikia priskirti tuos pačius atributus kelioms ląstelėms, pavyzdžiui, nustatykite jiems tą patį foną, tada tai galima padaryti vienu ypu. Turėtumėte pasirinkti tokias langelius ir pažymėti aprašytu būdu. Jei jums reikia priskirti kai kuriuos atributus visoms ląstelėms, geriau juos priskirti pačiai lentelei. Norėdami tai padaryti, turite spustelėti bet kurią langelį, vykdyti tą pačią komandą.

5. Teksto įterpimas ir formatavimas

Norėdami įterpti tekstą į puslapį, spustelėkite norėdami klaviatūros žymeklį į reikiamą vietą ir įveskite tekstą iš klaviatūros arba nukopijuokite jį iš bet kurio kito dokumento naudodami „Windows“ iškarpinę. Tokiu būdu galite įvesti tekstą tiesiai puslapyje arba lentelės langeliuose.

Formatavimas reiškia šrifto paskirtį, dydį, žymėjimą spalva, paryškintą, kursyvą, pabraukimą, horizontalią teksto orientaciją ir daugybę kitų veiksmų. Šios operacijos atliekamos pagal standartus, priimtus „Word“ redaktoriuje: pirmiausia reikia pasirinkti teksto sekciją, tada pritaikyti jai formatavimo operaciją.

Skirtumas nuo „Word“ redaktoriaus yra tik tai, kad paspaudus klavišąĮveskite (norint įterpti naują pastraipą) tarp pastraipų yra per daug tarpų. Jei norite, kad tarpai tarp pastraipų būtų tokie patys kaip tarp vienos pastraipos eilučių, paspauskite klavišą„Shift“ o jo neatleidus - raktasĮveskite.

6. Įterpkite hipersaitus

Hipersaitas vadinamas bet koks tinklalapio elementas, kuriam galima priskirti nuorodą į kitą tinklalapį, el. pašto adresą, paveikslėlį ir apskritai bet kurį failą ar žymę tame pačiame puslapyje. Jie suaktyvinami spustelėjus hipersaitą. Tinklalapyje galite apibrėžti hipersaitą, kai jį žiūrite naršyklėje, žiūrėdami į pelės žymeklį: jei elementas yra hipersaitas, tada, kai užveskite pelės žymeklį virš jo, žymeklis tampa piktogramos forma.

Norėdami sukurti hipersaitą, pirmiausia turite pasirinkti puslapio elementą, kuris taps būsima nuoroda. Jei hipersaitas yra tekstas, tada norėdami jį pasirinkti, turėtumėte sklandžiai perkelti pelę virš jo paspausdami kairįjį klavišą arba paspausdami klaviatūros žymeklio klavišus

„Shift“. Jei hipersaitas yra paveikslėlis, tada norėdami jį pasirinkti, tiesiog spustelėkite jį., kurio vaizdas parodytas fig. 12.

Jei hipersaitas turėtų būti rodyklė į kitą puslapį, esantį jūsų kompiuterio diske, turite spustelėti lange pav. 12 spustelėdami mygtuką su aplanko atvaizdu ir diske pasirinkite tinklalapį (paprastai failą su plėtiniu HTMLarba

htm ). Tokiu atveju adreso juostoje pasirodys santykinis adresas failą su tinklalapiu. Santykinis puslapio, esančio tame pačiame aplanke kaip ir kuriamas puslapis, adresas yra tiesiog failo pavadinimas, pavyzdžiui, „photo2.htm“. Jei nuoroda nurodo failą, esantį už šio aplanko ribų, hipersaitas gali būti eilutės „../../ HomePage.htm“ pavidalu, ty nuoroda į „HomePage.htm“ puslapį tame pačiame kompiuteryje, bet kitame aplanke, kuris yra dviem lygiais virš dabartinio aplanko. Santykiniai URL yra labai naudingi kuriant tinklalapių grupę, esančią tame pačiame serveryje, bet skirtinguose aplankuose ir susietus hipersaitais. Kai puslapiai bus paruošti įprastu kompiuteriu, galėsite juos nusiųsti į žiniatinklio serverį, nebijodami nutraukti ryšio tarp puslapių ir hipersaitų, nes santykinė jų talpinimo serveryje struktūra išlieka ta pati, todėl hipersaitai „veiks“.

Už kūrybą absoliutus

adresai turėtų įvesti visą puslapio adresą. Pvz., Jei jums reikia sukurti hipersaitą į Maskvos valstybinio universiteto svetainės adresą, tada URL eilutėje turite įvesti domeno vardo tekstą http://www.msu.ru... Galite įvesti, pavyzdžiui, IP adresą nurodantį tekstą http://192.206.228.46.

Norėdami sukurti tokią hipersaitą, adreso eilutėje įveskite tokį tekstą mailto: adresas... Pvz., Jei jums reikia paleisti pašto klientą spustelėjus hipersaitą, kad išsiųstumėte laišką adresu o [apsaugotas el. paštu] .ru, tada adreso įvesties eilutėje turite įvesti tekstą mailto:o [apsaugotas el. paštu] .ru ... Taip pat galite spustelėti mygtuką su voku ir atsidariusiame lange įvesti tą patį adresą nenurodydami priešdėlio mailto:.

Kartais reikia sukurti nuorodą į puslapį, kuris jau yra naršyklėje. Pavyzdžiui, turite greitai grįžti į puslapio viršų, į bet kurią jo pastraipą ir pan. Paprastai tokių nuorodų poreikis atsiranda tuose puslapiuose, kuriuose yra daug informacijos. Vadinamas tokios hipersaito adresas skirtukas.

Prieš kuriant hipersaitą į žymę, pirmiausia reikia sukurti pastarąją. Norėdami tai padaryti, pasirinkite būsimą žymę (teksto, paveikslėlio ir kt. Fragmentą) ir vykdykite komandą Įterpti / pažymėti... Atsidariusiame lange, kuris parodytas pav. 13, įvesties eilutėje įveskite žymės pavadinimą ir spustelėkite mygtuką Gerai. Pavyzdyje, parodytame Fig. 13 puslapyje jau yra viena anksčiau sukurta žymė 1 žymė, o tekstas paruošiamas įvesties lange 2 žymė kita žymė. Tada išeikite iš žymės sukūrimo lango, naudodamiesi mygtuku pasirinkite hipersaito su žyme elementą puslapio sukūrimo lange. Skirtukas (12 pav.) Iš sąrašo pasirinkite reikiamą skirtuką. Jo tekstas bus patalpintas adreso juostoje. Pavyzdžiui, jei pasirinkta žymė 2 žymė, tada adreso juostos hipersaitas taps eilute # 2 žymė... Spustelėjus Gerai, bus sukurta hipersaitas į žymę.

Ekrano langų programavimas

Spustelėjus hipersaitą į tinklo puslapis prasideda jo įkėlimas į naršyklę. Paprastai ji įkeliama tame pačiame lange kaip ir skambinantis puslapis. Jei norite, kad puslapis būtų įkeltas į naują langą, turėtumėte pereiti į Fig. 12 spustelėkite mygtuką įvesties etiketės dešinėje Rėmelių pasirinkimas... Atsidariusiame lange pasirinkite eilutę Naujas langas... Dabar, spustelėjus tokią hipersaitą, naršyklėje bus paleistas vienas langas ir jame pasirodys atsisiunčiamas turinys.

Be to, kas išdėstyta pirmiau, yra keletas kitų galimybių iškviestam puslapiui pateikti naršyklėje. Jie yra sudėtingesni rėmeliai, turintys kur kas daugiau galimybių kurti internetą. Rėmelių puslapių projektavimo ypatumai bus aptarti toliau.

7. Ne teksto elementų įterpimas

Norėdami įterpti ne teksto elementus į puslapį, naudokite meniu punktą Įdėti... Ta pati operacija kai kuriems elementams gali būti pakartota iš FP skydų.

Meniu sąrašas parodytas fig. 14. Linijos, kuriose yra submeniu, dešinėje pažymėtos trikampio žymekliu. Operacijos, kurias galima dubliuoti sparčiaisiais klavišais, pažymimos klavišų kombinacijos pavadinimu.

Paveikslėlis: 14. Pagrindinis
meniu sąrašas Įdėti

Štai keletas dažniausiai naudojamų ne teksto meniu Įterpti elementų:

  • Atotrūkis
  • ... Pereikite prie naujos pastraipos be specialaus tarpo (tas pats, kas „Shift“ + „Enter“);
  • Horizontali linija... Horizontalus linijos įterpimas;
  • Simbolis.
  • Įterpkite nestandartinį simbolį, tai yra simbolį, kurio nėra klaviatūroje;
  • Data ir laikas. Standartinis antspaudas, rodantis redaguoto puslapio atnaujinimo datą ir laiką. Kūrėjas gali nustatyti rodymo režimą tik datai arba dienai ir dienai. Yra keli pašto ženklo pateikimo variantai. Pvz., „2001 m. Vasario 14 d., 02/12/25“. Jei toks antspaudas yra įterptas į puslapį, tai reiškia, kad jis paskutinį kartą redaguotas 2001 m. Vasario 14 d., 12:00 val. 2 minutės. 25 sek. kompiuterio laikmačiu;
  • Failas. Įklijuojamas visas failo, pasirinkto iš disko, turinys. Turinys įklijuojamas ten, kur yra klaviatūros žymeklis. Tokiu būdu galite įterpti, pavyzdžiui, dokumento tekstą;
  • Piešimas
  • ... Įdėkite paveikslėlį iš failo;

    Apsvarstykime kai kurias šių elementų įterpimo ypatybes.

    Horizontali linija

    Norėdami jį įterpti, spustelėkite norimoje puslapio vietoje, meniu pasirinkite eilutę Įterpti / horizontali linija ir spustelėkite jį, jei norite įterpti elementą. Jei reikia pakeisti eilutės atributus, perkelkite pelės žymeklį ant jo, dešiniuoju pelės mygtuku spustelėkite atidarykite kontekstinį meniu ir spustelėkite eilutę NUOhorizontalios linijos savybės ... Atsiras langas tuo pačiu pavadinimu, kuriame galėsite pakeisti eilutės atributus: plotį, aukštį, spalvą ir kitus atributus.

    Dažnai reikia skirtingose \u200b\u200bpuslapio vietose įterpti eilutę su jau priskirtais atributais. Norėdami tai padaryti, turite spustelėti eilutę, tada mygtuką

    kopijavimas skydelyje Standartinis norėdami nukopijuoti eilutę į mainų sritį. Dabar jums reikia spustelėti norimą puslapio vietą, tada mygtuką Įterpti norėdami įklijuoti buferio turinį pasirinktoje vietoje. Tokiu būdu galite kelis kartus įterpti eilutę skirtingose \u200b\u200bpuslapio vietose.

    Pastaba. Aprašytą metodą galima naudoti bet kokiems tinklalapio elementams nukopijuoti.

    Paveikslėlis yra svarbiausias tinklalapio elementas. Retai galima rasti puslapį, kuriame nėra nuotraukos. Be pagrindinio vaidmens - vaizdui nešti, piešiniai naudojami stilizuojant užrašus, kuriant įvairias linijas, rėmelius, grafikų atvaizdus, \u200b\u200btai yra visur, kur reikia pateikti informaciją grafinio atvaizdo pavidalu.

    Norėdami įterpti, turite spustelėti toje vietoje puslapyje, kur turėtų būti paveikslėlis, vykdykite komandą Įdėti

    / Paveikslėlis / Iš failo arba spustelėkite mygtuką Įterpti paveikslėlį iš failo skydelyje Standartinis (5.2 pav.). Pasirodžiusiame lange pasirinkite failą su paveikslėliu diske ir spustelėkite Gerai.

    Įdėję galite pažymėti paveikslėlį arba palikti jį nepakeistą. Norėdami pažymėti, dešiniuoju pelės mygtuku spustelėkite paveikslėlį, tada eilutės kontekstiniame meniu

    Paveikslėlio savybės... Dialogo lange, parodytame Fig. 15, galite pažymėti modelį.

    Ant žymės Generolas nurodomas piešinį žyminčio failo pavadinimas. Piešinį galite pakeisti pasirinkdami kitą failą.

    Eilėje Tekstas galite įvesti tekstą, nurodantį patarimą. Kai vartotojas užveda pelės žymeklį virš piešinio naršyklėje, jis trumpam pasirodo po žymekliu.

    Jei paveikslėlis turi veikti kaip hipersaitas, tame pačiame skirtuke galite pasirinkti hipersaito adresą.

    Jei jums reikia įdėti paveikslėlį iš gretimų puslapio elementų, galite naudoti ypatybes intervalaishorizontalioms kairėms ir dešinėms paraštėms bei vertikaliai viršutinei ir apatinei paraštėms. Skyriuje Dydis galite pakeisti paveikslėlio dydį, jo proporcijas. Piešinį galima ištempti, suspausti norima kryptimi, naudojant pločio ir aukščio savybes. Dydžiai gali būti nustatomi absoliučiais vienetais - pikseliais arba santykiniais - procentais, palyginti su faktiniu nuotraukos dydžiu. Jei deformacijos metu reikia išlaikyti nuotraukos proporcijas, nustatykite parinktį Išlaikykite proporcijas.

    Paveikslėlių formatai

    Atskirkite piešinius, padarytus tokiu formatu bitmap grafika ir tokiu formatu vektorinė grafika.

    Rastrinėje grafikoje informacija apie visus paveikslėlio taškus įrašoma į failą, o kiekvienas taškas vaizduojamas kaip bitų seka, kurioje kaupiamos taško charakteristikos - spalva, ryškumas, kontrastas, koordinatės ir kitos charakteristikos. Rastrinius formatus galima vadinti natūraliais, nes informacija apie piešinį yra saugoma tokia forma, kokia ji rodoma monitoriaus ekrane, todėl išvesties operacijoms atlikti reikia mažiausiai laiko. Tačiau bitmap vaizdams laikyti reikia daug atminties, todėl puslapyje pateisinami tik maži vaizdai. Sumažinant bitų žemėlapio failo dydį, naudojami glaudinimo metodai. Palyginti su originalu, suglaudintas piešinys paprastai užima keliasdešimt kartų mažiau atminties. Suspaustos bitų kopijos įkeliamos greičiau, tačiau reikia šiek tiek laiko, kad vaizdas būtų išspaustas.

    Vektorinė grafika pirmiausia naudojama geometrinėms figūroms vaizduoti naudojant matematines formules. Šis paveikslėlio atvaizdavimo būdas yra labai efektyvus, nes tam nereikia kaupti duomenų apie kiekvieną pikselį, o paveikslėlio pateikimas apsiriboja matematiniais skaičiavimais ir grafinio objekto formavimo instrukcijų vykdymu. Paprastai tokie brėžiniai naudojami, pavyzdžiui, projektavimo programose

    CAD.

    Taip pat yra metafailos formataskuris sujungia abi grafikos rūšis. Pavyzdys yra failai su plėtiniu .wmf... Tokie failai naudojami, pavyzdžiui, paveikslėliams pateikti populiariame „Word“ redaktoriuje, kai nuotraukų dydžiai turi būti dažnai keičiami, kad teksto dokumentams būtų suteikta norima išvaizda.

    Šiuo metu tinklalapių kūrėjai naudoja du plačiai naudojamus rastro formatus - GIF (Graphics Interchange Format), sukurtas 1987 m. Ir 1989 m. Patobulintas CompuServe, ir JPEG, sutrumpintai kaip jungtinė vaizdo ekspertų grupė.

    GIF formatas (failai su plėtiniu

    .gif) vaizdas užkoduotas naudojant blokavimo metodą Gavęs kompiuteryje, jis dekoduojamas ir rodomas monitoriaus ekrane. GIF formatas suteikia mažiausią failų saugojimo talpą piešiniams su ribotu spalvų skaičiumi.

    Naudojant GIF formatą galima sukurti daug efektų, įskaitant skaidrumas

    (skaidrumas). Šis efektas plačiai naudojamas, kai piešinį reikia pateikti ne stačiakampio formos. Šiais atvejais dalis stačiakampio vaizdo užpildoma specialia skaidrumo spalva, o kita - įprastomis spalvomis. Įdėjus į puslapį, pikselių, užpildytų skaidrumo spalva, paveikslėlis pakeičiamas matinės spalvos taškais, o kiti pikseliai atkuriami įprastu būdu, taip sukuriant skaidrumo efektą. Dabar vienas ir tas pats raštas gali būti dedamas ant skirtingų spalvų substratų, nebijodamas, kad nepageidaujami stačiakampiai modelio kontūrai bus atkurti, jei spalvos nesutaps. Norėdami sukurti skaidrius GIF, pvz., „Photo Shop“, galite naudoti įvairius grafikos redaktorius.

    Kitas efektas yra tai, kaip atsisiunčiamas GIF yra atkuriamas naršyklėje. Jei piešinys išsaugotas tokiu formatu persipynę (interleaved), jis įkeliamas iš skirtingų vaizdo dalių, kai siunčiamas į naršyklę. Esant mažam ryšio greičiui, sukuriamas laipsniško modelio išvaizdos efektas nuo neryškios atsisiuntimo pradžioje iki išvalymo atsisiuntimo pabaigoje. Vaizdų su įterptu formatu pranašumai yra akivaizdūs, nes dažnai, dar ilgai, kol puslapis su nepageidaujamu vaizdu dar nebaigiamas įkelti, vartotojas gali jį sustabdyti, taip sutaupydamas laiką, kurį jam teks praleisti nežinant laukiant viso įprasto formato vaizdo perdavimo. FP leidžia jums sukurti dryžuotą efektą bet kokiems GIF paveikslėliams.

    GIF galima naudoti kuriant primityvias animacijas, kurios tinklalapiuose naudojamos jų turiniui animuoti („animuoti“). Animacijos efektai neabejotinai puošia puslapį, dažnai naudojami kaip priemonė atkreipti dėmesį į atskirus jo fragmentus. Trūkumas yra padidėjęs failų, kuriuose yra animaciniai piešiniai, tūris. Norėdami kurti animuotus GIF, galite naudoti daugybę programų - nuo paprastų iki labai sudėtingų, leidžiančių sukurti ištisus animacinius filmus viename faile. Paprastos animacijos programos pavyzdys yra „MP Gif Animator“ (autorius V. Fam). Galinga animacijos programa yra „Ulead GIF Animator Lite“ („Ulead Systems“ produktas).

    JPEG formatas (failai su plėtiniais .jpg, ne taip dažnai .jpe arba JPEG) pageidautina suspaustoje formoje laikyti daugiaspalvius piešinius, pavyzdžiui, gamtos nuotraukas, aukštos kokybės sodrių spalvų paletės vaizdus. Įrašydami paveikslėlį grafikos redaktoriuose (pavyzdžiui, „Photo Shop“), galite valdyti failo dydį ir vaizdo kokybę, kurie yra atvirkščiai susiję vienas su kitu. Šią savybę dažnai naudoja tinklalapių kūrėjai, kad sumažintų failus su paveikslėliais ir prarastų dalį jų kokybės. Dažnai tokie vaizdai vizualiai praktiškai nesiskiria, tačiau atitinkamų failų dydis gali skirtis 1,5–3 kartus.

    Neįmanoma ignoruoti failų su BMP formato paveikslėliais (failai su plėtiniu .bmp). Tai vienas pirmųjų grafinių formatų. Šio formato nuotraukos užima daug atminties, tačiau jos vis dar naudojamos ir šiandien, tačiau tik labai mažoms nuotraukoms vaizduoti.

    Neseniai specialiai žiniatinkliui buvo sukurtas naujas PNG vaizdo formatas, kuris pakeis GIF formatą.

    Rimtas šaltinis, norint sumažinti grafinių failų dydį, yra specialus vaizdo apdorojimas grafiniuose redaktoriuose. Gana dažnai galima kelis kartus sumažinti failą, praktiškai nepablogėjus paveikslėlio kokybei. Fig. 5.16 parodytas paveikslėlio redagavimo naudojant „Photo Shop“ grafinį redaktorių pavyzdys.

    Kai nuotrauka buvo konvertuojama į failą skaitytuvu, net nedidelis vaizdo plotas, pavyzdžiui, baltų marškinių apykaklė, sukūrė daugybę skirtingų spalvų charakteristikų pikselių. Norint išsaugoti šias funkcijas glaudinant vaizdą, reikia „individualaus“ požiūrio į kiekvieną iš jų, o tai lemia nepagrįstai didelį failo dydį.

    Kairėje pav. 16 parodyta grafinio redaktoriaus įrankių juosta, apačioje viduryje - nuotrauka, viršuje - padidintas nuotraukos fragmentas (dešinė apykaklės pusė), dešinėje - padidintas retušuoto fragmento vaizdas. Retušavimas susidarė iš to, kad marškinių apykaklė būtų vientisa. Akivaizdu, kad jei pikseliai, kuriuose pavaizduotas pavadintas fragmentas, bus vienspalviai, nuotraukos kokybė nepablogės, tačiau išsaugant glaudinant informacija apie visus monochromatinius pikselius bus fiksuota vieną kartą, todėl failo dydis tapo mažesnis. Panaši operacija buvo taikoma įvairiems nuotraukos fragmentams, o tai 2,5 karto sumažino failo dydį. Retušavimas buvo atliktas naudojant įvairius skydelio įrankius, įskaitant įrankį

    Pieštuko įrankis (pieštukas), kuris skydelyje paryškinamas aktyvia spalva.

    Norėdami sumažinti piešimo failų dydį, taip pat galite naudoti specialias programas, kurios pašalina iš jų ne grafinę informaciją, kurią įdėjo grafiniai redaktoriai, kurdami ir išsaugodami piešinį. Pvz., Šių eilučių autorius naudoja „Advanced Software GIF Optimizer“. Naudojant optimizavimo įrankius GIF failo dydis dažnai gali sumažėti dar 10–60%.

    Norėdami pagreitinti paveikslėlio įkėlimą, galite jį supjaustyti į atskiras dalis ir įdėti šias dalis į skirtingos lentelės langelių puslapius. Žiūrint naršyklėje, padalytas piešinys atrodo taip pat, kaip ne fragmentinis piešinys. Suskaidymo privalumas yra tas, kad nuotraukos, kaip ir kiti puslapio elementai, į naršyklę įkeliamos lygiagrečiai, o tai padeda pagreitinti puslapio įkėlimą. Be to, visiškai įkeltas fragmentas iškart atsiranda naršyklėje, o tai leidžia sukurti greito paveikslėlio atsisiuntimo iliuziją. Kartu su galimybe perkelti GIF ir JPEG vaizdus bei redagavimo išteklius galite pastebimai pagreitinti įkeliant vaizdus į puslapius.

    8. Puslapiai su rėmeliais

    Šie puslapiai pirmiausia naudojami „Netscape Navigator“ naršyklei. Vienas iš tokių puslapių pateikia naršyklėje nepriklausomų langų rėmelių rinkinį, kuris leidžia išplėsti galimybes vienu metu rodyti atskirus puslapius ar skirtingas puslapio dalis, visų pirma, norint atlikti jų nepriklausomą slinkimą. Kiekvienas kadras vaizduojamas kaip atskiras failas, o kitas failas, kuris yra kadro failas, naudojamas apibūdinti, kaip rėmeliai rodomi naršyklėje. Kiekvienas kadras yra žiniatinklis puslapį ir gali būti peržiūrimas kaip atskiras puslapis viename lange.

    Fig. 17 pavaizduotas tinklalapis, naudojamas naršyti puslapiuose, kuriuose rodoma elektroninė katedros mokymo medžiaga.


    Paveikslėlis: 17. Įrėminto tinklalapio pavyzdys

    Puslapis sutvarkytas meniu forma ir susideda iš trijų rėmelių

    : vienas yra viršuje, kiti du žemiau yra kairėje ir dešinėje. Viršutinis rėmelis reiškia puslapio pavadinimą. Apatiniai rėmeliai yra sukonstruoti taip, kad būtų galima paleisti ir naudoti dviejų lygių meniu. Pirmasis meniu lygis yra išdėstytas kairiajame rėmelyje. Joje vartotojas gali pasirinkti norimą specialybę, discipliną arba pereiti iš šio puslapio į skyriaus pagrindinį puslapį spustelėdamas vieną iš hipersaitų. Fig. 17 kairiajame rėmelyje spustelėjo hipersaitą su užrašu Informatika, apie kurį galima spręsti pagal punktyrinę dėžutę, ribojančią hipersaitą. Po šio spustelėjimo dešiniajame rėmelyje įkeliamas ir atkuriamas puslapis, kuriame yra šios disciplinos turimos mokymo medžiagos pavadinimai. Dešiniajame rėmelyje pelės žymeklis užveda virš linijos Atviras vienoje iš antraščių. Taigi tinkamas rėmas veikia kaip submeniu talpykla, tai yra aktyvus antrojo lygio meniu.

    Apibūdintas organizavimo metodas leidžia patogia vartotojui forma sukurti kairiajame rėmelyje savavališkai ilgą disciplinų ir specialybių sąrašą bei savavališkai ilgą kiekvienos specialybės ar disciplinos medžiagos sąrašą, kuris bus rodomas dešiniajame rėmelyje. Tokiu atveju dešiniojo rėmelio sąraše visada galite pamatyti pasirinktos pozicijos turinį iš kairiojo rėmelio sąrašo.

    Kuriant rėmelių puslapį, šie puslapiai pirmiausia buvo sukurti atskirai:

    • header.htm - puslapis, kuris atspindės rėmelio puslapio antraštę;
    • menu.htm - puslapis, rodantis meniu kairiajame rėmelyje;
    • informatique.htm - puslapis, kuriame pateikiamas mokymo medžiagos sąrašas pagal disciplinas Informatika;
    • certificate.htm - puslapis, kuriame pateikiamas mokymo medžiagos sąrašas pagal specialybę Sertifikavimas;
    • tms_metod.htm - tikrasis rėmelio puslapis.

    Norėdami sukurti paskutinį puslapį, naudodami meniu sutvarkykite naują failą Failas /

    Sukurti ir išsirinkite komandą Kiti šablonai puslapių... iš užduoties srities Padaras.
    Atidarytame dialogo langeŠablonai puslapių, pasirinkite skirtuką Puslapissistema , kuriame rodomi tinklalapių su rėmelių struktūra šablonai, kurie yra FP dalis (18 pav.).

    Naujo rėmelių tinklalapio langas (19 pav.) Bus padalytas į dalis pagal pasirinktą struktūrą.

    Spustelėdami dešinį pelės mygtuką, iškviečiame kontekstinį meniu, puslapio ypatybių langą ir įveskite tekstą antraštės eilutėje

    Katedros metodinė medžiaga, kuris paprastai rodomas naršyklės viršuje, ir išsaugokite tms_metod.htm puslapį.

    Tada mes nuosekliai spustelėkite mygtuką Nustatykite pradinį puslapį viršutiniame ir kairiajame rėmeliuose ir užmegzkite atitinkamo rėmo ryšį su mūsų puslapiu, naudodami standartinį langą hipersaitui sukurti, parodytą Fig. 12. Spustelėjus viršutinio rėmelio mygtuką, priskiriamas adresas header.htm, kairiojo adresas yra menu.htm, dešiniojo adresas yra tuščias puslapis (naudojant mygtuką Sukurti puslapį pav. 19).

    Siekiant užtikrinti, kad informatique.htm ir certificate.htm failai būtų rodomi dešiniajame rėmelyje, kai juos iškviečia hipersaitai, hipersaitams į šiuos tinklalapius meniu.htm faile priskiriama numatytoji vertė - home.

    9. Tinklalapio kūrimo pavyzdys

    Fig. Pristatyta 20

    History.htm tinklalapis , rodanti trumpą TMS katedros istoriją KSTU.

    Paveikslėlis: 20. Tinklalapio peržiūra naršyklėje

    Puslapio išdėstymas FP redaktoriuje parodytas Fig. 21. Pirmiausia sukuriamas naujas puslapis. Tada, spustelėjus dešinį pelės mygtuką, iškviečiamas kontekstinis meniu, kuriame paspaudžiama eilutė Puslapio ypatybės... Atsidariusiame puslapio savybių lange (3 pav.) Įrašomas jo pavadinimas TMS katedros istorija... Ant žymės Kiti kiekviena puslapio krašto įtraukos parinktis turi varnelę ir jų reikšmės nustatomos į nulį. Tai reiškia, kad skaitant naršyklėje puslapis turėtų būti pateiktas be įtraukų iš viršutinės ir kairės peržiūros srities ribų. Spustelėjus mygtuką Sutaupyti puslapis įrašomas į diską pavadinimu history.htm.

    Tada komanda įterpti lentelę į puslapį yra keturių stulpelių ir keturių eilučių lentelė. Trys paveikslai h1.gif, h2.gif, h3.gif nuosekliai dedami į viršutinės eilutės langelius iš kairės į dešinę (paveikslai anksčiau buvo sukurti grafinio redaktoriaus nuotraukų parduotuvėje). Pirmojo piešinio (KSTU) dydis yra 4 K, antrojo (TMS) - 3,6 K, paskutinio - 1,4 K. Visi piešiniai yra užrašai, pagaminti ant bordo fono. Paskutinė figūra (ji pažymėta INŽINERINIŲ TECHNOLOGIJŲ KATEDRO ISTORIJA) yra pagaminta iš mažesnio pločio, siekiant sumažinti atmintį.

    Paveikslėlis: 21. Pažymėto interneto puslapio peržiūra FP redaktoriuje

    Tada spustelėkite pirmosios eilutės langelį ir komandą Lentelė / Pasirinkite eilutę paryškinta pirmoji langelių eilutė. Tada virš jo užvedė žymeklį ir spustelėjo dešinį pelės mygtuką. Komanda pasirinkta kontekstiniame meniu Ląstelių savybės ir pasirodžiusiame lange (10 pav.) visoms pasirinktoms langelėms priskiriamas fonas bg.gif paveikslėlio pavidalu (jis taip pat paruoštas Photo Shop redaktoriuje). Šis grafikas yra vientisas 8x8 taškų vaizdas su tomis pačiomis charakteristikomis. Pakloto failo dydis yra tik 46 baitai. Paklotas yra būtinas, kad visa pirmoji stalo eilė būtų nudažyta ta pačia spalva (figūros padarytos tos pačios spalvos fone).

    Kad siauresnis h3.gif būtų išdėstytas vertikalia kryptimi ląstelės viduryje, jo savybė Vertikali padėtis priskirta vertė Centras... Pagal numatytuosius nustatymus horizontali padėtis paliekama, tai yra, norint paspausti kairįjį langelio kraštą. Pirmosios lentelės eilutės paskutiniam langeliui (jis tuščias) iki ypatybės Plotis priskirta 600 vertė. Tai reikalinga tam, kad būtų garantuota, jog visa pirmoji lentelės eilutė tilps per visą lango plotį (ir netgi suteiks tam tikrą paraštę), kuri, žiūrint puslapyje, sukurs vienos spalvos antraštės (reklamjuostės) spalvos efektą naršyklėje (20 pav.).

    Toliau buvo priskirtos dvi nuorodos - į KSTU vietą ir TMS departamento vietą. Jie yra būtini, kad puslapio žiūrovas, jei pageidauja, galėtų eiti peržiūrėti šiuos puslapius. Pirmajam vaizdui (h1.gif) buvo priskirta hipersaitas http://www.kgtu.runnet.ru į KSTU svetainę (5.12 pav.). Antrasis (h2.gif) - hipersaitas į TMS departamento svetainę http://tms.kgtu.runnet.ru... Paveikslėlio savybių eilutėje Tekstas tekstas priskiriamas pirmajam Į KSTU svetainę, Antras - Į TMS departamento vietą... Šios eilutės yra būtinos, kad žiūrintysis galėtų perskaityti hipersaitų, esančių ant patarimų, paskirtį, kai jie užveda virš vaizdo. Kad hipersaitinių vaizdų kontūrai nebūtų matomi naršyklėje, jų krašto storio ypatybė nustatoma į nulį, o kraštinė sutraukiama (15 pav.). Tai užbaigia pirmosios lentelės eilutės žymėjimą.

    Antroje lentelės eilutėje pirmose dviejose ląstelėse yra tas pats paveikslėlis iš failo arrow.gif. Paveiksle pavaizduota rodyklė, nukreipta į viršų. Failo dydis yra tik 324 baitai. Paveikslėliai skirti žiūrovui pasakyti, kad virš jų yra hipersaitų, kuriuos jis gali naudoti. Norėdami įsitikinti, kad rodyklės yra tiksliai po atitinkamais skaičiais, nuosavybė horizontali padėtis langeliams priskirta vertė centre.

    Puslapio tekstas yra trečioje lentelės eilutėje. Prieš įklijuojant tekstą, antras ir trečias šios eilutės langeliai buvo sujungti. Prieš sujungiant langelius, buvo pasirinkta meniu komanda Stalas / Sujungti langelius... Tada žymeklis buvo įdėtas į langelį ir kelis kartus buvo paspaustas klavišas Enter, kad būtų galima įterpti tuščias pastraipas.

    Pirmoje langelio pastraipoje viršutinė teksto dalis įvedama iš klaviatūros (ji eina prieš sąrašą darbuotojų, kurie skirtingu metu užėmė TMS departamento vadovų pareigas).

    Žemiau yra lentelė su viena eilute ir dviem stulpeliais. Kairiajame stulpelyje įrašomi darbuotojų vardai, dešiniajame - jų vadovavimo metai. Lentelės langeliai yra suformatuoti taip, kad nuosavybė vertikalus nuostatas turi prasmę aukštyn, nuosavybė horizontaliai pozicijąkairėje... Tokia organizacija leis pavardes ir laikotarpius naršyklėje išdėstyti dviejuose gretimuose stulpeliuose, tiksliai vienas po kito.

    Žemiau lentelės yra tekstas, užbaigiantis istorijos aprašymą.

    Visas tekstas rašomas Arialas, kai kurie jo fragmentai paryškinti. Tai apima datas, pavardes, specialybės kodus ir kitus elementus, į kuriuos reikia atkreipti žiūrovo dėmesį.

    Nepraleista galimybė pabrėžti įdomų vieno iš teksto fragmentų bruožą: jei padarysite santrumpą iš TMS skyriuje dėstomų specialybių pavadinimų pirmųjų raidžių, tai ji pakartos santrumpą, sudarytą iš pirmųjų skyriaus pavadinimo raidžių, tai yra, vėl gausite „TMS“ Šios teksto dalies nematyti 20 ir 21 pav. Šią savybę pabrėžia faktas, kad pirmosios raidės specialybių pavadinimuose paryškintos paryškintomis ir raudonomis spalvomis.

    Galiausiai visi apatinės didelės lentelės eilutės langeliai sujungiami ir į gautą langelį mažesniu šriftu įrašomi skyriaus išvesties duomenys - adresas, telefono numeriai, el. Pašto adresas.

    Programa, su kuria gana lengva suprasti pagrindinius interneto puslapių kūrimo principus, kurioje yra platus papildomų įrankių pasirinkimas kuriant sudėtingas interneto svetaines ir portalus.

    „Microsoft FrontPage“ iš pirmo žvilgsnio

    Tai yra lengvai išmokstamas ir patogus naudoti internetinis redaktorius, skirtas kurti, ruošti ir skelbti svetaines. Dėka integracijos su „MS Office“ produktų šeima, žinomos sąsajos ir gausybės šablonų, programa leidžia greitai įsisavinti darbą net pradedantiesiems vartotojams, kurie yra susipažinę su darbo „MS Word“ pagrindais. Tuo pačiu „FrontPage“ negalima vadinti „manekenų“ sprendimu: programa suteikia platų funkcionalumą ir įvairius įrankius interneto puslapiams optimizuoti.

    Reikėtų pažymėti, kad „Microsoft FrontPage“ pavadinimas egzistavo iki 2003 m., Tada jis buvo papildytas naujomis funkcijomis ir pasikeitė pačios programinės įrangos pavadinimas. 2007 m. „FrontPage“ buvo pavadinta „Microsoft Expression Web“, o 2010 m. - „Microsoft Office SharePoint Designer“. Tiesą sakant, kai kurie papildymai buvo pridėti prie naujų versijų, tačiau pagrindinė programos išvaizda buvo išsaugota.

    Pagrindiniai programos įrankiai

    Bendras „Microsoft FrontPage“ vaizdas

    „Microsoft FrontPage“ turi daug bendro su „MS Word“ įrankiais, todėl daugelis mygtukų ir meniu skirtukų taip pat yra intuityvūs ir palengvina puslapio kūrimo procesą. Daugelis jau žino, kaip rinkti ir formatuoti paprastą tekstą, kurti lenteles „Microsoft Word“, tas pats principas naudojamas redaguoti „FrontPage“ puslapį.

    Dešinėje paveikslėlyje parodytas bendras programos vaizdas su standartiniu įrankių rinkiniu, kuriuo galite sukurti puslapio šabloną su tekstu, nuorodomis ir paveikslėliais. Eikite į skirtuką „Rodinys“ šalia „Įrankių juosta“ ir įsitikinkite, kad Standartinis", "Formatavimas"ir" Lentelės", šių įrankių pakaks paprastam puslapiui sukurti. Apačioje atkreipkite dėmesį į skirtukus" Dizainas "," Kodas "ir" Rodinys "- tai trys skirtingi režimai, kuriais visada galite peržiūrėti, kaip atrodo sukurtas puslapis.

    • „Designer“ įvedami visi pakeitimai, tekstas rašomas ir formatuojamas, įterpiamos nuotraukos, kuriamos nuorodos, keičiamos fono ir šrifto spalvos taip pat, kaip ir „Microsoft Word“.
    • Skirtuke „Kodas“ galite peržiūrėti vadinamąjį HTML kodą. HTML yra standartinė dokumento žymėjimo kalba žiniatinklyje. Dauguma tinklalapių yra sukurti naudojant HTML kalbą. Šiame skirtuke taip pat galite redaguoti puslapį, tačiau turite žinoti šią žymėjimo kalbą. Tačiau visi pakeitimai pradedantiesiems turėtų būti atliekami dizaineryje, o visi HTML pakeitimai bus automatiniai.
    • Skirtuke „Rodinys“ galite pamatyti, kaip puslapis atrodo tiesiai naršyklėje (pvz., „Internet Explorer“)

    Išsamus kitų „Microsoft FrontPage“ meniu, mygtukų ir funkcijų aprašymas pateiktas programos žinyne. Norėdami tai padaryti, paspauskite klavišą "F1".

    „FrontPage“ puslapių šablono kūrimas

    Įterpkite pagrindinę lentelę į redaktorių

    Taigi, norint sukurti paprastą šabloną, reikia įterpti lentelę su trimis blokais. Trys blokai yra paprastas standartas: viršutinis blokas skirtas svetainės pavadinimui, antrasis blokas skirtas svetainės naršymo nuorodoms, o trečiasis blokas skirtas tekstui, paveikslėliams ir kitai puslapio informacijai. Patogumo dėlei galite įterpti daugiau stalo blokų, tačiau tai yra skonio reikalas, kaip, kiek ir kokio dydžio šiuos kaladėles reikėtų padaryti. Yra dar vienas būdas sukurti blokus ne kuriant lenteles, o įterpiant į puslapius vadinamuosius „div“ elementus ir jiems priskiriant tam tikrus stilius, tačiau šis metodas nėra skirtas naujiems žiniatinklio valdytojams, todėl apie tai galite parašyti atskirą straipsnį.

    1. Norėdami įterpti lentelę, eikite į skirtuką „Lentelė“\u003e „Įterpti“\u003e „Lentelė“ ir užpildykite laukus, kaip parodyta paveikslėlyje dešinėje. Tiesą sakant, galite įvesti savo parametrus, tačiau ši lentelė yra fiksuoto pločio ir ištempta iki 100% ekrano ploto. Taigi lentelė bus kompaktiškai rodoma naršyklėje.
    2. Tada reikia sureguliuoti visas tris langelius, nes po įdėjimo jų aukštis yra vienodas. Dešiniuoju pelės mygtuku spustelėkite viršutinę langelį ir eikite į langelio „Langelio savybės“ langelį, sąlygiškai įveskite „150“ ir pažymėkite varnelę „taškuose“, t. langelio dydis bus 150 taškų. Tame pačiame meniu galime pasirinkti langelio fono spalvą, o spustelėję meniu „stilius ...“, galite atlikti kitus langelio nustatymus, pavyzdžiui, pasirinkti langelio krašto spalvą ir dydį, galite eksperimentuoti su tuo ir pamatyti rezultatą. Pačiame langelyje galite įvesti svetainės pavadinimą.
    3. Tada redaguokite antrą langelį, skirtą svetainės naršymo nuorodoms. Mes nustatėme maždaug 40 taškų plotį, to pakaks, na, o kitus nustatymus, pvz., Fono spalvą ir laukus, pritaikome pagal savo skonį. Toliau mes rašome pačių nuorodų pavadinimus, atskirdami juos vertikalia linija ar kitu ženklu (jį galite peržiūrėti žemiau, atsisiųsdami visą šabloną). Pasirinkite testą ir paspauskite centrinį lygiavimo mygtuką, kaip ir „MSWord“. Tuo pačiu būdu galite pakeisti šriftą, šrifto dydį ir kitus teksto parametrus.
    4. Taip pat įkūrėme paskutinę kamerą. Jis skirtas pagrindiniam tekstui, kuriame galite įvesti sveikinimo tekstą.
    5. Galiausiai galite pereiti į skirtuką "Failas"\u003e "Ypatybės", kur galite įvesti svetainės pavadinimą ir pakeisti bendrą puslapio foną ir kitus bendruosius nustatymus

    Šablonas dabar paruoštas. Tai visų tolesnių svetainės puslapių pagrindas. Taip svetainė atrodo HTML kode:

    Taip gauname svetainės šabloną

    < html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text / html; charset \u003d windows-1251"> < title > Svetainės pavadinimas < 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" > Svetainės pavadinimas < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b > namai | < b > 2 puslapis | < b > 3 puslapis | < b > 4 puslapis | < b > 5 puslapis | < b > Kontaktai < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" > Pagrindinio puslapio tekstas. Čia galite įterpti sveikinimo tekstą ir trumpai parašyti, kas yra svetainė.

    Šį HTML kodą galima nedelsiant įterpti į redaktorių skirtuke „Kodas“ ir iškart pamatysite baigtą šabloną. Jį galima keisti ir redaguoti, kad atitiktų jūsų poreikius. Čia verta paaiškinti, kad ten, kur įterptas pagrindinis tekstas ir kad jis nėra arti paraštių, jis buvo įrėmintas žymoje „div“ su įtraukos nustatymu, kaip parodyta pavyzdyje.

    Papildomi šablonai

    1. Jūs taip pat turite žinoti, kad „FrontPage“ ir kitose panašiose programose yra standartiniai šablonai, kuriuos galima naudoti kuriant puslapius, juos lengva redaguoti ir bet kurį šabloną galite pritaikyti pagal savo poreikius. Norėdami pasirinkti standartinį šabloną, atsidariusiame lange eikite į skirtuką „Failas“\u003e „Naujas ...“, pasirinkite „Kiti puslapių šablonai“, kur galėsite pasirinkti bet kurį jums patinkantį šabloną.
    2. Yra ir antroji galimybė - atsisiųsti visą šabloną iš interneto. Yra daugybė svetainių, teikiančių tokią paslaugą. šablonai gali būti mokami arba nemokami. Atsisiuntę tą ar tą šabloną, galite jį redaguoti programoje, užpildyti reikiamą turinį ir pakeisti to ar kito elemento stilių.

    Standartinių lentelių išdėstymo ir temų naudojimas

    „Microsoft FrontPage“ pateikia gerus įrankius paruoštiems lentelių išdėstymams ir svetainių kūrimo temoms

    Turite žinoti, kad „Microsoft FrontPage“ turi standartinį lentelių išdėstymo ir temų rinkinį, kurį galite naudoti norėdami gerai suprasti įprastų puslapių ar vizitinių kortelių svetainių kūrimo meną. Taigi viršutiniame dešiniajame kampe yra išskleidžiamasis meniu (žr. Paveikslėlį dešinėje, kuriame taip pat rodomas lentelių matų ir dizaino temų naudojimo rezultatas), spustelėjus meniu pasirodys, kuriame reikia pasirinkti „Išdėstymo lentelės ir langeliai“, tada žemiau pasirodys daugybė skirtingų lentelių išdėstymų, galite pasirinkti bet kurį savo nuožiūra ir skoniu. Taigi rankiniu būdu sukuriama pati lentelė.

    Taigi, įvesdami arba įklijuodami tekstą, logotipą, nuorodas į lentelės langelius, eidami į tą patį meniu galite pasirinkti meniu „Tema“, kuriame galite pasirinkti įvairias puslapio dizaino, nuorodų, puslapio fono ir daug daugiau temų. Ši galimybė yra gera tiems, kurie tik mokosi kurti tinklalapius ir gana aiškiai atspindi patį svetainės kūrimo procesą. Kitaip tariant, „Microsoft FrontPage“ galite eksperimentuoti su skirtingais nustatymais ir aiškiai pamatyti, kaip transformuojamas konkretus puslapis. Čia galite pateikti vieną patarimą, išstudijuoti visas programos funkcijas ir nebijoti užsidirbti pinigų tame ar kitame meniu, nes kiekvienas įrankis turi savo ypatybę ir tikslą formuoti visavertį puslapį.

    Įterpkite paveikslėlį ir sukurkite nuorodas į puslapius

    Pradedantiesiems žiniatinklio valdytojams svarbu žinoti, kaip įterpti paveikslėlius į puslapį ir kurti nuorodas į kitus puslapius. Pavyzdžiui, vietoj svetainės pavadinimo teksto galite įterpti svetainės logotipo paveikslėlį. Norėdami tai padaryti, pirmiausia spustelėkite lauką, kuriame norite įterpti vaizdą, tada pačiame viršuje spustelėkite skirtuką "Įterpti"\u003e "Paveikslėlis"\u003e "Iš failo", pasirinkite norimą paveikslėlį ir spustelėkite "Įterpti", po kurio paveikslėlis pasirodys puslapyje. Dešiniuoju pelės mygtuku spustelėję paveikslėlį, galite išeiti iš meniu su papildomais vaizdo nustatymais. Svarbu, kad visos nuotraukos būtų viename griežtai apibrėžtame visų nuotraukų aplanke.

    Norėdami pereiti į kitus svetainės puslapius, turite sukurti nuorodas, pagal kurias vartotojai galėtų aplankyti visus svetainės puslapius. Norėdami tai padaryti, pasirinkite norimą nuorodos tekstą ir eikite į skirtuką "Įterpti"\u003e "Hipersaitas", atsidariusiame meniu turite nurodyti puslapį, į kurį yra sukurta nuoroda, ir spustelėkite "Gerai". Tame pačiame lange yra ir kitų nuorodų nustatymų, pavyzdžiui, ar atidaryti nuorodą naujame lange, ar ne. Iš esmės galite tai studijuoti patys.

    Išvada

    Iš esmės šie redaktoriai yra panašūs vienas į kitą, turi panašias funkcijas ir meniu. Įvaldę pagrindinius nustatymus, galite lengvai kurti svetaines kituose redaktoriuose. Įvaldę šiuos principus, galite pereiti prie sudėtingesnio tinklalapio kūrimo metodo - naudodamiesi vadinamuoju CSS. Kas tai yra ir kaip redaguoti svetainės dizainą, galite perskaityti CSS straipsnyje.

    Šio „šablono“ metodo trūkumas yra tas, kad kiekvienas puslapis turi būti sukurtas atskirai, remiantis sukurtu šablonu. Kai, kaip kuriant svetaines naudojant vadinamuosius variklius, atskiras puslapis nėra reikalingas, jie generuojami automatiškai, kai pridedamas turinys

    Jei turite klausimų apie straipsnį, panašių programų naudojimą kuriant svetaines, galite jų užduoti mūsų forumo diskusijų temoje.

    Straipsniai panašiomis temomis

    „FrontPage“ yra HTML puslapių kūrimo ir jų „paskelbimo“ programa. Tai gana senas programinės įrangos sprendimas ir ilgą laiką nebuvo palaikomas. Ją pakeitė programa.

    Funkcinis

    „FrontPage“ yra naudingas asistentas žiniatinklio valdytojams, norintiems supaprastinti tinklalapių kūrimo procesą ir padaryti jį patogesnį. Programa pateikia didelį įrankių rinkinį, kuriuo naudodamiesi galite ne tik kurti puslapius, bet ir sutvarkyti juos pagal savo norus ar kliento reikalavimus. Pakankamai patogiai, programa gali kontroliuoti vartotojo klaidas. Visos klaidos žymose bus surastos ir parodytos jums toliau taisyti.

    Programinėje įrangoje yra įmontuotas šablonų rinkinys, kurį galite naudoti kurdami savo puslapius - taip sutaupysite laiko ir išvengsite rato išradimo. Su atsidavusio vadovo pagalba galite labai greitai paskelbti baigtą darbą. Iškilus sunkumams ir klausimams, patariame atidaryti pagalbos skyrių - geriau nei „Google“ pasakyti, kaip rasti išeitį iš aklavietės.

    Veikimo režimai

    Programinės įrangos gaminyje yra keli veikimo režimai - konstruktorius, kodas, žiūrėjimo rezultatai, taip pat „kombinuotas“ režimas, kurio atveju darbinis langas bus padalintas į dvi sritis - kodo generavimą ir peržiūrą. Dirbant su dizaineriu bus parodytos visos padarytos klaidos - ten taip pat galite dirbti su vaizdais, įterptais tarp teksto, nuorodų, rėmelių ir daugelio kitų elementų. Kodo režimą racionaliau naudoti ne peržiūrai, bet redagavimui.

    Pagrindiniai bruožai

    • internetinių puslapių kūrimas, jų dizainas ir turinys;
    • vizuali kodo peržiūra naudojant projektavimo režimą (WYSIWYG);
    • integruota šablonų biblioteka;
    • įmontuotas vadybininkas, leidžiantis greitai ir lengvai paskelbti galutinį rezultatą;
    • galimybė kreiptis į žinyną;
    • automatinė paieška ir klaidų taisymas;
    • rusiškos grafinio apvalkalo versijos buvimas.