منو سایت

  • خانه
  • وبلاگ
  • راه اندازی CSS و HTML برای وب سایت شما: آموزش

راه اندازی CSS و HTML برای وب سایت شما: آموزش

 تاریخ انتشار :
/
  وبلاگ
راه اندازی CSS و HTML برای وب سایت شما: آموزش


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

این آموزش خواهد شد شما را با اصول اولیه راه اندازی فایل های HTML و CSS برای وب سایت خود راهنمایی می کند. بیا شروع کنیم!

پیش نیازها

  • درک اولیه HTML و CSS.

مرحله 1 – راه اندازی اولیه

ابتدا یک فهرست پروژه جدید ایجاد می کنیم و نام آن را a
تظاهرات–پروژه :

سپس با استفاده از آن به دایرکتوری فعلی تغییر دهید
سی دی دستور:

در پوشه پروژه، اجازه دهید فایل های زیر را که برای اجرای وب سایت اصلی خود نیاز داریم اضافه کنیم:

  • فهرست مطالب.html : این فایل شامل تمام کدهای HTML خواهد بود.
  • سبک ها.css : ما تمام فایل‌های CSS را برای طراحی وب‌سایت خود در اینجا نگه می‌داریم.
  • تصاویر : تمامی تصاویر مورد نیاز باید در این فایل ذخیره شوند.

اکنون که دایرکتوری پروژه خود را ایجاد کرده ایم و فایل های لازم را اضافه کرده ایم، بیایید جلو برویم و محتوای HTML را به ما اضافه کنیم.
فهرست مطالب.html در مرحله بعدی

مرحله 2- محتوای HTML را به آن اضافه کنید
فهرست مطالب.html فایل

که در
فهرست مطالب.html فایلی که در مرحله قبل ایجاد کردیم، کدهای HTML مقدماتی را اضافه می کنیم. این خطوط اولیه HTML به عنوان دستورالعمل برای مرورگر عمل می کنند، اما در صفحه وب نمایش داده نمی شوند.

بلوک کد زیر را در خود اضافه کنید
فهرست مطالب.html فایل:

توجه: مطمئن شوید که
فهرست مطالب.html فایل قبل از افزودن این بلوک‌های کد خالی است. همچنین تغییر عنوان را همانطور که در آن مشخص شده است در نظر بگیرید
<عنوان> بخش.

بیایید اصطلاحات استفاده شده را درک کنیم:

  • <!DOCTYPE html> : این بیانیه ای است که مرورگر را در مورد نوع HTML مورد استفاده در سند HTML مطلع می کند.

    • از آنجا که چندین نسخه از استانداردهای HTML در دسترس هستند، مشخص می کنند
      DOCTYPE مرورگرها می توانند نسخه HTML را بدون زحمت شناسایی کنند. به عنوان مثال، در این راهنما از آخرین نسخه HTML5 استفاده می کنیم.
  • <html> : این تگ به مرورگر اطلاع می دهد که محتوای موجود در آن باید به عنوان HTML در نظر گرفته شود. هنگام باز کردن
    <html> فایل، حتما آن را با استفاده از
    </html> برچسب. این برچسب پشتیبانی می کند
    زبان ویژگی ها و شما می توانید زبان صفحه وب را مشخص کنید. ما در آموزش خود با استفاده از این زبان را به انگلیسی تنظیم کرده ایم
    en برچسب زبان
  • <سر> : این یک بخش در سند HTML ایجاد می کند و حاوی اطلاعاتی در مورد صفحه وب است. با این حال، جزئیات محتوایی وجود ندارد و مرورگر هیچ اطلاعاتی را در اینجا در قسمت عنوان نمایش نمی دهد.
  • <متا مجموعه کاراکتر=“utf-8”> : مجموعه کاراکترهای سند را مشخص می کند. باید با فرمت یونیکد باشد. UTF-8، از اکثر زبان های نوشتاری شناخته شده پشتیبانی می کند.
  • <عنوان> :
    <عنوان> برچسب به مرورگر در مورد نام صفحه وب اطلاع می دهد. زمانی که وب سایت در نتایج جستجو فهرست می شود، عنوان در تب مرورگر ظاهر می شود.
  • <ارتباط پاسخ=“سبک برگ” href=“https://www.cloudsigma.com/setting-up-css-and-html-for-your-website-a-tutorial/css/styles.css”> : به مرورگر اطلاع می دهد تا شیوه نامه حاوی استایل های CSS را شناسایی کند.
  • <بدن> : این تگ حاوی محتوای اصلی صفحه وب است. هنگام استفاده از a
    <بدن> برچسب، فراموش نکنید که آن را با استفاده از
    </بدن> برچسب.

مرحله 3 – یک ظاهر طراحی با استفاده از CSS

که در
سبک ها.css فایل، سبک مورد نیاز پروژه خود را اضافه کنید. در این مثال، خطوط کد زیر را به خود اضافه کنید
سبک ها.css فایل:

ما بالاخره فایل‌های HTML و CSS اولیه‌ای را که برای راه‌اندازی وب‌سایت خود به آن نیاز داریم، ایجاد کرده‌ایم. همچنین می توانید تصاویر را اضافه کرده و در پوشه تصاویر ذخیره کنید. ذخیره کنید و فایل را ببندید. سپس باز کنید
فهرست مطالب.html در مرورگر وب مورد علاقه خود فایل کنید و صفحه اصلی را روی صفحه نمایش خود خواهید دید.

نتیجه

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

علاوه بر این، آموزش های HTML و CSS دیگری نیز وجود دارد که می توانید در وبلاگ ما بیابید:

کار کامپیوتر مبارک!

راه اندازی CSS و HTML برای وب سایت شما: آموزش

درباره آکشی ناگپال

علاقه مندان به تجزیه و تحلیل داده های بزرگ و یادگیری ماشین.