Vytváranie webových stránok pomocou FrontPage. Vytváranie webových stránok v editore FrontPage Nastavenie možností prehrávania videa

Humanitárna vysoká škola Petropavlovsk pomenovaná po M. Žumabajevovi

otvorená lekcia

« Vytváranie webových stránok v Microsoft Front Page »

Učiteľ: Zhanbekova A.E.

Petropavlovsk

Téma lekcie:„Vytváranie webových stránok na titulnej stránke spoločnosti Microsoft“

Účel lekcie: znalosť programu Microsoft Front Page, schopnosť pracovať

tohto programu, rozvoj kognitívnej motivácie a

tvorivý prístup k vzdelávacím aktivitám.

Ciele lekcie:

Vzdelávacie: oboznámiť žiakov s definíciami pojmov

Webová stránka, web a upevniť základné zručnosti

prácu s nimi v programe Microsoft Front Page.

vývojové: rozvíjanie schopnosti analyzovať a zovšeobecňovať naučené

materiál, rozvoj zručností samostatnej činnosti,

kognitívne schopnosti, logické myslenie v

proces navrhovania webových stránok, aplikácia teórie

na praxi.

Vzdelávacie: formovanie komunikačných kvalít osobnosti, citov

seba a vzájomný rešpekt, informačnú kultúru.

Typ lekcie: Vysvetlenie nového materiálu

Základné metódy

použité v lekcii: vysvetľujúce a názorné

Vybavenie: počítačová trieda vybavená modernou technikou a

licencovaný softvér, multimediálny projektor.

Počas vyučovania.

ja. Organizovanie času.

Ahojte chalani. Dnes sa nachádzame v nie celkom známom prostredí. Preto navrhujem pomáhať si navzájom. Necháte ma zvyknúť si na novú situáciu a ja vám pomôžem dozvedieť sa niečo nové o už známych veciach.

II. Vysvetlenie nového materiálu.

Dnešnú lekciu začnem slovami jednej známej osobnosti: „Ten, kto vlastní informácie, vlastní svet.“

Informácie sa vo svete šíria rôznymi spôsobmi: telefonicky, prostredníctvom médií, pošty atď. Najbežnejším, najpohodlnejším, rýchlym a spoľahlivým spôsobom šírenia informácií je však používanie World Wide Web. Internet má dve strany. Na jednej strane ide o fyzické spojenie miliónov počítačov tvoriacich počítačovú sieť. Na druhej strane ide o kombináciu stoviek miliónov dokumentov, tvoriacich celosvetové informačné pole. Slovo internet sa najčastejšie vzťahuje na jeho najobľúbenejšiu službu – World Wide Web. Informácie publikované vo formáte tejto služby sú prezentované vo forme webových stránok.

internetové stránky sú zložité dokumenty, ktoré môžu obsahovať akýkoľvek typ údajov: text, grafiku, zvuk, video a animáciu. Tematicky homogénna skupina webových stránok tvorí webovú stránku.

webové stránky je súbor súvisiacich webových stránok a súborov, ktoré spolu súvisia. Webové stránky sú zvyčajne venované konkrétnej téme a obsahujú informácie týkajúce sa jednotlivca alebo spoločnosti. Každá lokalita má jednu špeciálnu stránku, ktorá sa nazýva domovská stránka alebo hlavná stránka. Všetci návštevníci vášho webu sa najskôr dostanú na túto stránku. Kliknutím na hypertextový odkaz môžu používatelia prejsť na iné stránky vašej lokality. Hypertextový odkaz je text alebo obrázok na webovej stránke, na ktorý sa po kliknutí dostanete na inú webovú stránku alebo lokalitu.

Teraz si povedzme, ako vznikajú webové stránky. Na vytváranie webových stránok sa používajú špeciálne programy. Teraz sa s jedným z nich zoznámime. Volá sa Microsoft Front Page.

MicrosoftPrednéStránka je program určený na vytváranie individuálnych webových stránok a udržiavanie plnohodnotnej webovej stránky.

Program sa spúšťa pomocou príkazov Štart - Programy - Microsoft Office - Microsoft Front Page. Okno Predná strana je okno editora podobné oknám aplikácií balíka Office. Pozostáva z nasledujúcich prvkov: panel ponuky, štandardný panel, názov súboru stránky, panel formátovania, pracovná oblasť, tlačidlá na výber spôsobu zobrazenia dokumentu, panel Vytvorenie sa používa pri práci s webovou stránkou.

Plánovanie webových stránok.

Najprv sa musíte rozhodnúť, aký materiál bude vaša stránka obsahovať; stojí za to určiť, aký bude jeho účel; jeho hlavné ciele. Toto je naša prvá stránka, nazvime ju teda „Môj prvý krok“.

III. Praktická práca.

Cieľ: naučiť sa tvoriť Web Predné Stránka .

IV. Konsolidácia. (frontálny prieskum)

Čo je webová stránka?

Kde sa vytvárajú webové stránky?

Ako spustiť Microsoft Front Page?

Čo sa musíte rozhodnúť predtým, ako začnete vytvárať webovú stránku?

Čo sme sa dnes v triede naučili?

V. Domáca úloha.

( Vytvorte webovú stránku o vašej skupine pre návštevníkov internetu )

Keď veľký skladateľ P.I. Čajkovského sa opýtali, čo je to inšpirácia, odpovedal: "Je to hosť, ktorý nerád navštevuje lenivcov." Prajem vám inšpiráciu pri tvorbe vašich webových stránok.

VI. Zhrnutie lekcie. Klasifikácia.

Praktická práca.

Cieľ: naučiť sa tvoriť Web -stránky v programe Microsoft Predné Stránka .

Spustite Microsoft Front Page.

Vyberte príkaz ponuky Súbor – Nový a na paneli Vytvoriť vyberte príkaz Prázdna strana.

Kliknite pravým tlačidlom myši na názov súboru stránky a vyberte možnosť Uložiť. Nazvite to „Môj prvý krok“.

Vyberte veľkosť písma 7 (36 bodov) a napíšte „Ahoj, toto je prvá strana mája!“ Vyberte tento text a na paneli nástrojov Štandard kliknite na tlačidlo Web Component. V okne Vložiť komponent webovej lokality, ktoré sa otvorí, vyberte efekt ticker, potom príkaz Dokončiť a v ďalšom okne kliknite na tlačidlo OK.

V ďalšom riadku s veľkosťou písma 5 (18 pt) napíšte „Vitajte“.

Vykonajte príkaz ponuky Formát - Téma. V okne motívu, ktoré sa otvorí, vyberte motív, ktorý sa vám páči.

Napíšte nasledujúci text: S virtuálnym životom som sa začal zoznamovať len nedávno, no podľa dlhoročnej tradície som chcel vytvoriť aj vlastnú domovskú stránku pre mojich nových virtuálnych priateľov a známych, aby si mohli prezerať moje fotografie, prečítajte si o mne, napíšte pár riadkov do mojej knihy návštev.

Na tlačidlách voľby režimu dokumentu kliknite na položku Zobraziť.

Vaša prvá webová stránka je pripravená!

Skôr ako začnete pracovať v aplikácii FrontPage, odporúčam vám vytvoriť priečinok špeciálne pre vašu lokalitu. Môže sa nazývať „stránka“, „moja stránka“, „moja super-duper stránka“ alebo, ak dávate prednosť angličtine, „moja stránka“, „stránka“.

Na internete súbory s ruskými názvami, bohužiaľ, nefungujú (to však neznamená, že nebudú fungovať na vašom počítači), takže z dlhodobého zvyku použijem predvolený priečinok stránky. Tento zvyk si môžete začať rozvíjať aj vy, ale je to len na vašu žiadosť :)

Vytvorený priečinok môžete umiestniť kamkoľvek, na disk C, do „Moje dokumenty“, na plochu... v zásade je to jedno, hlavné je, že máte je pohodlné s ňou pracovať.

Neodporúčam vám však vytvárať si priečinok priamo na ploche. Cesta k nej (môžete ju vidieť vo vlastnostiach priečinka alebo v samotnom priečinku, je uvedená v riadku „adresa“), v tomto prípade bude veľmi dlhá. Napríklad: "C:Documents and SettingsUsersUser001desktopsite". Pravda, môže byť krátky, napríklad: „C:WINDOWSDesktopsite“. Všetko závisí od nastavení vášho počítača.

Ak je cesta stále dlhá, môžete vytvoriť priečinok pre stránku na jednotke C (alebo D), potom bude jej cesta oveľa kratšia: „C: site“. A aby ste priečinok otvorili rýchlo a jednoducho, musíte k nemu vytvoriť odkaz a umiestniť ho na akékoľvek vhodné miesto, napríklad na rovnakú pracovnú plochu.

Prečo sa starať o veľkosť cesty k priečinku? Kvalitu tvorby webu to nijako neovplyvní, no z vlastnej skúsenosti som sa naučil, že oveľa pohodlnejšie je pracovať s priečinkami, ktorých cesta nie je príliš dlhá. V príklade sa použije nasledujúca cesta k priečinku „C:Documents and Settingssite“

Samostatný priečinok pre web - vec je mimoriadne pohodlná, niekedy dokonca nenahraditeľná. Vaše materiály a vytvorené stránky sa nikde nestratia, ale budú pokojne ležať vo vlastnom samostatnom priečinku.

Pomocou FrontPage by vytvorenie webovej stránky nemalo byť náročné ani pre menej skúseného používateľa. Môžete si napríklad vybrať hotovú webovú stránku, zmeniť štandardné údaje na svoje vlastné, niečo pridať, niečo vymazať a je to, web je možné umiestniť na internet. Výberom môžete vytvoriť novú webovú stránku Súbor(Súbor) | Vytvorte(Nový). Napravo od pracovného priestoru sa otvorí nasledujúce okno:

Kliknutím na odkaz Ďalšie šablóny webových stránok Uvidíte, že existuje oveľa viac rôznych typov webových stránok od jednostránkových až po firemné. V záujme experimentovania môžete skúsiť vybrať webovú lokalitu a vytvoriť lokalitu v tejto šablóne.

V skutočnosti však nepodporujem tento spôsob vytvárania stránky, pretože FrontPage vytvára veľa nepotrebných priečinkov pre hotovú webovú stránku. A vo všeobecnosti je veľa nepotrebných vecí.

Preto navrhujem trochu iný prístup. Navrhujem vytvoriť webovú stránku od začiatku výberom možnosti v okne vytvorenia novej stránky Prázdna stránka. Alebo nemôžete vybrať nič, ale jednoducho zavrieť okno na vytvorenie novej stránky, pretože táto položka je už predvolene vybratá.

A v tomto prázdnom priestore začneme vytvárať prvú stránku webu, alebo skôr jeho šablónu.

Ak sa viac či menej vyznáte v internete, určite ste si všimli, že mnohé stránky pozostávajú z tabuliek. Niektoré tabuľky sú dobre viditeľné, iné sú úplne neviditeľné. To je to, čo urobíme stránka pozostávajúca z tabuliek.

V súčasnosti tabuľky ako prostriedok na vytváranie rámca postupne zastarávajú, nahrádzajú sa nimi rozloženie pomocou vrstiev. Tabuľky sú však stále jednoduchým a efektívnym spôsobom formátovania stránky. Na začiatok je to tak akurát.

Existuje niekoľko spôsobov, ako vytvoriť tabuľku v aplikácii FrontPage. Teraz podrobne opíšem každý z nich, aby ste si neskôr mohli vybrať ten najvhodnejší pre seba. Ale keďže sa môžete učiť iba praxou, radím vám nielen prečítať si nižšie uvedený text, ale tiež dodržiavať všetky opísané kroky.

takže, prvý spôsob. Na paneli ponuky príkazov vyberte príkaz Tabuľka(Tabuľka) a v rozbaľovacej ponuke - položka Vložiť(Vložiť) so šípkou. Presuňte kurzor myši na túto šípku a pred vami sa otvorí ďalšia rozbaľovacia ponuka. Vyberte si položku Tabuľka(Tabuľka).

Prvým spôsobom vytvorenia tabuľky vo FrontPage je použitie ponuky Tabuľka

Po výbere tohto príkazu sa pred vami otvorí okno, kde môžete zadať rôzne parametre vytváranej tabuľky.

Aké parametre môžete nastaviť? V prvej oblasti Veľkosť môžete si vybrať požadované množstvo linky(riadky) a reproduktory(stĺpce).

V ďalšej oblasti pozícia(Rozloženie) je možné prispôsobiť:

umiestnenie tabuľky na stránke - na to v teréne Zarovnanie(Zarovnanie) musíte vybrať jednu z nasledujúcich hodnôt:

Predvolené(Predvolené) - potom bude tabuľka umiestnená podľa uváženia prehliadača používateľa, s najväčšou pravdepodobnosťou na ľavom okraji;

Vľavo(vľavo);

Napravo(Správny);

Vycentrované(Stred);

vzdialenosť medzi okrajom bunky a jej obsahom - za týmto účelom zadajte do poľa požadovanú hodnotu Okraje buniek(Cell Padding);
vzdialenosť medzi bunkami tabuľky - na to stačí zadať požadovanú hodnotu do poľa Rozstup buniek(Cell Spasing);
šírka tabuľky – všimnite si, či je zaškrtávacie políčko Presná šírka(Zadajte šírku) sa odstráni, veľkosť tabuľky bude závisieť len od jej obsahu. Ak je začiarkavacie políčko začiarknuté, môžete uviesť šírku v pixeloch(v pixeloch) resp v percentách(v percentách). Hneď poviem, že šírka pre hlavnú tabuľku (ktorú teraz vytvárame) je lepšie urobiť ako percento, potom sa zmení v závislosti od veľkosti okna používateľa.

V oblasti Hranice(Okraj) je možné nakonfigurovať:

šírka okrajov tabuľky - na to stačí zadať požadovanú hodnotu do poľa Veľkosť okraja(Veľkosť okraja);
farba, svetlé a tmavé strany stola

V oblasti Pozadie(Pozadie) môžete nastaviť farbu pozadia tabuľky alebo vybrať obrázok na pozadí.

Vezmime si napríklad nastavenia, ktoré som zadal skôr. Vyberte si OK a pozrite sa na výsledok.

Skvelé! Teraz skúsme použiť na porovnanie druhý spôsob vytvorenie tabuľky vo FrontPage. Na paneli nástrojov Štandardné(Štandardné) nájdite ikonu Pridať tabuľku(Vložiť tabuľku) a kliknite na ňu. Tým sa otvorí malé rozloženie tabuľky.

Rýchly spôsob, ako vytvoriť tabuľku, je použiť tlačidlo Pridať tabuľku(Vložiť tabuľku)

Podržte ľavé tlačidlo myši a vyberte požadovaný počet riadkov a stĺpcov. Takže napríklad na obrázku sú zvýraznené dva riadky a jeden stĺpec. Ak presuniete myš k pravému alebo dolnému okraju rozloženia, rozbalí sa. Po uvoľnení tlačidla myši sa okamžite zobrazí samotná tabuľka.

Tento spôsob vytvárania tabuľky je oveľa jednoduchší a rýchlejší ako prvý. Existuje jedno „ale“ - tu nemôžete vopred špecifikovať parametre vytváranej tabuľky. Ak sa teda chystáte vytvoriť ďalšiu tabuľku pomocou druhej metódy, jej parametre môžete zmeniť až po jej vytvorení.

O niečo neskôr vám poviem, ako to urobiť, ale teraz je to viac vizuálne, tretí spôsob vytvorenie tabuľky. toto - kresliaci stôl s myšou. Teraz to nepoužijeme, ale ak budete niekedy potrebovať vytvárať zložité tabuľky, budete vedieť, ako na to.

Prvý krok je úplne rovnaký ako v prvom prípade. V lište príkazov musíte vybrať príkaz Tabuľka(Tabuľka). Ďalší krok je však úplne iný. Keď si vyberiete tím Tabuľka(Tabuľka), otvorí sa pred vami rozbaľovacia ponuka. Pozrite sa pozorne, v spodnej časti má dvojitú šípku. Presuňte kurzor myši na túto šípku. Teraz máte celý zoznam príkazov pred sebou.

Príkazové menu Tabuľka

Tentoraz potrebujeme bod Nakreslite tabuľku(Nakreslite tabuľku). Kliknite. Otvorí sa nasledujúce malé okno.

Kreslenie tabuľky pozostáva z niekoľkých fáz: nakreslí sa vonkajší obdĺžnikový obrys tabuľky, nakreslia sa čiary rozdeľujúce tabuľku na riadky a stĺpce a prebytočné čiary sa vymažú.

Najprv sa uistite, že je zapnutý nástroj na kreslenie tabuľky (mal by sa zobraziť na svetlejšom pozadí ako ostatné tlačidlá). Teraz, keď kurzor vstúpi do oblasti dokumentu, bude mať tvar ceruzky.

Teraz presuňte kurzor myši na ľavý horný vrchol navrhovanej tabuľky. Potom stlačte a podržte ľavé tlačidlo myši, presuňte ho do pravého dolného rohu zamýšľanej tabuľky a tlačidlo uvoľnite. V dôsledku toho sa objaví vonkajší obrys tabuľky.

Teraz pomocou rovnakej ceruzky nakreslite čiary, ktoré tvoria vnútornú štruktúru tabuľky.

Nepotrebné čiary môžete odstrániť pomocou nástroja Guma(Guma). Je to jednoduché. Na paneli nástrojov Tabuľka Kliknite na tlačidlo (Tabuľka). Guma(Guma). Potom presuňte kurzor myši na riadok, ktorý chcete vymazať, a potiahnite ho. Vymazané čiary budú červené. Ak chcete deaktivovať režim gumy, kliknite na tlačidlo Guma(guma) znova.

Pomocou tejto metódy môžete nakresliť aj dobrý stôl, ale vráťme sa k predchádzajúcemu. Teraz s ňou budeme pracovať.

Prvý riadok môže byť ponechaný pre názov stránky, logo atď. Toto bude takzvaný vrchol stránky. Zvyčajne sa ponechá rovnaký pre všetky stránky lokality. Ďalší riadok zvyčajne obsahuje text, obrázky, fotografie, jedným slovom informácie. Je dobré nechať v spodnej časti priestor pre počítadlá, ktoré budú počítať počet návštevníkov. Môžete tam napísať aj meno tvorcu stránky :).

Ale máme len dva riadky! Naozaj budeme musieť začať odznova? Nie, čo si! Len vložíme ďalší riadok. Existuje niekoľko spôsobov, ako to urobiť.

Napríklad, ak máte stále otvorený panel s nástrojmi Tabuľka(Tabuľka), kliknutím na tlačidlo môžete pridať nový riadok Pridať riadok(Vložiť riadok). Predtým, ako to urobíte, nezabudnite umiestniť kurzor na jeden z riadkov tabuľky. Pred riadkom, na ktorom bol kurzor, sa objaví nový riadok.

Ďalší spôsob vloženia riadku je tiež celkom jednoduchý. Na začiatok stačí vybrať jednu z existujúcich liniek, kliknúť pravým tlačidlom myši a... Ale počkajte, ako vybrať linku? Ani tu nie je nič zložité. Jednoducho presuňte kurzor myši na riadok, ktorý chcete zvýrazniť.

Potom počkajte, kým sa zmení na šípku a kliknite na ňu.

Zvýraznený riadok vyzerá takto:

A teraz bez odstránenia výberu kliknite pravým tlačidlom myši na vybraný riadok. Pred vami sa otvorí podmenu.

Zo všetkých týchto nepochybne užitočných bodov teraz potrebujeme iba jeden: Pridajte riadky(Vložiť riadok).

Mimochodom, riadok ste nemuseli vyberať, ale jednoducho naň kliknúť kurzorom. Stále však budete potrebovať zručnosť výberu tabuliek, riadkov a stĺpcov, tak si zvyknite :)

Oveľa pohodlnejší je nasledujúci spôsob vkladania nových riadkov do tabuľky. A teraz sami pochopíte prečo. Umiestnite kurzor na riadok nad (dole), kam chcete pridať nové riadky. Potom sa obráťte na náš obľúbený bod Tabuľka(Tabuľka), ktorá sa nachádza na príkazovom riadku. Vyberte z rozbaľovacej ponuky Vložiť(Vložiť) | Riadky alebo stĺpce(Riadky alebo Stĺpce). Otvorí sa nasledujúce okno.

Vidíte, v spodnej časti okna si môžete vybrať umiestnenie nového riadku - nad vybraným riadkom (nad) alebo pod ním (dole). Upozorňujeme, že pri použití prvých dvoch metód sme takúto možnosť nedostali. Určíme počet riadkov, klikneme na OK a uvidíme, čo sme dostali.

Teraz máme tri riadky. Pre všetko bolo miesto, ostávalo už len určiť, kam umiestniť štruktúru našej stránky. Už ste na ňu zabudli? Teraz sa pozrieme na najjednoduchší spôsob, ako umiestniť štruktúru na stránku – jej umiestnením na druhý riadok, vedľa „informačného“ stredu.

Aby sme to urobili, vytvorte ďalšiu tabuľku s dvoma stĺpcami v druhom riadku. Už vieme, ako vytvoriť novú tabuľku. Navyše poznáme tri spôsoby, ako to urobiť! Ktorý z nich použijeme tentokrát?

Využime zatiaľ prvý, keďže parametre tabuľky potrebujeme upraviť hneď od začiatku. Cesta k vytvoreniu tabuľky: Tabuľka(tabuľka) | Vložiť(Vložiť) | Tabuľka(Tabuľka).

V okne, ktoré sa otvorí, označte jeden riadok, dva stĺpce a šírku okrajov tabuľky rovnú nule. Nastavte šírku tabuľky na 100 % a kliknite na tlačidlo OK. Celá tabuľka teraz vyzerá takto:

Malé bodky v druhom riadku sú tou istou „neviditeľnou“ tabuľkou. Presnejšie, teraz je to jasne viditeľné, ale je to len preto, že momentálne sme v režime úprav. A keď prepneme do režimu zobrazenia, tabuľka nebude viditeľná.

Túto „neviditeľnú“ dosku potrebujeme iba na modelovanie vzhľadu stola, preto sme ju urobili „neviditeľnou“. Teraz musíte do ľavého stĺpca vložiť ďalšiu tabuľku. Počet riadkov by sa mal rovnať počtu hlavných bodov štruktúry, ktorú ste zostavili. Nie je potrebné robiť stĺpce!

Už ste stratili list? Potom prenesieme názvy všetkých hlavných stránok (sekcií) do našej tabuľky. Nie je potrebné uvádzať názvy interných stránok (podsekcií). Ak chcete do tabuľky zadať názvy stránok, jednoducho kliknite myšou na miesto, kde sa bude nachádzať text, a napíšte ho na klávesnici.

O zadávaní textu a zmene jeho vzhľadu vám poviem podrobnejšie, keď naplníme stránku informáciami.

A teraz, ako som sľúbil, vám poviem, ako zmeniť parametre tabuľky po jej vytvorení. Pamätáte si, ako sme zvýraznili riadok tabuľky? Teraz musíme vybrať celú tabuľku.

Ak nemôžete vybrať tabuľku „ručne“, môžete jednoducho sledovať cestu Tabuľka(tabuľka) | Vyberte(Vybrať) | Tabuľka(Tabuľka). Teraz bez odstránenia výberu kliknite pravým tlačidlom myši na tabuľku. Mimochodom, tabuľku nemôžete vybrať vôbec, ale už som napísal, že je to veľmi užitočná zručnosť :)

Vyskočí už známa rozbaľovacia ponuka. Iba tentoraz budeme potrebovať položku Vlastnosti tabuľky(Vlastnosti tabuľky). Keď vyberiete túto položku, otvorí sa okno, ktoré takmer úplne kopíruje okno na vloženie novej tabuľky. V ňom môžete zmeniť existujúce nastavenia na nové.

Mimochodom, vo FrontPage môže byť rám stola tiež „dvojitý“, pozostávajúci z mnohých štvorcov, s tieňom atď. To všetko je dostupné v hornom menu Formátovať(Formát) | Hranice a tieňovanie(Ohraničenia a tieňovanie)

Na prvej karte - Rámec(Okraje) môžete zmeniť vzhľad okrajov tabuľky. Pozrite sa na možné výsledky po zmene vzhľadu rámu tabuľky.

V druhej záložke - Tieňovanie - si môžete nastaviť obrázok na pozadí tabuľky a tiež vybrať farbu pozadia a textu. Vybrať si tú správnu farbu však nie je vôbec jednoduché... Preto pre dnešok končíme a o farbách si povieme v ďalšej lekcii.

Ale, počkajte, čo robiť s naším umením, t.j. s vytvorenými znakmi? Všetko je veľmi jednoduché. Treba ich zachovať. Ak to chcete urobiť, vyberte v hornom menu Súbor(Súbor) | Uložiť ako(Uložiť ako). Nájdite v počítači priečinok, do ktorého sme sa dohodli umiestniť stránku a uložte doň svoj dokument pod názvom index.

Prečo indexovať? Áno, jednoducho preto, že takto je vždy označená hlavná stránka webu. A presne to sme teraz robili. Ak teraz ukončíte FrontPage a otvoríte dokument, ktorý ste uložili, uvidíte, že bol automaticky uložený ako index.htm. HTM je skratka pre HTML, pamätáte si, čo to je?

Je potrebné pripomenúť, že formáty „htm“ a „html“ sú úplne odlišné veci. Radím vám, aby ste si okamžite vybrali jednu vec, aby neskôr neboli žiadne problémy. Ak zvolíte príponu „html“, nezabudnite ju pridať na každú stránku, ktorú uložíte, inak sa predvolene uloží ako „htm“.

Dovoľte mi pripomenúť, že názvy súborov pre túto stránku nemožno písať ruskými písmenami. Keď potom umiestnite svoju stránku na internet, tieto súbory sa jednoducho neotvoria.

Posledná vec k menám. Písať názvy súborov a stránok pre web s veľkým písmenom je, samozrejme, chvályhodné, no mimoriadne nepohodlné. Odporúčam vám všetko, všetko: strany, kresby, archívy - všetko píšte malými písmenami. Verte, že to pomôže vyhnúť sa mnohým nepresnostiam v budúcnosti.

Otváranie uloženého "indexu"

Teraz otvoríme dokument „index“, ktorý sme uložili do priečinka lokality na konci predchádzajúceho dňa. Existuje niekoľko spôsobov, ako to urobiť. Pozrime sa na každú z nich, aby ste si neskôr mohli vybrať tú najlepšiu pre seba.

Takže prvý spôsob. Indexový súbor je predvolene internetový súbor, pretože je vo formáte htm (html). Ak ho teda otvoríte dvojitým kliknutím, dostanete sa do výrezu prehliadača.

Týmto spôsobom otvorenia "indexu" v aplikácii FrontPage je výber príkazu z horného príkazového riadku Súbor(Súbor) a v rozbaľovacej ponuke - Upraviť v aplikácii Microsoft FrontPage(Upravte pomocou Microsoft FrontPage).

Ak je v ponuke Súbor Nemáte takúto položku, čo znamená, že aplikácia FrontPage nie je vo vašom počítači nainštalovaná ako editor internetových stránok. Ak chcete tento problém vyriešiť, musíte najprv otvoriť samotný program FrontPage a potom vybrať servis | možnosti. Otvorí sa nasledujúce okno:

Aby sme s webom mohli správne pracovať, potrebujeme oblasť Redaktori bola FrontPage. Ak tam nie je, kliknite na ikonu v pravom hornom rohu a vyberte ju FrontPage (otvoriť ako HTML). Potom kliknite na tlačidlo Použiť ako predvolené.

Toto bol prvý spôsob, ako otvoriť súbor vo FrontPage cez okno prehliadača. Logickejšie by však bolo túto cestu skrátiť. Preto, aby ste nestrácali čas, môžete bez otvorenia súboru naň kliknúť pravým tlačidlom myši a vybrať z rozbaľovacej ponuky Otvoriť pomocou... (Otvoriť pomocou) a nájdite program FrontPage v poskytnutom zozname.

A posledný, tretí spôsob. Najprv musíte otvoriť samotný program FrontPage a potom výberom otvoriť celú stránku Súbor(Súbor) | Otvorte webovú stránku(Otvoriť web). Alebo, ak ste nedávno otvorili index, vyberte si Najnovšie súbory a v rozbaľovacej ponuke požadovaný súbor.

Samozrejme, nezáleží na tom, ako presne otvoríte stránku „index“ vo FrontPage, hlavné je, že ju otvoríte 🙂 Gratulujeme, získali ste ďalšiu užitočnú zručnosť!

Program, s ktorým celkom ľahko pochopíte základné princípy navrhovania internetových stránok, ktorý má široký výber doplnkových nástrojov na vytváranie zložitých internetových stránok a portálov.

Stručne o programe Microsoft FrontPage

Ide o ľahko naučený a pohodlný webový editor na navrhovanie, prípravu a publikovanie webových stránok. Vďaka integrácii s rodinou produktov MS Office, známemu rozhraniu a množstvu šablón program umožňuje rýchle zvládnutie práce aj začínajúcim používateľom, ktorí sú oboznámení so základmi práce v MS Word. FrontPage zároveň nemožno nazvať riešením pre „figuríny“: program poskytuje rozsiahle funkcie a rôzne nástroje na optimalizáciu internetových stránok.

Je potrebné poznamenať, že názov Microsoft FrontPage existoval do roku 2003 a potom bol doplnený o nové funkcie a zmenil sa aj samotný názov softvéru. FrontPage bol v roku 2007 premenovaný na Microsoft Expression Web a v roku 2010 na Microsoft Office SharePoint Designer. V skutočnosti boli do nových verzií pridané nejaké doplnky, no základný vzhľad programu zostal zachovaný.

Základné nástroje programu

Celkový pohľad na program Microsoft FrontPage

Microsoft FrontPage má veľa spoločného s nástrojmi MS Word, takže mnohé tlačidlá a karty ponuky sú tiež intuitívne, čo uľahčuje proces vytvárania stránky. Mnoho ľudí už vie, ako písať a formátovať jednoduchý text, vytvárať tabuľky v programe Microsoft Word a rovnaký princíp platí aj pre úpravu stránky vo FrontPage.

Obrázok vpravo zobrazuje všeobecný pohľad na program so štandardnou sadou nástrojov, pomocou ktorých môžete vytvoriť šablónu stránky s textom, odkazmi a obrázkami. Prejdite na kartu „Zobraziť“, potom na „Panel s nástrojmi“ a uistite sa, že „ Štandardné", "Formátovanie"A" Tabuľky", tieto nástroje budú stačiť na vytvorenie len stránky. Nižšie venujte pozornosť záložkám "Návrhár", "Kód" a "Zobraziť" - sú to tri rôzne režimy, v ktorých si vždy môžete pozrieť, ako vyzerá vytváraná stránka Páči sa mi to.

V Dizajnéri sa zadávajú všetky úpravy, píše sa a formátuje text, vkladajú sa obrázky, vytvárajú sa odkazy, menia sa farby pozadia a písma rovnako ako v programe Microsoft Word.
V záložke „Kód“ si môžete prezrieť takzvaný HTML kód. HTML je štandardný značkovací jazyk pre dokumenty na World Wide Web. Väčšina webových stránok je vytvorená pomocou HTML. Na tejto karte môžete stránku aj upravovať, musíte však poznať tento značkovací jazyk. Začiatočníci by však mali vykonať všetky zmeny v konštruktore a všetky zmeny v HTML sa vyskytnú automaticky.
V záložke "Zobraziť" môžete vidieť, ako stránka vyzerá priamo v prehliadači (napríklad Internet Explorer)

Podrobné popisy ďalších ponúk, tlačidiel a funkcií aplikácie Microsoft FrontPage sú uvedené v pomocníkovi programu. Ak to chcete urobiť, stlačte kláves "F1".

Vytvorenie šablóny pre stránky vo FrontPage

Vloženie hlavnej tabuľky do editora

A tak, aby ste vytvorili jednoduchú šablónu, musíte vložiť tabuľku s tromi blokmi. Tri bloky sú jednoduchý štandard: horný blok je pre názov stránky, druhý blok je pre navigačné odkazy na stránke, tretí blok je pre text, obrázky a ďalšie informácie na stránke. Pre pohodlie môžete vložiť viac blokov na stôl, ale je vecou vkusu, ako, koľko a akej veľkosti tieto bloky vyrobiť. Existuje ďalší spôsob, ako vytvoriť bloky nie vytváraním tabuliek, ale vložením takzvaných prvkov „div“ do stránok a priradením určitých štýlov, ale táto metóda nie je pre nových správcov webu a o tom možno napísať samostatný článok.

Ak chcete vložiť tabuľku, prejdite na kartu „Tabuľka“ > „Vložiť“ > „Tabuľka“ a vyplňte polia, ako je znázornené na obrázku vpravo. V skutočnosti môžete zadať svoje vlastné parametre, ale táto tabuľka má pevnú šírku a je roztiahnutá na 100 % plochy obrazovky. Takto sa tabuľka v prehliadači zobrazí kompaktne.
Potom musíte upraviť všetky tri bunky, pretože po vložení majú rovnakú výšku. Kliknite pravým tlačidlom myši na najvrchnejšiu bunku a prejdite na „Vlastnosti bunky“, do poľa výška zadajte podmienečne „150“ a začiarknite políčko „v bodkách“, t.j. Veľkosť bunky bude 150 pixelov. V tom istom menu si môžeme vybrať farbu pozadia bunky a kliknutím do menu „štýl...“ môžete vykonať ďalšie nastavenia bunky, napríklad vybrať farbu a veľkosť orámovania bunky, experimentujte s tým a uvidíte výsledok. V samotnej bunke môžete zadať názov lokality.
Ďalej upravíme druhú bunku, ktorá je určená pre odkazy navigácie na stránke. Šírku nastavíme na cca 40 pixelov, to bude stačiť a podľa chuti upravíme aj ostatné nastavenia, ako je farba pozadia a okraje. Ďalej napíšeme názvy samotných odkazov oddelené znakmi zvislej čiary alebo iným znakom (zobraziť si ich môžete nižšie stiahnutím celej šablóny). Vyberte test a stlačte tlačidlo zarovnania na stred, rovnako ako v MSWord. Rovnakým spôsobom môžete zmeniť písmo, veľkosť písma a ďalšie nastavenia textu.
Založili sme aj poslednú bunku. Je určený pre hlavný text, kde môžete zadať text pozdravu.
Nakoniec môžete prejsť na kartu „Súbor“ > „Vlastnosti“, kde môžete zadať názov stránky a zmeniť všeobecné pozadie stránky a ďalšie všeobecné nastavenia.

Šablóna je teraz pripravená. Je to rámec pre všetky nasledujúce stránky lokality. Takto vyzerá stránka v HTML kóde:

Takto získame šablónu pre web

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >Názov lokality < 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" >Názov lokality < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Domov | < b >Strana 2 | < b >Strana 3 | < b >Strana 4 | < b >Strana 5 | < b >Kontakty < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Text domovskej stránky. Tu môžete vložiť text pozdravu a stručne napísať, čomu je stránka venovaná.

Tento HTML kód je možné ihneď vložiť do editora v záložke „Kód“ a ihneď uvidíte hotovú šablónu. Dá sa meniť a upravovať podľa vlastných potrieb. Tu je potrebné vysvetliť, že tam, kde je hlavný text vložený, a tak, aby sa nenachádzal blízko polí, je orámovaný v značke „div“ s nastavením odsadenia, ako je znázornené v príklade.

Ďalšie šablóny

Musíte tiež vedieť, že v programe FrontPage a iných podobných programoch existujú štandardné šablóny, ktoré sa dajú použiť na vytváranie stránok, ľahko sa upravujú a ľubovoľnú šablónu si môžete prispôsobiť podľa svojich potrieb. Ak chcete vybrať štandardnú šablónu, prejdite na kartu „Súbor“ > „Vytvoriť...“ v okne, ktoré sa otvorí, vyberte možnosť „Iné šablóny stránok“, kde si môžete vybrať ľubovoľnú šablónu.
Existuje druhá možnosť - stiahnuť si celú šablónu z internetu. Existuje veľa stránok poskytujúcich takúto službu. šablóny môžu byť platené alebo bezplatné. Po stiahnutí tejto alebo tej šablóny ju môžete v programe upraviť, naplniť potrebným obsahom a zmeniť štýl tohto alebo toho prvku.

Použite štandardné rozloženia tabuliek a tém

Microsoft FrontPage poskytuje dobré nástroje pre hotové rozloženia tabuliek a motívov na vytváranie webových stránok

Musíte vedieť, že Microsoft FrontPage má štandardnú sadu rozložení tabuliek a tém, ktoré vám môžu pomôcť naučiť sa umenie vytvárať bežné stránky alebo stránky s vizitkami. A tak vpravo hore je rozbaľovacia ponuka (viď obrázok vpravo, na ktorej je aj výsledok použitia rozložení tabuliek a motívov dizajnu), kliknutím sa zobrazí ponuka, v ktorej je potrebné vybrať „Rozloženie tabuľky a bunky“ a potom sa nižšie objaví mnoho rôznych rozložení tabuliek, môžete si vybrať ľubovoľné podľa vlastného uváženia a vkusu. To vám umožní vytvoriť tabuľku sami ručne.

A tak zadaním alebo vložením textu, loga, odkazov do buniek tabuľky, prechodom do toho istého menu si môžete vybrať menu „Téma“, kde si môžete vybrať rôzne motívy pre dizajn stránky, odkazy, stránky zázemie a oveľa viac. Táto príležitosť je vhodná pre tých, ktorí sa ešte len učia vytvárať internetové stránky a celkom jasne odráža proces tvorby webovej stránky. Inými slovami, v aplikácii Microsoft FrontPage môžete experimentovať s rôznymi nastaveniami a jasne vidieť, ako sa konkrétna stránka transformuje. Tu môžete dať jednu radu: preštudujte si všetky funkcie programu a nebojte sa využiť toto alebo toto menu, pretože každý nástroj má svoju vlastnú vlastnosť a účel na vytvorenie plnohodnotnej stránky

Vložte obrázok a vytvorte odkazy na stránky

Pre začínajúcich webmasterov je dôležité vedieť, ako vkladať obrázky na stránku a vytvárať odkazy na iné stránky. Napríklad namiesto textu názvu stránky môžete vložiť obrázok loga stránky. Ak to chcete urobiť, najskôr kliknite do poľa, do ktorého chcete vložiť obrázok, potom úplne hore kliknite na kartu „Vložiť“ > „Nákres“ > „Zo súboru“, vyberte požadovaný obrázok a kliknite na tlačidlo „Vložiť“ po ktorý sa obrázok zobrazí na stránke. Kliknutím pravým tlačidlom myši na obrázok môžete prejsť do ponuky s ďalšími nastaveniami obrázka. Je dôležité, aby všetky obrázky boli v jednom presne definovanom priečinku pre všetky obrázky.

Ak chcete prejsť na iné stránky lokality, musíte vytvoriť odkazy, prostredníctvom ktorých môžu používatelia navštíviť všetky stránky lokality. Ak to chcete urobiť, musíte vybrať požadovaný text pre odkaz a prejsť na kartu „Vložiť“ > „Hypertextový odkaz“, v ponuke, ktorá sa otvorí, musíte uviesť stránku, na ktorú sa vytvára odkaz, a kliknúť na „ok“ . V tom istom okne sú ďalšie nastavenia pre odkazy, napríklad či sa má odkaz otvoriť v novom okne alebo nie. V zásade si to môžete naštudovať sami.

Záver

Vo svojej podstate sú tieto editory podobné a majú podobné funkcie a ponuky. Po zvládnutí základných nastavení môžete jednoducho vytvárať webové stránky v iných editoroch. Po zvládnutí týchto princípov môžete prejsť na zložitejšiu metódu tvorby webových stránok – pomocou takzvaného CSS. O tom, čo to je a ako upraviť dizajn webu, sa dočítate v článku o CSS.

Nevýhodou tejto „šablónovej“ metódy je, že každá stránka musí byť vytvorená samostatne na základe vytvorenej šablóny. Keď, ako pri vytváraní webových stránok pomocou takzvaných motorov, nie je potrebné samostatné generovanie stránok, vygenerujú sa automaticky pri pridávaní obsahu

Ak máte akékoľvek otázky týkajúce sa článku alebo použitia takýchto programov na vytváranie webových stránok, môžete sa ich opýtať v diskusnom vlákne nášho fóra.

Články na podobné témy

Téma 3.4: Aplikácia internetu v ekonomike a ochrane informácií

Programy na vytváranie webových stránok

3.3. Aplikačné programy na vytváranie webových stránok

3.3.4. Vytvorenie webovej lokality a webových stránok vo FrontPage

Plánovanie lokality

Plánovanie webovej stránky je jednou z najťažších úloh. Ako správne usporiadať informácie, ktoré máte na stránkach vášho budúceho webu? Aká by mala byť štruktúra stránky? Aké stránky by mala mať stránka? Aký dizajn by mali mať webové stránky? Aká by mala byť navigácia na stránke?

Tieto a mnohé ďalšie problémy spojené s vývojom webových stránok musia byť vyriešené pred použitím aplikačných programov na vývoj webových stránok.

Povedzme, že sme sa rozhodli vytvoriť webovú stránku, ktorá bude prezentovať informácie o spoločnosti EN101, tieto informácie, ktoré máme, môžeme prezentovať na štyroch stranách:

Domov
O spoločnosti
Obchodný prehľad projektu
spôsob platby

Názov stránky vyberáme podľa typu aktivity, napríklad: lekcie-sk101.

Priraďte mená k stránkam:

index – Domov;
info - O spoločnosti;
obchod- Obchodná kontrola projektu;
zaplatiť - Spôsoby platby.

Ako hlavnú stránku používame predtým vytvorenú domovskú webovú stránku (index). Vytvárame štruktúru lokality, ktorá je znázornená na obrázku.

Ryža. 1.

Pre každú stranu pripravíme text v editore Word a kresby v Adobe Photoshop vo formátoch GIF, JPEG alebo PNG s rozlíšením 72 pixelov/palec, navyše môžete použiť skripty.

Ďalej si môžete zaregistrovať doménu druhej úrovne v niektorej zo zón (ua, ru, com, net, info atď.) a po rozvinutí stránky si vybrať platený hosting, ktorý vyhovuje rýchlosti prístupu a poskytuje potrebné služby pre efektívnu prevádzku stránky. Ak hosťujeme stránku na bezplatnom hostingu, môžeme si vybrať napríklad hosting na serveri narod.ru. Ak to chcete urobiť, musíte sa zaregistrovať na serveri a získať bezplatný hosting. V tomto prípade budete mať doménu tretej úrovne, napríklad: lekcie-en101.narod.ru.

Vytvorenie webovej stránky pomocou FrontPage

1. Ak chcete vytvoriť webovú lokalitu pomocou aplikácie FrontPage, musíte otvoriť okno aplikácie jedným z nasledujúcich spôsobov. Potom sa na obrazovke zobrazí okno aplikácie alebo grafické používateľské rozhranie FrontPage, ktoré zobrazí predchádzajúcu lokalitu alebo stránku. Ak chcete ukončiť predchádzajúcu lokalitu alebo stránku v aplikácii FrontPage, musíte vykonať príkaz „Súbor/Zavrieť“ alebo „Súbor/Zavrieť uzol“ alebo oba, ak bol uzol aj stránka otvorené.

Potom spustite príkaz Súbor / Nový av oblasti úloh „Vytvorenie“, ktorá sa otvorí, kliknite na „Šablóny iných webových stránok“ v časti „Vytvoriť webovú stránku“. Otvorí sa dialógové okno „Šablóny webovej lokality“, v ktorom musíte vybrať položku „Prázdna webová lokalita“, potom zadať umiestnenie novej webovej lokality (napríklad D:\Documents and Settings\TBA\My Documents\My Web Sites\lessons- sk101) a kliknite na tlačidlo OK. Obrázok ukazuje časť dialógového okna „Šablóny webových stránok“, v ktorom je uvedená adresa novej stránky.

Ryža. 2.

Po uložení lokality sa v okne aplikácie FrontPage zobrazí nová lokalita v zobrazení priečinkov.

Ryža. 3.

2. Vytvorte domovskú stránku pre novú lokalitu v aplikácii FrontPage. Vytvorenie domovskej stránky vo FrontPage je možné vykonať rôznymi spôsobmi. Môžete napríklad kliknúť na tlačidlo Nová stránka na paneli Obsah, čím sa stránka index.htm pridá do okna webovej lokality, ktoré je znázornené na obrázku.

Ryža. 4.

3. Potom skopírujte obsah predtým vytvoreného priečinka EN101, ktorý obsahuje priečinok obrázky a indexovú stránku (priečinok _vti_cnf sa vytvorí automaticky pri vytváraní webovej stránky). Obsah zložky EN101 je znázornený na obrázku.

Ryža. 5.

Uložený obsah priečinka EN101 zo schránky vložíme do novovytvoreného priečinka webovej stránky lekcie-en101, ktorý je znázornený na obrázku.

Ryža. 6.

Ryža. 7.

Predtým vytvorená stránka index.htm (angličtina na internete) sa teda používa ako domovská stránka v novej lokalite. Domovskú stránku môžete vytvoriť aj inými spôsobmi, ako je popísané v časti 3.3.2. Úvod do FrontPage.

5. Vytvorte štruktúru stránky v editore FrontPage, t.j. Na hlavnú stránku pridáme ďalšie tri stránky: info - O spoločnosti; biznis - Obchodný prehľad projektu; zaplatiť - Spôsoby platby. Ak to chcete urobiť, musíte sa prepnúť do režimu Prechody vykonaním príkazu View/Transitions. Potom je potrebné vybrať domovskú stránku a kliknúť na tlačidlo Nová strana v paneli Prechody alebo použiť kontextové menu, pridá sa Nová strana 1. Podobne pridajte ďalšie dve nové stránky. Štruktúra stránky je znázornená na obrázku.

Ryža. 8.

6. Premenovanie nových stránok vo FrontPage. Prepneme sa do priečinkového režimu a pomocou kontextového menu zmeníme názvy Nová strana 1 na Info, Nová strana 2 na podnikania, Nová strana 3 na zaplatiť.

Ryža. 9.

7. Za účelom jednoty v dizajne stránok stránok kopírujeme obsah hlavnej stránky do vytvorených info, obchodných, platených stránok. Ak to chcete urobiť, otvorte hlavnú stránku v režime Stránka a vykonajte príkaz „Upraviť / Vybrať všetko“ a kliknite na tlačidlo Kopírovať na paneli nástrojov. Prejdite do režimu Priečinky a dvakrát kliknite na informačnú stránku, otvorí sa v režime Stránka, potom kliknite na tlačidlo Vložiť. Obsah hlavnej stránky sa skopíruje na informačnú stránku a podobne skopíruje obsah hlavnej stránky na ďalšie dve stránky.

Domov;
O spoločnosti;
Obchodná kontrola projektu;
Spôsob platby.

Vyberte napríklad navigačnú položku „Prehľad podnikania projektu“ a pomocou kontextového menu otvorte dialógové okno Pridať hypertextový odkaz, v ktorom vyberieme business.htm a klikneme na OK. Podobne vytvárame hypertextové odkazy pre všetky navigačné body na všetkých stránkach. Obrázok zobrazuje fragment dialógového okna Pridať hypertextový odkaz.

Ryža. 10.

10. Pridajte a vyplňte metaznačky (medzi značkami A) na stránkach: „O spoločnosti“; "Obchodné preskúmanie projektu"; "Spôsoby platby" v režime Kód.

Napríklad na stránke „O spoločnosti“ sú značky vyplnené takto:

O En101

11. Premenovanie názvov strán v režime prechodov. Vyberte stránku a pomocou kontextového menu ju premenujte:

premenujte novú stranu 1 na „O spoločnosti“.
premenujte novú stranu 2 na „Business review of the project“.
premenujte novú stranu 3 na „Spôsoby platby“.

Výsledkom vývoja je stránka, ktorá pozostáva zo štyroch webových stránok. Táto stránka vytvorená pomocou FrontPage na súborovom systéme PC môže byť hosťovaná na webovom serveri na internete alebo intranete.

Ak chcete vytvoriť svoju vlastnú webovú lokalitu v aplikácii FrontPage, stiahnite si ju.

anotácia

Webové stránky vytvorené pomocou technológií Microsoft® Windows® SharePoint Services™ sú plne upraviteľné pomocou Microsoft® Office FrontPage® 2003, od formátovania písma alebo grafiky až po štruktúru lokality. Všetky funkcie dostupné v programe FrontPage 2003 možno použiť na úpravu stránok na webovej lokalite vytvorenej pomocou služby Windows SharePoint Services. Týmto spôsobom môžete využiť inovácie FrontPage 2003 na rýchle a efektívne úpravy, vývoj a rozširovanie funkčnosti webových lokalít alebo webových stránok.

Tento dokument popisuje:

Vývoj webových stránok
Úprava zoznamov a knižníc
Úprava prechodov
Zmena tém

Úvod

Táto biela kniha bola vytvorená, aby demonštrovala, ako možno jednoduché webové stránky vytvorené pomocou Microsoft® Windows® SharePoint Services™ transformovať pomocou Microsoft® Office FrontPage® 2003.

Webové lokality vytvorené pomocou technológií Microsoft Windows SharePoint Services sú plne upraviteľné v aplikácii Microsoft Office FrontPage 2003, od formátovania písma a grafiky až po štruktúru lokality. Môžete využiť inovácie vo FrontPage 2003 na rýchle a efektívne písanie kódu, vývoj a rozširovanie webových lokalít a webových stránok. Tieto inovácie sa týkajú nasledujúcich oblastí:

rozvoj. Využite výhody nových nástrojov sledovania na jednoduché vytváranie profesionálne navrhnutých webových stránok. Vytvorte si vlastné motívy, aby bol váš web jedinečný. Oživte svoje webové stránky pomocou nových funkcií, ktoré pridávajú rôzne efekty.

Písanie kódu. Využite výhody profesionálnych nástrojov na rýchle, efektívne a presné písanie kódu. Upravujte kaskádové štýly (CSS) pomocou FrontPage, pracujte so stránkami obsahujúcimi ovládacie prvky ASP.NET a sprístupňujte časti kódu verejnosti.

Rozšírenie. Vyvíjajte interaktívne webové stránky pomocou živých údajov z rôznych zdrojov. Jednoducho vytvárajte dokumenty XML pre webové stránky založené na údajoch v prostredí WYSIWYG (What You See Is What You Get).

Poznámka. Informácie o tom, ako používať FrontPage 2003 na úpravu webových lokalít vytvorených v Microsoft Office SharePoint Services Portal Server 2003, nájdete v oficiálnej dokumentácii Použitie Microsoft Office FrontPage 2003 na navrhovanie prispôsobených lokalít vytvorených pomocou Microsoft Office SharePoint Services Portal Server 2003

Niektoré základné princípy fungovania služby Windows SharePoint Services

Existuje niekoľko základných princípov fungovania služby Windows SharePoint Services, ktoré slúžia ako stavebné bloky na úpravu webových lokalít.

Webové časti

Webové časti sú hlavným vylepšením služby Windows SharePoint Services. Webové časti sú modulárne jednotky informácií, ktoré možno použiť na webových stránkach. Webové časti môžu byť napríklad vytvorené vývojármi tretích strán špeciálne pre Windows SharePoint Services a Microsoft Office SharePoint Services Portal Server. Novinkou v službe Windows SharePoint Services je možné zoznamy a knižnice dokumentov umiestniť na stránky ako súčasti webových častí priamo z webového prehliadača alebo pomocou aplikácie FrontPage 2003. Webové časti používané na webovej lokalite (napríklad oznámenia), kontakty a zdieľané dokumenty sú prístupné z podokna úloh webovej časti rovnakým spôsobom, ako sú webové časti hosťované na serveri alebo sieti prístupné z online galérie.

zoznamy

Zoznamy služieb Windows SharePoint Services sú kolekciou informácií, ktoré možno sprístupniť návštevníkom vašej webovej lokality. Zoznamy môžu obsahovať rôzne typy údajov, ako sú text, čísla, hypertextové odkazy, obrázky atď. Služba SharePoint už štandardne obsahuje zoznamy oznámení, kontaktov, udalostí a prepojení. Nové zoznamy môžete jednoducho vytvárať pomocou hotových šablón. Zoznamy, ktoré vytvoríte, budú následne dostupné pre ostatných používateľov na pracovnej table webovej časti. Hlavnou výhodou hosťovania informácií v zoznamoch služby Windows SharePoint Services je pohodlie, ktoré umožňuje iba oprávneným používateľom aktualizovať informácie na lokalite priamo z webového prehliadača, čo pomáha vlastníkom informácií udržiavať informácie na lokalite aktuálne.

Knižnice

Knižnice služby Windows SharePoint Services sú primárne miesta na ukladanie súborov vrátane dokumentov programu Word, tabuliek programu Excel, prezentácií programu Microsoft PowerPoint®, obrázkov, formulárov a iných údajov. Knižnice služby Windows SharePoint Services možno považovať za zdieľané súbory dostupné na webových stránkach. Hlavnou výhodou používania knižníc SharePoint Services je, že používateľ si môže stiahnuť rôzne súbory priamo z webového prehliadača a v súboroch knižnice sa automaticky generujú hypertextové odkazy. Teraz už nie je potrebné čakať, kým správca webu pridá odkaz na novo nahraný dokument.

