آموزش HTML - دایرکتوری های پروژه طراحی یک وب سایت ساده با HTML و CSS
آموزش طراحی سایت با HTML و CSS ، ایجاد دایرکتوری های پروژه. در قسمت قبل، بسیاری از موارد اساسی مورد نیاز برای نوشتن کدهای HTML را مرور کردیم. در این پست طراحی یک وب سایت ساده با HTML و CSS را شروع خواهیم کرد و در گام اول دایرکتوری های پروژه را می سازیم.
ما در قسمت های قبل مطالب مهمی را در مورد HTML آموخته ایم. مطالبی که تاکنون گفته شده است و ما می دانیم:
پیش نیازها: قبل از شروع پروژه، ابتدا باید یک ویرایشگر کد مناسب برای نوشتن کدهای خود دانلود و نصب کنیم. برخی از ویرایشگرهای محبوب HTML را در زیر می توانید مشاهده کنید:
اولین کاری که باید انجام دهیم، ایجاد دایرکتوری هاست. یعنی فایل ها و پوشه هایی که باید برای نوشتن کدها و نگه داری فایل ها نیاز داریم را ایجاد کنیم. در زیر لیستی از فایل ها و پوشه های مورد نیاز را مشاهده می نمایید:
در تصویر بالا می توانید پوشه ها و فایل هایی را که در پروژه استفاده کرده ایم در نوار کناری سمت چپ ویرایشگر به وضوح مشاهده کنید. اما در اینجا چند سوال پیش می آید:
چند سوال بالا، سوالات اساسی است که در ذهن همه کسانی که برای اولین بار پروژه ای ایجاد می کنند به وجود می آید.
پاسخ ها:
اکنون اجازه دهید جزئیات مربوط به دایرکتوری هایی را که برای پروژه خود ایجاد کرده ایم، بررسی کنیم:
project-1: این دایرکتوری اصلی پروژه ما است که شامل تمام پوشه ها و فایل هایی است که در هنگام ساخت پروژه ایجاد خواهیم کرد.
css: این پوشه شامل تمام فایل های CSS است که ما برای استایل دادن به پروژه خود از آنها استفاده خواهیم کرد. در حال حاضر، این پوشه خالی می باشد.
fonts: این پوشه شامل تمام فایل های فونت مورد استفاده در پروژه می باشد.
images: این پوشه شامل تمام تصاویری است که در پروژه از آنها استفاده خواهیم کرد. فعلا این پوشه خالی می باشد.
index.html: صفحه ای با نام “index.html” پایه و اساس پروژه می باشد که مرورگر آن را به عنوان صفحه اصلی در نظر می گیرد. هنگامی که وب سایت ما در مرورگر بارگذاری شود، همه چیز داخل این صفحه ارائه می شود.
سرفصل های آموزش طراحی یک وب سایت ساده با HTML و CSS