Kuidas muuta lingi stiile lehe omadustega Dreamweaveris

Kui olete nagu paljud disainerid, kes kasutavad Dreamweaverit, siis tõenäoliselt ei meeldi teile allakriipsutus, mis kuvatakse automaatselt veebilehel kogu lingitud teksti alla. Selle allakriipsu eemaldamine ja linkide värvi, fonti ja suurust on Dreamweaveri dialoogiboksis Lehe atribuudid väga lihtne eemaldada. Dialoogiboksis Lehe atribuudid saate muuta ka muid leheüleseid sätteid, nagu taustavärvi ja lehe veerisid.

Lihtsaim viis kõigi linkide stiilide korraga muutmiseks on muuta neid dialoogiboksis Lehe atribuudid. Selle suvandi kasutamisel loob Dreamweaver vastavad sildivalija stiilid automaatselt ja loetleb need paneelil CSS Styles. Teised selle dialoogiboksi kogu lehekülge hõlmavad sätted töötavad sarnaselt ja saate kõiki neid suvandeid redigeerida, kasutades CSS-i tööriistu.

Hüperlingi ja muude stiilide muutmiseks dialoogiboksis Lehe atribuudid avage olemasolev leht või looge uus ja järgige neid samme.

Valige Muuda → Lehe atribuudid.

Teise võimalusena võite klõpsata atribuutide inspektoris nuppu Lehekülje atribuudid. Ilmub dialoogiboks Lehekülje atribuudid.

Valige dialoogiboksi Lehe atribuudid vasakul pool kategooria Lingid (CSS).

Määrake oma linkide font ja suurus.

Kui soovite kasutada linkide jaoks sama fondi suurust ja nägu, mida kasutate oma lehe ülejäänud tekstis, on parem jätta need valikud tühjaks. Kui muudate lehe tekstisätteid, ei pea te neid ka oma linkide puhul muutma.

Määrake iga hüperlingi oleku jaoks värvid, klõpsates vastavat värvi kaevu ja valides värvi dialoogiboksist Värv.

Saate muuta mis tahes või kõiki lingi värvi sätteid. Kui te lingi värvi ei määra, kasutab brauser lingi vaikevärvi. Siin on selgitus iga nelja lingi oleku kohta:

• Lingi värv: värv, milles teie lingid kuvatakse lehe esmakordsel laadimisel ja lingitud lehte pole brauser veel külastanud. Vastav HTML-märgend on .

• Külastatud lingid: teie linkide värv muutub pärast seda, kui brauser on lingitud lehte juba vaadanud. Vastav HTML-märgend on .

• Liikumise lingid: lingi värv muutub, kui kasutaja viib kursori lingi kohale. Vastav HTML-märgend on .

• Aktiivsed lingid: lingi värv muutub, kui kasutaja lingil aktiivselt klõpsab. Vastav HTML-märgend on .

Valige ripploendist Allajoonitud stiil stiil.

Vaikimisi on veebibrauseris kuvatavad lingid alla joonitud. Paljud disainerid eelistavad eemaldada lingitud teksti all automaatselt ilmuva allajoonimise, valides valiku Mitte kunagi alla joonida. Saate anda külastajatele allakriipsutamise visuaalse vihje, kuid ainult siis, kui nad kursori lingi kohal liigutavad, seega valige suvand Kuva allakriipsutus ainult kursoriga.

Klõpsake nuppu OK.

Dialoogiboks Lehekülje atribuudid sulgub, stiilisätted rakendatakse automaatselt lehe kõikidele linkidele ja vastavad stiilid lisatakse paneelile CSS Styles.

Lingi stiilide täielikuks testimiseks vaadake oma lehe eelvaadet veebibrauseris või klõpsake tööala ülaosas nuppu Otsevaade. Hea tava on testida lingi sätteid brauseris, kui teete muudatusi nagu eelmises harjutuses. Vaadake, kuidas teie lingid kuvatakse.

Näiteks kontrollige, kas aktiivse ja külastatud lingi värvid näevad lehe taustavärvi taustal head välja. Pidage meeles, et kõik stiilid, mille loote dialoogiboksi Lehe atribuudid abil, mõjutavad kõiki teie lehe linke, välja arvatud juhul, kui rakendate konkreetsele lingile erinevat stiili, mis alistab uuesti määratletud sildi stiili.

Kui soovite sama lehe erinevates osades kasutada erinevaid lingi stiile, saate erinevate lingistiilide loomiseks luua liitstiile.