Ďalšou inováciou v službe Windows SharePoint Services sú knižnice formulárov. Tieto knižnice sa používajú na ukladanie rôznych formulárov XML, ako je napríklad správa o výdavkoch alebo žiadosť o cestu. Knižnice formulárov sa stávajú veľmi výkonnými nástrojmi, keď sa používajú v spojení s editormi XML, ako je napríklad Microsoft Office InfoPath™ 2003. Pomocou aplikácie Microsoft Office InfoPath™ 2003 môžete vytvoriť ľubovoľný formulár a potom ho priradiť ku knižnici, takže keď kliknete na tlačidlo Vyplňte tento formulár(Vyplňte tento formulár), InfoPath automaticky otvoril tento formulár. Teraz, keď používateľ vyplní formulár a uloží ho, uloží sa do knižnice formulárov. Nemenej dôležitou vlastnosťou používania knižníc formulárov je, že môžete vopred definovať, ktoré polia sa budú zobrazovať v stĺpcoch knižnice formulárov, čím umožníte návštevníkom stránky prístup ku konkrétnym údajom.

zastupovanie

Zobrazenia sú pravidlá, ktoré určujú spôsob zobrazenia údajov vo webovej časti. Každý zoznam alebo knižnica má predvolené zobrazenie, ktoré je možné zmeniť z webového prehliadača. Predvolené zobrazenie definované pomocou webového prehliadača je tiež predvolené zobrazenie používané aplikáciou FrontPage. Pohľad možno použiť na zobrazenie údajov zoradených podľa jedného alebo viacerých polí alebo dokonca na filtrovanie podľa zadaných parametrov.

Zmeňte webové stránky pomocou webového prehliadača

Služba Windows SharePoint Services uľahčuje aktualizáciu webových lokalít a ich obsahu. Keď sa naučíte upravovať webové lokality vytvorené pomocou služieb Windows SharePoint Services, zistíte, že niektoré veci sa dajú jednoduchšie upravovať vo webovom prehliadači ako iné v aplikácii FrontPage 2003. Tu je niekoľko vecí, ktoré budete pravdepodobne naďalej upravovať: používanie webového prehliadača , aj keď sa naučíte používať FrontPage:

Obsah zoznamov a knižníc dokumentov. Pridávanie a úprava obsahu webových častí akejkoľvek webovej stránky sa vykonáva pomocou webového prehliadača. Zobrazenie tabuľky, ďalšia inovácia v službách Windows SharePoint Services, vám umožňuje rýchlejšie pridávať a upravovať obsah.

Zobraziť nastavenia.Ďalšia inovácia v službe Windows SharePoint Services umožňuje používateľom vytvárať si vlastné zobrazenia webových lokalít. Tieto prispôsobené zobrazenia môžu zahŕňať rôzne alebo preusporiadané webové časti bez toho, aby ste museli zahrnúť komponenty webovej časti dostupné v zdieľanom zobrazení. Každý používateľ môže tieto nastavenia vytvárať a spravovať pomocou webového prehliadača.

Niektoré osvedčené postupy na úpravu webových lokalít vytvorených pomocou služby Windows SharePoint Services

Tento dokument poskytuje špecifické pokyny na používanie FrontPage 2003 na vývoj vlastných webových lokalít, ktoré sú vytvorené pomocou Microsoft Windows SharePoint Services. Miera úpravy webovej stránky závisí od vášho želania. Môžete jednoducho pridať logá, grafiku, zmeniť farby, písma a iné prvky formátovania, alebo môžete začať hneď s profesionálnym dizajnom, vďaka ktorému bude vaša lokalita jedinečná, čím sa odlíši od iných lokalít vytvorených pomocou softvéru na prispôsobenie. Takže máte dve možnosti:

Začnite s tímovou lokalitou vytvorenou pomocou služby Windows SharePoint Services a potom zmeňte farby, písma a iné formátovanie.
Vytvorte profesionálny vzhľad a potom pridajte na svoju lokalitu prvky služby Windows SharePoint Services, ako sú napríklad zobrazenia zoznamov a knižnice dokumentov.

Nižšie je uvedených niekoľko tipov na úpravu webovej lokality vytvorenej pomocou služby Windows SharePoint Services.

Pri vytváraní lokality s profesionálnym dizajnom je často jednoduchšie začať s prázdnou stránkou, preniesť na ňu svoj návrh a potom na ňu pridať prvky služby Windows SharePoint Services.

Používanie hlavného obrázka je nová funkcia v aplikácii FrontPage 2003, ktorá uľahčuje premenu profesionálneho dizajnu, ktorý by sa zvyčajne dodával vo forme veľkého grafického súboru, na funkčnú webovú stránku. Táto funkcia je podrobnejšie popísaná v časti „Ukážkový obrázok“ nižšie.

Tradične je webová stránka navrhnutá umiestnením grafických prvkov do tabuliek. Týmto spôsobom môžete úplne ovládať medzery a umiestnenie textu a grafiky. Nová funkcia vo FrontPage 2003 uľahčuje usporiadanie prvkov v tabuľkách. Namiesto toho, aby ste sa pokúšali umiestniť prvky do vnorených tabuliek, aby stránka vyzerala tak, ako chcete, použite nové tabuľky rozloženia a nástroje buniek na vizuálne usporiadanie grafiky na stránke. To vám pomôže ušetriť čas a dosiahnuť potrebnú kontrolu nad usporiadaním prvkov.

Ak má vaša lokalita viacero stránok a chcete, aby mali rovnakú hlavičku, pätu a navigačný panel, odporúčame vám použiť dynamické webové šablóny na skopírovanie dizajnu lokality na všetky prepojené stránky. Dynamické webové šablóny tiež umožňujú automaticky aktualizovať obsah všetkých súvisiacich stránok. Použitie dynamických šablón je podrobnejšie popísané nižšie v časti Dynamické webové šablóny.

Navigačné možnosti aplikácie FrontPage vám umožňujú vytvárať a aktualizovať navigačné panely v priebehu niekoľkých sekúnd. Ak napríklad chcete, aby ľavý navigačný panel zostal rovnaký na všetkých stránkach vášho webu, jednoducho pridajte vytvorený panel na stránky, ktoré potrebujete. Teraz sa všetky zmeny vykonané v samotnom paneli prejavia na všetkých stránkach súčasne. Výhody navigačných schopností FrontPage uľahčujú udržiavanie vašej webovej lokality v aktuálnom stave. Používanie navigačných funkcií je podrobnejšie popísané v časti Navigácie nižšie.

Webová lokalita vytvorená pomocou služby Windows SharePoint Services má v predvolenom nastavení v hlavičke stránky vodorovný panel prepojení s položkami ako Domov, Dokumenty, Zoznamy, Nové a Nastavenia lokality a „Pomocník“. Ak tento panel nechcete umiestniť na začiatok stránky, môžete tieto komponenty presunúť nadol. To umožní správcovi lokality a oprávneným používateľom jednoduchý prístup k funkciám, ako je pridávanie a správa používateľov alebo vytváranie nových zoznamov, ako aj knižnice dokumentov a štatistiky. Najjednoduchší spôsob, ako to urobiť, je pridať hornú navigačnú lištu SharePoint Services do spodnej časti každej stránky. Lepším nápadom môže byť umiestnenie panela s odkazmi do spoločnej päty dynamických webových šablón, ktoré sa rozprestierajú na všetkých prepojených stránkach. Upozorňujeme, že predvolený panel prepojení je nakonfigurovaný na lokalitách pracovnej skupiny. Používanie panelov s odkazmi je popísané v časti Panely s odkazmi.

Filtrovanie obsahu existujúcich zoznamov domovských stránok a knižníc umožňuje návštevníkom stránok zobrazovať dôležité informácie tam, kde ich najviac potrebujú. Napríklad na webovej lokalite s údajmi o predaji, ktorá obsahuje zoznamy aktuálnych transakcií každého obchodného agenta, môžete filtrovať, aby sa zobrazili názvy iba tých obchodných zástupcov, ktorých predaj dosiahol alebo prekročil určitú hodnotu. V kombinácii so schopnosťou vytvárať riešenia založené na údajoch na základe informácií zo živej databázy, filtrovanie urobí vašu webovú stránku dynamickou a relevantnou tak, aby vyhovovala potrebám návštevníkov bez toho, aby ste si vyžadovali váš priamy zásah. Používanie filtrovania a vytvárania riešení založených na údajoch je podrobnejšie popísané v častiach „Filtrovanie zoznamov“ a „Riešenia založené na údajoch“.

Formát zobrazení webovej časti môžete zmeniť prispôsobením prvkov témy alebo ich konverziou na reprezentáciu údajov XSLT, ktorá vám umožňuje formátovať údaje pomocou vstavaného editora WYSIWYG XSLT vo FrontPage. Ďalšie informácie o používaní editora XSLT v aplikácii FrontPage 2003 nájdete v časti Práca s údajmi tohto dokumentu.

Úprava webových stránok pomocou FrontPage 2003

Webovú lokalitu vytvorenú pomocou služby Windows SharePoint Services je možné otvoriť a upraviť v aplikácii FrontPage 2003. Keď preskúmate možnosti aplikácie FrontPage, zistíte, že počet nastavení, ktoré môžete použiť na úpravu webovej lokality, je prakticky neobmedzený.

Otvorenie webovej stránky

Otvorenie webovej lokality vo FrontPage 2003 je veľmi jednoduché. Všetko, čo potrebujete, je adresa alebo URL webovej stránky, ktorú chcete upraviť, používateľské meno a heslo (ak je to potrebné) a príslušné povolenia na úpravy. Obráťte sa na správcu servera a zistite požadované povolenia alebo adresu webovej lokality.

Otvorte webovú lokalitu vytvorenú pomocou služby Windows SharePoint Services v aplikácii FrontPage 2003

Spustite FrontPage 2003 a v ponuke Súbor vybrať tím Otvorte stránku.

V teréne Názov siete zadajte adresu svojho webu (napr. http://moja-stranka alebo http://www.litwareinc.com) a stlačte tlačidlo OTVORENÉ. V prípade potreby zadajte svoje používateľské meno a heslo. Tým sa otvorí webová lokalita vo FrontPage 2003.

Poradenstvo. Webovú lokalitu môžete otvoriť aj v programe FrontPage 2003 pomocou programu Internet Explorer. Ak to chcete urobiť, v programe Internet Explorer otvorte webovú lokalitu, ktorú chcete upraviť, a na paneli s nástrojmi Bežné tlačidlá(Štandardné tlačidlá) kliknite na tlačidlo Upravte pomocou aplikácie Microsoft Office FrontPage.

Predstavujeme FrontPage 2003

Vďaka premyslenému používateľskému rozhraniu FrontPage 2003 sú všetky nástroje, ktoré potrebujete, vždy ľahko dostupné. Ľavá strana obrazovky vám umožňuje zobraziť webovú lokalitu v zobrazení zoznamu priečinkov alebo navigačnej lište.

Zoznam priečinkov zobrazuje všetky priečinky a súbory na vašej webovej lokalite. Priečinky a súbory môžete presúvať a premenovať a FrontPage automaticky zmení všetky odkazy vo vašich dokumentoch. Keď si prezeráte webovú lokalitu v zobrazení navigačného panela, môžete zobraziť navigačnú štruktúru a pruhy prepojení. O použití prechodov sa hovorí v časti Prechody.

Stredná časť obrazovky zobrazuje stránku, ktorá sa práve upravuje. V hornej časti sa nachádzajú karty, ktoré umožňujú rýchle prepínanie medzi ostatnými otvorenými stránkami. Tab webové stránky(Webové stránky), ktorý sa nachádza v hornej časti panela úprav, sa používa na vykonávanie úloh, ako je prehliadanie vzdialenej webovej lokality, vytváranie zostáv, používanie navigácie, vytváranie hypertextových odkazov a iné úlohy.

Spodná časť obrazovky sa používa na prepínanie medzi nasledujúcimi režimami:

Dizajnový režim

Režim návrhu je prezentovaný v zobrazení „to, čo vidíte na obrazovke, je to, čo dostanete na stránke“ (WYSIWYG). Tento režim je najobľúbenejší aj medzi odborníkmi na kódovanie HTML z jedného jednoduchého dôvodu: tlačidlá a možnosti ponuky vám umožňujú rýchlejšie vytvárať webové stránky. Napríklad vytvorenie tabuľky v textovom editore vyžaduje zadanie veľkého množstva textu, zatiaľ čo vytvorenie tabuľky v režime návrhu vyžaduje iba kliknutie na tlačidlo Tabuľka (Tabuľka), čo trvá len niekoľko sekúnd.

Split režim

Rozdelený režim vám umožňuje zobraziť stránku v režime WYSIWYG v jednej časti obrazovky a súčasne vidieť kód stránky v inej časti obrazovky. HTML kód sa automaticky aktualizuje so zmenami v okne WYSIWYG a naopak. Rozdelený režim je skvelý nástroj pre tých, ktorí poznajú HTML a chcú využiť rýchle WYSIWYG rozloženie pri zachovaní plnej kontroly nad HTML kódom.

Zdrojový režim

Zdrojový režim vám umožňuje prezerať a upravovať HTML kód vašej stránky. V tomto režime budete môcť používať väčšinu možností ponuky, ale na efektívne používanie tohto režimu musíte mať zručnosti v kódovaní HTML.

Poradenstvo. Nová ponuka režimu zdroja a klávesové skratky v aplikácii FrontPage 2003 vám pomôžu rýchlo a jednoducho vytvoriť kód. Ponuku Režim zdroja a súvisiace klávesové skratky môžete použiť na zvýšenie alebo zníženie odsadenia, zvýraznenie alebo vyhľadávanie konkrétnych značiek alebo blokov, pridávanie značiek alebo komentárov atď. Nové technológie IntelliSense® navyše umožňujú dokončenie kódu a opätovné použitie kódu.

Režim zobrazenia

Režim ukážky vám umožňuje zobraziť stránku vo webovom prehliadači pred jej uložením. To je obzvlášť výhodné v prípadoch, keď vykonáte zmeny, o ktorých si nie ste úplne istí, že by sa mali uložiť.

Aktualizácie

Po aktualizácii súborov zvyčajne väčšina webových vývojárov uprednostňuje ich odovzdanie na server pomocou programov na prenos súborov. Pre používateľov FrontPage 2003, ktorí pracujú s webovými lokalitami vytvorenými pomocou služby Windows SharePoint Services, možno túto operáciu vykonať jednoduchým výberom Uložiť(Uložiť) v ponuke Súbor(Súbor). Táto akcia automaticky uloží všetky zmeny na server.

Najčastejšie zmeny vykonané s aplikáciou FrontPage 2003

Pomocou FrontPage 2003 je možné vykonať veľa vecí rýchlejšie a jednoduchšie. Najbežnejšie z nich sú uvedené nižšie.

Pridávanie textu

Ak chcete pridať text na stránky webovej lokality vytvorenej pomocou služby Windows SharePoint Services, kliknite na prázdnu oblasť stránky, ktorá neobsahuje webové časti, a potom zadajte text. Ak chcete napríklad pridať text na stránku Zdieľané dokumenty, kliknite na prázdne miesto, ktoré neobsahuje webové časti, zadajte text a potom ho naformátujte, ako chcete.

Poradenstvo. Niektoré strany sú formátované pomocou tabuliek, takže možno budete musieť vložiť nový riadok alebo stĺpec, aby ste vytvorili ďalší priestor pre text. To je možné vykonať pomocou ponuky Tabuľka(Tabuľka).

Pridanie alebo nahradenie obrázkov

Pridávanie obrázkov na váš web je jednoduché. Najprv sa musíte uistiť, že obrázky sú uložené na webovej stránke (na pridanie obrázkov použite príkaz Importovať(Importovať) v ponuke Súbor(Súbor)). Po naimportovaní všetkých potrebných súborov skontrolujte, či je stránka, na ktorú chcete umiestniť obrázok, otvorená v zobrazení Návrh. Potom jednoducho vyberte požadovaný súbor a presuňte ho z panela zoznamu priečinkov na stránku.

Odstránenie obrázka je také jednoduché ako kliknutie na tlačidlo myši. Ak napríklad chcete nahradiť predvolené logo služby Windows SharePoint Services na svojej domovskej stránke, jednoducho naň kliknite a stlačte Odstrániť.

Poradenstvo. Ak plánujete vložiť svoj vlastný obrázok na miesto odstráneného obrázka, potom po stlačení klávesu Odstrániť stlačte Enter. Tým sa na stránke vytvorí oblasť, do ktorej môžete umiestniť nový obrázok.

Po pridaní nového obrázka na vašu lokalitu možno budete chcieť obrázok orezať, zmeniť jeho veľkosť, prevrátiť ho alebo zmenšiť veľkosť súboru obrázka. Panel s nástrojmi Výkresy (Obrázky) vám pomôže vykonať takéto zmeny.

Keď myšou vyberiete obrázok, zobrazí sa panel s nástrojmi Kreslenie(Obrázok) (ak sa tak nestane, potom v menu vyhliadka prejdite do podmenu Panely s nástrojmi a vyberte Kreslenie(Obrázok)).

Obrázok 1 - Panel nástrojov Obrázky

Panel s nástrojmi Výkresy(Obrázky) obsahuje funkcie, ktoré vám umožňujú orezávať, otáčať, meniť farby alebo vytvárať obrázky mapy:

Pridávanie stránok

Pridanie stránky na webovú lokalitu vytvorenú pomocou služby Windows SharePoint Services je jednoduché:

Prejdite do ponuky Súbor(Súbor).
Vyberte si položku Vytvorte(Nový).
Keď sa otvorí panel úloh Vytvorte(Nové), kliknite na odkaz Prázdna stránka(Prázdna strana).

Používanie šablón

FrontPage 2003 sa dodáva s mnohými hotovými šablónami, ktoré môžete použiť na vytváranie webových stránok. Ak chcete použiť takéto šablóny, v ponuke Súbor(Súbor) vyberte položku Vytvorte(Nový) a potom kliknite na odkaz Ďalšie šablóny stránok(Viac šablón stránok), čím otvoríte dialógové okno Šablóny stránok(Šablóny stránok). Kliknite na názov šablóny a potom kliknite na tlačidlo OK. Na základe vybratej šablóny sa otvorí nová stránka.

Obrázok 2 – Dialógové okno Šablóny webových stránok