ساختار وبسایت واقعی با HTML

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

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

سوالات رایج

الان که به پایان این دوره رسیدیدم، احتمالا سوال ها مختلفی براتون پیش اومده. در اینجا به تعدادی از این سوال ها پاسخ داده شده، همچنین میتونید هر سوالی که دارید رو تو بخش کامنت ها این جلسه بپرسید.

یکی از رایج ترین سوال هایی که در این زمان پرسیده میشه اینه که من الان HTML رو بلدم اما چرا نمیتونم یه سایت واقعی مثل دیوار یا دیجیکالا بسازم؟. همونطور که توی جلسه HTML چیست گفتیم، شما برای ساخت یه وبسایت واقعی به زبان های css و javascript هم نیاز دارید پس اگه نتونستید ساختار یه وبسایت واقعی رو فقط با HTML بسازید نگران نباشید.

توی دوره هیولای جاوااسکریپت علاوه بر یادگیری html و css و javascript با همدیگه دوتا پروژه کامل مثل سایت های دیوار و دیجیکالا میسازیم و کامل به این مبحث مسلط میشیم.

یکی دیگه از سوالاتی که توی این مرحله پیش میاد اینه که مرحله بعدی چیه؟ همونطور که تو جلسه سوم گفتیم، شما بعد از اینکه HTML رو یادگرفتید باید به سراغ یادگیری css برید.

تمرین این جلسه

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

نکته:

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