نحوه ایجاد صفحه چلپ چلوپ برای یک وب سایت: 8 مرحله (همراه با تصاویر)

فهرست مطالب:

نحوه ایجاد صفحه چلپ چلوپ برای یک وب سایت: 8 مرحله (همراه با تصاویر)
نحوه ایجاد صفحه چلپ چلوپ برای یک وب سایت: 8 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد صفحه چلپ چلوپ برای یک وب سایت: 8 مرحله (همراه با تصاویر)

تصویری: نحوه ایجاد صفحه چلپ چلوپ برای یک وب سایت: 8 مرحله (همراه با تصاویر)
تصویری: ایمیل نوشتن به انگلیسی : چطور ایمیل رسمی انگلیسی بنویسیم ؟ - فرازبان 2024, ممکن است
Anonim

بنابراین می خواهید یک صفحه چلپ چلوپ در صفحه وب خود قرار دهید؟ صفحات چلپ چلوپ راهی عالی برای نشان دادن وب سایت شما هستند. این How-To فرض می کند که شما مقدار زیادی از HTML و CSS را می شناسید ، و اگر برخی از جاوا اسکریپت اصلی را نیز بلد باشید ، ممکن است مفید باشد.

مراحل

ایجاد یک صفحه چلپ چلوپ برای یک وب سایت مرحله 1
ایجاد یک صفحه چلپ چلوپ برای یک وب سایت مرحله 1

مرحله 1. صفحه طرح کلی خود را ایجاد کنید

می توانید از یک CSS خارجی (برگه سبک آبشار) ، اما در این مثال ما قصد داریم از یک استفاده کنیم استایل شیت داخلی به بنابراین باید با برچسب های اصلی خود شروع کنید:

خوش آمدی!

ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 2
ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 2

مرحله 2. اطلاعات CSS و عنوان را در بخش وارد کنید

بدیهی است که باید مقادیر را متناسب با نیازهای خود تغییر دهید:

خوش آمدی!

بدنه {پس زمینه-رنگ: #DCDCDC}

حذف شده…

توجه داشته باشید:

ممکن است بخواهید یک ویژگی CSS برای فونت ها اضافه کنید.

ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 3
ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 3

مرحله 3. برای انتقال به صفحه اصلی ، اسکریپت را اضافه کنید

این بخش اختیاری است و اگر نمی خواهید به طور خودکار به پیش برود ، می توانید آن را به سادگی حذف کنید.

حذف شده…

window.onload = timeout؛

وقفه عملکرد () {

window.setTimeout ("تغییر مسیر ()" ، 5000)}

تغییر مسیر عملکرد () {

window.location = "Home.htm"

برگشت}

حذف شده…

حذف شده…

یادداشت:

شماره 5000 به معنای

مرحله 5 ثانیه این را برای زمانهای کوتاهتر یا طولانی تر تغییر دهید. نام فایل تغییر مسیر را به نام صفحه اصلی خود تغییر دهید.

ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 4
ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 4

مرحله 4. یک عنوان اضافه کنید

این احتمالاً باید نام وب سایت شما باشد ، و باید آن را در قسمت داخلی قرار دهید تا پیدا کردن آن برای موتورهای جستجو آسان شود.

ایجاد یک صفحه چلپ چلوپ برای یک وب سایت مرحله 5
ایجاد یک صفحه چلپ چلوپ برای یک وب سایت مرحله 5

مرحله 5. یک عکس اضافه کنید

این باید نشان دهد که سایت شما درباره چیست. دوباره می توانید از

Image
Image

برچسب زدن

حذف شده…

یادداشت:

در این مرحله فرض بر این است که تصویر عنوان را در همان پوشه ای با پرونده ذخیره کرده اید .htm فایل ، و نام آن است "splashimage.jpg" به اگر ترجیح می دهید تصویر در جایی دیگر روی صفحه مانند مرکز قرار گیرد ، می توانید موقعیت CSS را اضافه کنید.

مرحله 6. یک دکمه اضافه کنید

این دکمه راهی برای دسترسی سریعتر بازدیدکنندگان به صفحه اصلی خواهد بود. وقتی روی آن کلیک می کنند ، بلافاصله به صفحه اصلی منتقل می شوند. در عوض می توانید پیوندی را به صفحه اصلی ارائه دهید.

حذف شده…

توجه داشته باشید:

می توانید تغییر دهید "ارزش" عنصر برای تغییر متن نمایش داده شده بر روی دکمه.

ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 7
ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 7

مرحله 7. مقداری متن اضافه کنید

این می تواند هر چیزی باشد که دوست دارید. به طور کلی این یک نوع سلام "تشکر برای بازدید" یا "ایجاد شده توسط …" است.

حذف شده…

با تشکر از شما برای بازدید!

یادداشت:

در اینجا می توانید از CSS برای متن استفاده کنید. می توانید از عنوان (

) در عوض اگر دوست دارید

ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 8
ایجاد صفحه چلپ چلوپ برای وب سایت مرحله 8

مرحله 8. اکنون شما یک صفحه پاشش کار دارید

اکنون زمان آن رسیده است که آن را با استفاده از CSS زیبا کنید و آن را زنده کنید!

ویدئو - با استفاده از این سرویس ، ممکن است برخی از اطلاعات با YouTube به اشتراک گذاشته شود

نکات

  • هر چقدر که دوست دارید محتوا اضافه کنید ، اما آن را زیاد شلوغ نکنید.
  • اگر دوست دارید می توانید صداها و ویدئوها را اضافه کنید ، اما این کار زمان زیادی را برای برخی از افراد ایجاد می کند.
  • اگر اطلاعات زیادی در مورد HTML یا CSS ندارید ، می توانید از ویرایشگر هدایت شده مانند Blogger برای ساده تر کردن این فرآیند استفاده کنید.

توصیه شده: