![Դաս 1. Ինչպես ստեղծել հեշտ և թեթև մենյու HTML/CSS-ով](https://i.ytimg.com/vi/PP-7gTX4ZwU/hqdefault.jpg)
Բովանդակություն
Գրառման գրքույկը տեքստային խմբագիրներից մեկն է, որը կարող է օգտագործվել Cascading Style Sheet (CSS) փաստաթուղթ ստեղծելու համար: Գրառման գրքույկում CSS ֆայլ ստեղծելուց հետո կարող եք այդ ֆայլը կապել վեբ էջի հետ, որպեսզի վեբ էջի բովանդակությունը ձևաչափվի ձեր ոճաթերթի հետ:
Քայլեր
1 Բացեք Notepad ծրագիրը:
- 2Պատճենեք հետևյալ ծածկագիրը.
@charset "utf-8"; / * CSS Document * // * Սահմանել մարմնի տարրի գույնը * / body {background: # FFFFFF;} / * Այս բաժինը հղումների համար է * * / a: link { տառատեսակի քաշը `նորմալ; գույնը ՝ նավատորմի} ա: այցելեց {տառատեսակը-քաշը ՝ նորմալ; գույնը ՝ կանաչ;} a: hover {font-weight: bold; գույնը `կարմիր; font-variant: small-caps;} / * Այս բաժինը նախատեսված է պարբերության համար * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Այս բաժինը պատկերի սև եզրագծի համար է: * / img {border-color: # 000000; եզրագիծը `հաստ; եզրային ոճ ՝ լեռնաշղթա;}
# Տեղադրեք կոդը «Քայլ 2» -ից Notepad- ում:
![](https://a.vvvvvv.in.ua/society/kak-sozdat-prostuyu-tablicu-stilej-css-s-pomoshyu-notepad-1.webp)
1 Պահպանեք ֆայլը Notepad- ում: Պահեք այն «SimpleCSS.css» անվան տակ ՝ կտտացնելով «Ֆայլ» կոճակին և ընտրելով «Պահել» հրամանը: «Պահել» կոճակը սեղմելուց հետո կցուցադրվի «Պահել որպես» երկխոսության տուփը:
2 Անվանեք ձեր CSS ֆայլը: Մուտքագրեք «SimpleCSS.css» կամ ցանկացած անուն «Ֆայլի անուն» տեքստային տուփում ՝ «.css» ընդլայնմամբ:
3 Կտտացրեք «Պահել» կոճակին:
4 Արված է!
Խորհուրդներ
- Պահեք Գրառման գրքույկի ֆայլը միայն որպես տեքստ (երբեմն կարող եք այն անվանել տեքստային փաստաթուղթ կամ ASCII) և տվեք «.css» ընդլայնումը:
- Մեր գրած կոդը պարզապես օրինակ է ՝ ձեզ ցույց տալու համար, թե ինչպես ստեղծել հիմնական CSS ֆայլ ՝ օգտագործելով Notepad ՝ ներածություն բաժնում ցուցադրվող մեր նմուշի վեբ էջում դրա HTML տարրերը շահարկելու համար: Դուք կարող եք փոխել մեր CSS ծածկագրումը, այնուամենայնիվ, ինչպես եք ցանկանում ձևակերպել վեբ էջերի ոճերն ու տեսքը:
- Հիշեք, որ պահված CSS փաստաթուղթը տեղադրեք նույն թղթապանակում, ինչպես ձեր HTML փաստաթղթերը, որտեղ դուք ստեղծել եք ձեր վեբ էջերը:
- Ձեր CSS փաստաթուղթը ստեղծելուց հետո գուցե անհրաժեշտ լինի կատարել հաջորդ քայլը. այսինքն ՝ կապել փաստաթուղթ և վեբ էջ: Խնդրում ենք տեսնել համապատասխան հոդվածները դա անելու համար:
Բաներ, որոնք ձեզ պետք կգան
- Համակարգիչ
- Գրառման գրքույկ ծրագիր
- Ինտերնետ դիտարկիչ