Այսպիսով, ցանկանում եք շաղ տալ էջը ձեր վեբ էջում: Splash էջերը ձեր կայքը բրենդավորելու հիանալի միջոց են: Այս How-To- ը ենթադրում է, որ դուք բավականին քիչ HTML և CSS գիտեք, և դա կարող է օգնել, եթե դուք գիտեք նաև հիմնական JavaScript- ը:
Քայլեր
Քայլ 1. Ստեղծեք ձեր ուրվագծային էջը:
Դուք կարող եք օգտագործել արտաքին CSS (Cascading Style Sheet), բայց այս օրինակում մենք պատրաստվում ենք օգտագործել an ներքին ոճի թերթիկ. Այսպիսով, դուք պետք է սկսեք ձեր հիմնական պիտակներից.
Բարի գալուստ:
Քայլ 2. Լրացրեք բաժնում առկա CSS և վերնագրի տվյալները:
Դուք ակնհայտորեն պետք է փոխեք արժեքները `ձեր կարիքներին համապատասխան.
Բարի գալուստ:
մարմինը {ֆոնային-գույնը ՝ #DCDCDC}
Բաց թողնված…
Նշում:
Հնարավոր է, որ ցանկանում եք CSS հատկություն ավելացնել տառատեսակների համար:
Քայլ 3. Ավելացրեք սցենարը `հիմնական էջ տեղափոխվելու համար:
Այս բաժինը պարտադիր չէ, և դուք կարող եք պարզապես բաց թողնել այն, եթե չեք ցանկանում, որ այն ինքնաբերաբար առաջ շարժվի:
Բաց թողնված…
window.onload = timeout;
ֆունկցիայի ընդմիջում () {
window.setTimeout ("վերահղում ()", 5000)}
գործառույթը վերահղում () {
window.location = "Տուն. htm"
վերադարձ}
Բաց թողնված…
Բաց թողնված…
Նշումներ.
Համարը 5000 նշանակում է
Քայլ 5. վայրկյան Փոխեք սա ավելի կարճ կամ երկար ժամանակների համար: Փոխեք վերահղման ֆայլի անունը ձեր հիմնական էջի անվան:
Քայլ 4. Ավելացրեք վերնագիր:
Սա, հավանաբար, պետք է լինի ձեր վեբ կայքի անվանումը, և դուք պետք է այն ներդիրներով փակեք ՝ որոնիչների համար հեշտ գտնելու համար:
Քայլ 5. Ավելացրեք նկար:
Սա պետք է ցույց տա, թե ինչի մասին է ձեր կայքը: Կրկին կարող եք օգտագործել
պիտակ
Բաց թողնված…
Նշումներ.
Այս քայլը ենթադրում է, որ դուք պահպանել եք վերնագրի պատկերը նույն թղթապանակում, ինչ որ .htm ֆայլը, և որ այն անվանված է "splashimage.jpg". Կարող եք ավելացնել CSS- ի դիրքավորումը, եթե նախընտրում եք, որ պատկերը լինի որևէ այլ տեղ էկրանին, օրինակ ՝ կենտրոնը:
Քայլ 6. Ավելացրեք կոճակ:
Այս կոճակը այցելուների համար կդառնա հիմնական էջ ավելի արագ հասնելու միջոց: Երբ նրանք սեղմում են այն, դրանք անմիջապես տեղափոխվում են գլխավոր էջ: Այլապես կարող եք ուղղակի հղում տրամադրել գլխավոր էջին:
Բաց թողնված…
Նշում:
Կարող եք փոխել "արժեք" տարր ՝ կոճակի վրա ցուցադրվող տեքստը փոխելու համար:
Քայլ 7. Ավելացրեք տեքստ:
Սա կարող է լինել այն ամենը, ինչ ձեզ դուր է գալիս: Ընդհանրապես, դա «Շնորհակալություն այցելության համար» ողջույնի կամ «Ստեղծված է…» -ի կողմից ողջույնի խոսք է:
Բաց թողնված…
Շնորհակալություն այցելության համար:
Նշումներ.
Այստեղ կարող եք օգտագործել CSS- ը տեքստի համար: Դուք կարող եք օգտագործել վերնագիր (
) փոխարենը, եթե ցանկանում եք:Քայլ 8. Այժմ դուք ունեք աշխատանքային ցայտուն էջ:
Հիմա ժամանակն է գեղեցկացնել այն CSS- ի միջոցով և այն դարձնել կենդանի:
Տեսանյութ - Այս ծառայությունից օգտվելով ՝ որոշ տեղեկություններ կարող են կիսվել YouTube- ի հետ:
Խորհուրդներ
- Ավելացրեք այնքան բովանդակություն, որքան ցանկանում եք, բայց մի զբաղեցրեք այն չափազանց զբաղվածությամբ:
- Եթե ցանկանում եք, կարող եք ավելացնել հնչյուններ և տեսանյութեր, բայց դա որոշ մարդկանց համար երկար ժամանակ կտա:
- Եթե դուք շատ բան չգիտեք HTML- ի կամ CSS- ի մասին, կարող եք օգտագործել Blogger- ի նման առաջնորդվող խմբագիր `այս գործընթացը ավելի պարզեցնելու համար: