JAK: Vytvoření vlastní hypertextové odkazy pomocí stylů CSS v aplikaci FrontPage 2003

Microsoft FrontPage 2002 verzi tohoto článku naleznete v tématu
287706 .

Souhrn

Tento článek popisuje, jak vytvořit vlastní hypertextové odkazy pomocí kaskádové šablony stylů (CSS) v Microsoft Office FrontPage 2003. Obsahuje příklady, které ukazují, jak vytvořit vlastní hypertextové odkazy pomocí funkcí listu kaskádové šablony stylů.

Poznámka: V tomto článku používá kaskádové šablony stylů list funkce, které nemusí být podporovány ve všech prohlížečích. Další informace naleznete v nápovědě k aplikaci FrontPage. Chcete-li to provést, klepněte na příkaz Nápověda pro Microsoft FrontPage v
Nabídku Nápověda zadejte kompatibility list CSS stylu na panelu Hledat a potom stisknutím klávesy ENTER zobrazte témata, které jsou vráceny.

zpět na horní

Vytvořit vlastní hypertextové odkazy pomocí stylů CSS

Následující příklady ukazují, jak vytvořit vlastní hypertextové odkazy pomocí funkcí listu kaskádové šablony stylů:

Společnost Microsoft poskytuje ukázky programování pouze pro ilustraci bez žádné záruky výslovně uvedené nebo odvozené. To zahrnuje, ale není omezen pouze na předpokládané záruky obchodovatelnosti nebo vhodnosti pro určitý účel. Tento článek předpokládá, že jste obeznámeni s programovacím jazykem, který je předmětem ukázky a s nástroji, které slouží k vytvoření a ladění skriptu. Pracovníci podpory společnosti Microsoft mohou pomoci vysvětlit funkce určitého postupu, nemohou však následující příklady rozšířit o další funkce nebo vytvářet postupy podle vašich konkrétních požadavků. Poznámka: se může zobrazit chybová zpráva nebo stránky nemusí zobrazit správně, pokud zkopírovat příklady přímo z tohoto článku a jejich vložení do aplikace FrontPage. Lomených závorek (< a >) se může zobrazit kód HTML. Chcete-li toto chování obejít, nejprve vložte ukázkový kód do prázdného dokumentu v programu Poznámkový blok a potom zkopírovat ukázkový kód z dokumentu v programu Poznámkový blok na stránku v aplikaci FrontPage.

zpět na horní

Příklad 1: Vytvoření hypertextových odkazů, kde se zobrazí pouze podtržení odlišnou barvou

V tomto příkladu formátuje text hypertextového odkazu na stejnou barvu jako text dokumentu. Pouze podtržení hypertextového odkazu se zobrazí jinou barvou. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V nabídce Zobrazit klepněte na tlačítko
    Stránkaa dole na stránce klikněte na
    Kód.
  3. Vložte následující kód v
    < head >< / head > oblasti na stránce:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px }
    a:link { border-bottom-color: blue }
    a:visited { border-bottom-color: purple }
    a:hover { border-bottom-color: green }
    a:active { border-bottom-color: red }
    </style>

  4. Vložte následující kód v
    < text >< / body > oblasti na stránce:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. V nabídce soubor klepněte na tlačítko
    Uložit.
  6. V dialogovém okně Uložit jako určete umístění, kam chcete soubor uložit, do pole název souboru zadejte test1a potom klepněte na tlačítko
    Uložit.
  7. V nabídce soubor přejděte na příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.
zpět na horní

Příklad 2: Vytvoření hypertextových odkazů, které pomocí tlačítka přechodu

Tento příklad vytvoří hypertextové odkazy, které pomocí tlačítka přechodu styl plnou barvou pozadí. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V nabídce Zobrazit klepněte na tlačítko
    Stránkaa dole na stránce klikněte na
    Kód.
  3. Vložte následující kód v
    < head >< / head > oblasti na stránce:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { text-decoration: none; padding: 3px }
    a:link { color: white; background-color: blue }
    a:visited { color: white; background-color: purple }
    a:hover { color: white; background-color: green }
    a:active { color: white; background-color: red }
    </style>

  4. Vložte následující kód v
    < text >< / body > oblasti na stránce:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. V nabídce soubor klepněte na tlačítko
    Uložit.
  6. V dialogovém okně Uložit jako určete umístění, kam chcete soubor uložit, do pole název souboru zadejte priklad2a klepněte na tlačítko
    Uložit.
  7. V nabídce soubor přejděte na příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.
zpět na horní

Příklad 3: Vytvořte hypertextové odkazy, které pomocí tlačítka osnovy

Tento příklad vytvoří hypertextové odkazy, které tlačítko obrysy, styl přechodu. Barevný rámeček kolem textu hypertextového odkazu, který vytvoří efekt obrysu. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V nabídce Zobrazit klepněte na tlačítko
    Stránkaa dole na stránce klikněte na
    Kód.
  3. Vložte následující kód v
    < head >< / head > oblasti na stránce:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px }
    a:link { border-color: blue }
    a:visited { border-color: purple }
    a:hover { border-color: green }
    a:active { border-color: red }
    </style>

  4. Vložte následující kód v
    < text >< / body > oblasti na stránce:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>

  5. V nabídce soubor klepněte na tlačítko
    Uložit.
  6. V dialogovém okně Uložit jako určete umístění, kam chcete soubor uložit, do pole název souboru zadejte Example3a potom klepněte na tlačítko
    Uložit.
  7. V nabídce soubor přejděte na příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.
zpět na horní

Příklad 4: Vytvoření hypertextových odkazů, které používají formátování jiného textu

V tomto příkladu formátuje hypertextové odkazy, používat text-podtržené, kurzíva, malá písmena. Při přesunutí ukazatele myši na hypertextový odkaz, text na hypertextový odkaz je převeden na velká písmena. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V nabídce Zobrazit klepněte na tlačítko
    Stránkaa dole na stránce klikněte na
    Kód.
  3. Vložte následující kód v
    < head >< / head > oblasti na stránce:
    <style>body      { color: black; background-color: white; font-family: arial }
    a { text-decoration: none; font-style: italic; text-transform: lowercase }
    a:link { color: blue; font-weight: bold }
    a:visited { color: purple }
    a:hover { color: green; text-transform: uppercase }
    a:active { color: red }
    </style>

  4. Vložte následující kód v
    < text >< / body > oblasti na stránce:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p><p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p>

  5. V nabídce soubor klepněte na tlačítko
    Uložit.
  6. V dialogovém okně Uložit jako určete umístění, kam chcete soubor uložit, do pole název souboru zadejte Example4a klepněte na tlačítko
    Uložit.
  7. V nabídce soubor přejděte na příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.
zpět na horní

Odkazy

Další informace o stylů CSS v aplikaci FrontPage 2003 naleznete v nápovědě k aplikaci FrontPage. Provedete to tak, že v nabídce Nápověda klepněte na tlačítko Nápověda aplikace Microsoft Office FrontPage. V
Pole Hledat zadejte stylů CSSa stisknutím klávesy ENTER zobrazte témata, které jsou vráceny.

zpět na horní

Odkazy

Další informace získáte v následujícím článku znalostní báze Microsoft Knowledge Base:
196488 Fs000: co jsou stylů CSS?

205996 jak: vytvoření šablony stylů CSS v aplikaci FrontPage 2000

240972 postup: odeberte podtržení z hypertextové odkazy v aplikaci FrontPage 2000

222949 FP2000: vytváření efektů přechodu tlačítka formuláře pomocí jazyka DHTML a CSS

Vlastnosti

ID článku: 825450 - Poslední kontrola: 16. 1. 2017 - Revize: 1

Váš názor