در این سری آموزش‌ها، به بررسی زبان HTML (زبان نشانه‌گذاری متن‌های وب) خواهیم پرداخت که پایه و اساس هر وب‌سایت را تشکیل می‌دهد. یادگیری HTML به شما این امکان را می‌دهد که ساختار صفحات وب را طراحی کنید و محتوای خود را به صورت منظم و قابل فهم برای مرورگرها و موتورهای جستجو ارائه دهید.

ما در این دوره به مباحثی چون تگ‌های اصلی HTML، ساختار صفحات، استفاده از تصاویر و لینک‌ها، و ... خواهیم پرداخت. با یادگیری اصول HTML، شما می‌توانید وب‌سایت‌هایی بسازید که نه تنها زیبا و کاربرپسند باشند، بلکه مفید باشند.

به دنیای جذاب برنامه‌نویسی وب خوش آمدید!

آموزش HTML: معرفی و مبانی اولیه طراحی وب

این قسمت به معرفی HTML، به‌عنوان بخش اصلی و ابتدایی آموزش برنامه‌نویسی وب، می‌پردازد. در این بخش، اصول و مبانی HTML شامل ساختار سند، تگ‌ها، ویژگی‌ها (Attributes)، و کاربردهای مختلف آن‌ها مورد بررسی قرار می‌گیرد.

قسمت نخست

HTML و نقش آن در عملکرد وب‌سایت‌ها

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

قسمت دوم

آشنایی با تگ‌های HTML و کاربردهای آن‌ها در طراحی وب

در این قسمت از آموزش، به بررسی عمیق‌تر مفاهیم و تگ‌های HTML می‌پردازیم که شامل تگ‌های سطح بلاک، پیش‌فرض مرورگر، استفاده از نقل‌قول‌ها، و سیستم رنگ‌ها است. همچنین تمرین‌هایی برای تثبیت یادگیری ارائه شده است.

قسمت سوم

ساخت جداول در HTML و استایل‌دهی با CSS

در این قسمت از آموزش، پس از مرور نحوه ساخت جدول‌ها در HTML، به اصول اولیه CSS برای تغییر ظاهر وبسایت و کار با فونت‌ها خواهیم پرداخت.

قسمت چهارم

ویژگی‌های پیشرفته جداول HTML و استایل‌دهی حرفه‌ای

در این قسمت از آموزش‌های وبلاگ آزادی به پایان آموزش جداول در HTML می‌پردازیم. اگر قسمت قبلی را مطالعه نکرده‌اید، حتماً از لینک ارائه شده به آن مراجعه کنید. در این بخش با ویژگی‌های پیشرفته جداول مانند عرض و ارتفاع سفارشی، عنوان‌ها، و استایل‌دهی مرزها آشنا خواهیم شد.

قسمت پنجم

آشنایی با لیست‌ها در HTML و استایل‌دهی با CSS

در این قسمت با سه نوع اصلی لیست‌ها در HTML آشنا می‌شویم و نحوه‌ی استایل‌دهی به آن‌ها با CSS را بررسی می‌کنیم.

قسمت ششم

استفاده از پس‌زمینه، پدینگ، مارجین و بوردر در طراحی وب

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

قسمت هفتم

مفهوم مدل جعبه‌ای CSS

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

قسمت هشتم

استفاده از کلاس‌ها، آیدی‌ها و تگ‌های HTML در طراحی صفحات وب

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

قسمت نهم

گنجاندن صفحات دیگر و استفاده از جاوا اسکریپت در HTML

در این بخش از آموزش، به تگ <iframe> پرداخته می‌شود که برای گنجاندن صفحات وب دیگر در داخل صفحه‌ی جاری استفاده می‌شود. همچنین، نوشتن جاوا اسکریپت در HTML با استفاده از تگ <script> و کاربردهای آن برای ایجاد تعامل و پویایی در صفحات وب توضیح داده می‌شود.

در نهایت، تگ‌های متا که برای ارائه توضیحات به موتورهای جستجو و بهبود سئو سایت استفاده می‌شوند، معرفی می‌شوند.

قسمت دهم

چیدمان صفحه وب و استفاده از رسانه‌ها در طراحی

در این بخش از آموزش، به چیدمان صفحه وب پرداخته می‌شود که شامل تقسیم‌بندی صفحه به بخش‌های مختلف مثل هدر، ناوبری، بخش اصلی، سایدبار و فوتر است. همچنین، تگ‌های رسانه‌ای مانند <img>، <audio> و <video> برای اضافه کردن تصاویر، ویدیوها و فایل‌های صوتی به صفحه معرفی می‌شوند.

در نهایت، مفهوم ریسپانسیو و استفاده از Media Queries برای تنظیم نحوه نمایش رسانه‌ها در دستگاه‌های مختلف توضیح داده می‌شود.

قسمت یازدهم

مبانی و کاربرد فرم‌ها در طراحی وب

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

قسمت دوازدهم