Բովանդակություն:

Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր: 4 քայլ
Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր: 4 քայլ

Video: Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր: 4 քայլ

Video: Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր: 4 քայլ
Video: ԳՈՒՆԱՅԻՆ ԹԵՍՏ, ՈՐԸ ԿԱՍԻ ՔՈ ՀՈԳԵՎՈՐ ՏԱՐԻՔԸ 2024, Նոյեմբեր
Anonim
Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր
Ինչպես կատարել հիմնական կայք ՝ օգտագործելով նոթատետր

Որևէ մեկին հետաքրքրե՞լ է

«Ինչպե՞ս կարող եմ վեբ կայք կազմել հիմնական գրելու ծրագրից»:

Դե, ակնհայտ է, ոչ կոնկրետ…

Ինչևէ, այստեղ ես ձեզ ցույց կտամ, թե ինչպես կատարել ՀԻՄՆԱԿԱՆ կայք ՝ օգտագործելով միայն նոթատետրը:

Պարագաներ

Այս նախագծի համար ձեզ հարկավոր է.

-մեծ ուղեղ

-նոթատետր

-գուցե HTML և CSS հրամանների խաբեության թերթիկ

-շատ համբերություն

Քայլ 1: Սկիզբ

Սկիզբը
Սկիզբը

Բացեք նոթատետրը: Փաստորեն, բացեք այն երկու անգամ: Դուք միաժամանակ կոդավորելու եք 2 ֆայլ:

Այժմ պահպանեք երկու ֆայլերը: Մեկը կլինի [ֆայլի անունը].html, իսկ մյուսը ՝ [ֆայլի անունը].css

Քայլ 2: HTML ֆայլի կարգավորում:

HTML ֆայլի կարգավորում
HTML ֆայլի կարգավորում

HTML ֆայլի վրա առաջին տողում գրեք "" բաց թողնել տողը

տող 2 -

տող 3 - [էջի անվանումը]

տող 4 -

տող 5 -

բաց թողնել գիծը

տող 6 -

տող 7 -

[ինչ եք ուզում առաջին տողում: սա սովորական տեքստ է:]

տող 8 -

տող 9 -

Այժմ, խմբագրեք, թե որտեղ եմ տեղադրում հաղորդագրությունները

Բացատրություն - - -

նշում է ծածկագրի սկիզբը:

նշում է վերնագրի սկիզբը:

նշում է, թե ինչ կցուցադրվի ներդիրի անվան վրա

+հղման մեջ եղած այլ ծածկագիրը css ոճաթերթը կկապի ոճերի համար html- ին:

ավարտում է հայտարարությունը:

ավարտում է վերնագրի հայտարարությունը

նշում է տեքստի / ծածկագրի սկիզբը

տեքստի պարբերության սկիզբն է, որը կցուցադրվի html կոդը գործարկելիս:

դու կռահեցիր այն ավարտում է մարմնի հայտարարությունները

նշանակում է ծածկագրի ավարտը:

Քայլ 3: CSS ֆայլի կարգավորում:

Կարգավորել CSS ֆայլը
Կարգավորել CSS ֆայլը

CSS ֆայլի առաջին տողում դրեք (@charset "utf-8";)

տող 2 - մարմին

տող 3 {ֆոն. [ինչ եք ուզում որպես ֆոնի գույն]

տող 4 -}

տող 5 - հ 1 {

տող 6 - font -family: bold

տող 7 -}

Դուք կարող եք ավելացնել ավելի շատ փոփոխականներ և փոխել իմ նշումները

Քայլ 4: Դե, դա էր:

Դե, դա էր
Դե, դա էր

Եթե ցանկանում եք, կարող եք օգտագործել ավելի լավ ուղեցույց, ինչպիսին է vishalapr- ի «Վեբ ձևավորման հիմունքները»

www.instructables.com/Web-Designing-Basics…

Բացի այդ, զգուշացեք, որ նոթատետրը չի ցույց տալիս, թե որտեղ է ձեր կոդը սխալվում:

Այդ իսկ պատճառով խորհուրդ է տրվում կայքերի կոդավորման ծրագրակազմ:

Խորհուրդ ենք տալիս: