نحوه طراحی یک صفحه وب ساده در Div: 4 مرحله (همراه با تصاویر)

فهرست مطالب:

نحوه طراحی یک صفحه وب ساده در Div: 4 مرحله (همراه با تصاویر)
نحوه طراحی یک صفحه وب ساده در Div: 4 مرحله (همراه با تصاویر)

تصویری: نحوه طراحی یک صفحه وب ساده در Div: 4 مرحله (همراه با تصاویر)

تصویری: نحوه طراحی یک صفحه وب ساده در Div: 4 مرحله (همراه با تصاویر)
تصویری: آموزش باز کردن پست های اکانت خصوصی اینستاگرام دیگران| Can See Private Instagram Account ? 2024, آوریل
Anonim

اگر سایتی دارید ، بررسی طرح آن با استفاده از برچسب های CSS و div می تواند شما و وب سایت شما را یک قدم جلوتر ببرد. تعمیر و نگهداری آسان ، بارگیری سریعتر و ویژگیهای دوستانه موتورهای جستجو به شما مزایای استراتژی بازاریابی بهتر را می دهد.

مراحل

مرحله 1. بدانید که تگ "div" اساساً برای ایجاد مناطق یا بخشهای جداگانه صفحه وب سایت استفاده می شود

این یکی از عناصر بسیار قوی در "XHTML" است زیرا برای قرار دادن طراحی صفحه وب با استفاده از "CSS" ضروری است. به عبارت ساده ، این فرایند به معنای پیاده سازی سایتهایی است که از جداول برای چیدمان و موقعیت یابی استفاده نمی کنند.

مرحله 2. ایجاد یک Stylesheet - برچسب های "Div" از شیوه نامه هایی استفاده می کنند که به وب سایت اجازه می دهد مستقل از داده ها باشد

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

  • می توانید شیوه نامه را به عنوان یک سند دیگر ایجاد کنید و سپس آن را پیوند دهید. یک سند دفترچه جدید باز کنید ، کد خود را در آن بنویسید و آن را در برنامه افزودنی ".css" ذخیره کنید.
  • ویژگیهای CSS که بسیار مفید هستند عبارتند از "رنگ پس زمینه" ، "ارتفاع" ، "عرض" ، "شناور" و "روشن".

مرحله 3. پیوند Stylesheet - می توانید با استفاده از تگ پیوند ، شیوه نامه را پیوند دهید

این باید در بخش "head" وب سایت شما استفاده شود. به عنوان مثال، به شما باید مسیر فایل CSS خود را در جایی که "path" در این مثال نوشته شده است بنویسید.

طراحی یک صفحه وب ساده در Div مرحله 1
طراحی یک صفحه وب ساده در Div مرحله 1
طراحی صفحه وب ساده در Div مرحله 2
طراحی صفحه وب ساده در Div مرحله 2
طراحی صفحه وب ساده در Div مرحله 3
طراحی صفحه وب ساده در Div مرحله 3

مرحله 1. مزایای استفاده از برچسب های div یا بدون جدول را درک کنید:

  • بارگذاری سایت ها سریعتر می شود. وب سایت هایی که برچسب 'div' دارند ، باعث می شوند مرورگرها بسیار سریعتر اجرا شوند زیرا بسیار سبک هستند. 'Div' از طریق شیوه نامه Cascading کنترل می شود و بنابراین ، به کدگذاری کمتری نیاز دارد که به حفظ حداقل اندازه فایل کمک می کند.
  • 'Div' برای همه موتورهای جستجو دوستانه است - وب سایت های مبتنی بر CSS برای بهینه سازی موتورهای جستجو دوستانه هستند زیرا اینها طراح وب را قادر می سازد تا مقالات اصلی را در بالا نگه دارد و به موتورهای جستجو اجازه می دهد مطالب اصلی را به راحتی پیدا کنند.
  • وب سایت مبتنی بر برچسب 'div' پهنای باند را ذخیره می کند. یک وب سایت بدون میز حجم فایل کوچکتری دارد ، به این معنی که پهنای باند شما را ذخیره می کند. اگر سایت ترافیکی زیادی دارید ، جایی که هر صفحه توسط بازدید کنندگان سایت مرور می شود ، با نداشتن جداول ، در اندازه پهنای باند صرفه جویی می کنید. این مقدار پهنای باند ذخیره شده می تواند در یک بازه زمانی یا در پایان ماه مفید باشد.
  • Cleaner Code - وب سایت هایی که از برچسب های div و CSS استفاده می کنند ، کد تمیزتری تولید می کنند. این کد پاک کننده به خزنده های موتورهای جستجو اجازه می دهد تا محتوای واقعی را بخوانند.

توصیه شده: