سرفصل های آموزش HTML

آموزش رایگان html از مقدماتی تا پیشرفته به زبان ساده برای علاقه مندان طراحی سایت

آموزش طراحی سایت با HTML
آموزش طراحی سایت با HTML

آموزش طراحی سایت با HTML

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

پادکست مقالات HTML

مقدمه دوره آموزش HTML

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

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

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

سرفصل های دوره آموزش HTML

سرفصل های دوره آموزش HTML (اچ تی ام ال)

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

فصل ۱ . مقدمه ای بر HTML

فصل ۱ . مقدمه ای بر HTML

فصل ۲ . آشنایی با ساختار صفحات وب

فصل ۲ . آشنایی با ساختار صفحات وب

فصل ۳ . صفت ها در HTML

فصل ۳ . صفت ها در HTML

فصل ۴ . تگ های قالب بندی متن

فصل ۴ . تگ های قالب بندی متن

فصل ۵ . کار با لینک ها در HTML

فصل ۵ . کار با لینک ها در HTML

فصل ۶ . کار با تصاویر در HTML

فصل ۶ . کار با تصاویر در HTML

فصل ۷ . کار با لیست ها در HTML

فصل ۷ . کار با لیست ها در HTML

کار با جداول در HTML

فصل ۸ . کار با جداول در HTML

فصل ۹ . کار با بلوک ها در HTML

فصل ۹ . کار با بلوک ها در HTML

فصل ۱۰ . کار با فریم ها در HTML

فصل ۱۰ . کار با فریم ها در HTML

فصل ۱۱ . کار با جاوا اسکریپت در HTML

فصل ۱۱ . کار با جاوا اسکریپت در HTML

فصل ۱۲ . کامنت گذاری در HTML

فصل ۱۲ . کامنت گذاری در HTML

فصل ۱۳ . کار با استناد و نقل قول در HTML

فصل ۱۳ . کار با استناد و نقل قول در HTML

فصل ۱۴ . کار با CSS در HTML

فصل ۱۴ . کار با CSS در HTML

فصل ۱۵ . آشنایی با Head در HTML

فصل ۱۵ . آشنایی با Head در HTML

فصل ۱۶ . آشنایی با Layout در HTML

فصل ۱۶ . آشنایی با Layout در HTML

فصل ۱۷ . طراحی واکنش گرا در HTML 

فصل ۱۷ . طراحی واکنش گرا در HTML 

فصل ۱۸ . Computer Codes در HTML

فصل ۱۸ . Computer Codes در HTML

فصل ۱۹ . موجودیت ها در HTML

فصل ۱۹ . موجودیت ها در HTML

فصل ۲۰ . کار با فرم ها در HTML

فصل ۲۰ . کار با فرم ها در HTML

فصل ۲۱ . HTML5

فصل ۲۱ . HTML5

فصل ۲۲ . آشنایی با گرافیک در HTML

فصل ۲۲ . آشنایی با گرافیک در HTML

فصل ۲۳ . رسانه در HTML

فصل ۲۳ . رسانه در HTML

فصل ۲۴ . آشنایی با API ها در HTML

فصل ۲۴ . آشنایی با API ها در HTML

فصل ۲۵ . جمع بندی HTML

فصل ۲۵ . جمع بندی HTML

در این دوره چه چیز هایی یاد می‌گیریم؟

در این دوره شما به زبان نشانه گذاری اچ تی ام ال به صورت کامل دسترسی خواهید داشت.

بازار کار اچ تی ام ال چطور است؟

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

برای شرکت در این دوره چه پیش نیازی وجود دارد؟

آشنایی اولیه، کار با اینترنت و وب سایت ها و دیگر هیچ پیش نیازی وجود ندارد.

هزینه این دوره چقدر هست ؟

این دوره به صورت رایگان در وب سایت میزفا توسط علی اسمعیلی تهیه شده است و شما می‌توانید به صورت نامحدود از این دوره استفاده نمایید.

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

58 نظر

58 پاسخ

  1. با سلام
    بنده تازه کارم. ممکنه راهنمایی کنید با چه نرم افزاری سایت بزنم؟

    1. سلام
      سوالاتون کمی گنگ هست
      نرم افزار خوب برای زدن کد vscode هست که میشه باهاش کد زد و به کمک کد سایت زد.
      ولی اگر کد یا کد نویسی بلد نیستی پیشنهاد میشه سراغ وردپرس بری.

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

    1. درود
      شرایط خاصی نداره اگر قبول بشید کافی هست از پیغام قبولی اسکرین شات بگیرید و در بخش تماس با ما بگید تا براتون رایگان گواهی پایه html صادر بشه.

  3. سلام
    ممنون بایت مطالب مفیدی ه قرار دادید.
    ایا امکانش هست بصورت pdf هم قرار بدید کل دوره رو که بتونیم چاپ کنیم
    اگز نیاز به پرداخت هزینه هم باشه مورد نداره

    1. سلام ممنونیم از پیشنهاد شما
      هر چند میتونید Ctrl P کنید و رایگان استفاده کنید.

  4. سلام
    ببخشید چه مدت برای ساخت این سایت وقت گذاشتی؟ایا این وقتی گذاشتید وقت واقعیش بوده یا شما به طور مستمر کار نکردید؟
    متشکرم

    1. سلام
      تقریبا مستمر بوده و نزدیک به ۴.۵ سال در کنار تیم ۱۰ نفره.

  5. خیلی ممنون از سایت خیلی خوبتون اگه میشه مطالب بیشتری بگذارید، مطالبتون خیلی مفید هست ولی کم است ممنون میشم اگه بیشترش کنید.

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

  6. سلام من در تگ picure وقتی از تگ source استفاده میکنم و صفت media رو بهش میدم نمیدونم چرا کدم کار نمیکنه کد رو هم درست وارد میکنم ولی هرچی صفحه رو کوچیک بزرگ میکنم عکسم عوض نمیشه و همون عکس پیش فرض رو میزاره که در تگ img گذاشتم
    ممنون میشم کمک کنید

    1. سلام ابوالفضل، نمونه کدت رو برامون عکسشو بفرست یا فایلشو به صورت zip آپلود کن بررسی کنیم که کجای کار مشکل داره.

      1. سلام من تازه وارد هستم و میخوام یک سایت بسازم. یک سوال از شما داشتم با گوشی هم میشه سایت ساخت؟! اگه میشه با گوشی سایت ساخت، از چه برنامه‌ای استفاده کنم؟! لطفا جواب بدید?

  7. با سلام بنظرتون توی کدوم برنامه کد بزنیم که راحت باشه ؟

  8. با سلام و عرض ادب.
    من طبق معرفی ای که داشتم اسی هستم
    من میخوام در ایتدای سایت اچ تی ام الم یک قسمت آبی رنگ(سرفصل) ایجاد کنم ممنون میشم راهنماییم کنید

  9. سلام و خسته نباشین
    میخواستم یک کمک به من بدین
    من در کالی لینوکس با ساخت یک اپ به موبایل یک شخص دسترسی پیدا کردم
    میخواستم کد هایی به من بدی که بتونم از موبایل اون شخص اطلاعات استخراج کنم و لوکیشن شخص پیدا کنم
    ممنون میشم به ایمیل من ارسال کنین پاسخ رو

    1. سلام ابوالفضل این کار خیلی ساده هست.

      فقط کافیه این صفحه رو در ویکی پدیا بخونی : حریم خصوصی

      و متوجه بشی که اطلاعات شخصی افراد برای خودشون هست نه شما که بخوای استخراجش کنی.

      موفق باشی.

  10. سلااااااام سلاااااام
    خسته نباشید کار درستان خدا قوت
    راستی اون دستمون راست میگه
    هر فصل آموزش و زیرشاخه خودشو داره
    مثل لیست های dl
    وقتی زیرشاخه هارو انتخاب میکنیم و کلیک میکنیم باز میشه ولی آموزش های فصل 25 ادامه مسیر و و و
    … که اتفاقا خیلی هم مهمه و دل گرمی آخر کاره
    باز شدنی نیست که نیست (:

    1. سلام کیوان عزیز، بخش رفرنس ها به زودی قرار میگیره. بخش آزمون که فعاله و میتونید استفاده کنید، مشکل کجاست؟

    1. سلام ، سرفصل های HTML که قسمتی نیست. کدام مقاله باز نمیشه ؟

        1. منظورتون اگر فصل بیست و پنجمه بله به زودی بروزرسانی میشه صفحه.

    1. سلام مهدی ، این دوتا اصلا مکمل همدیگه هستند و در این لحظه وجود هرکدوم بدون اون یکی بی معنی هستش.

    1. سلام علی داخل همین مقاله هستن دیگه روشون کلیک کن.

  11. سلام ممنون از سایت خوبتون
    درحال حاظر آموزش HTML و CSS تمام هست یا هنوز ناقصه؟

  12. سلام میشه بگین چطوری باید تو html باکس درست کنم؟ ر کاری میکنم نمیشه از تگ هم استفاده کردم. البته بعد از تگ چیزایی که لازم بود رو نوشتم مثل class=”box” و …

    1. سلام نیما جان.
      به طور کلی داخل HTML به تنهایی نمیتونی باکس‌ای که تو نظرت هست رو ایجاد کنی. برای ایجاد کردنش باید از کلاس های سی اس اس استفاده کنی.
      مثلا اول همونطور که گفتی class="box" رو وارد کنی بعدش برای ادامه مثلا با استفاده از padding و background-color یه باکس خیلی ساده رو ایجاد کنی.

  13. سلام و خسته نباشید ادامه آموزش html , css رو نمیذارین کامل شه؟؟؟!!!!

    1. سلام حمیدرضا. نزدیک به ۷۰ مقاله درباره html نوشتیم. سرفصل ها مشخص نیست؟ واضح در سایدبار درج کردیم.
      همینطور css در منو هست میتونید مشاهده کنید

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

    1. سلام، بله دقیقا خیلی میتونه براشون مفید باشه. ممنون از پیامتون. موفق باشید ?

  15. عرض سلام و خسته نباشید. بنده یک وبسایت دارم که پرستاشاپی هست. در یک قسمت میخوام که باکس ساده ایجاد کنم. تغییرات css رو اعمال کردم و باکس ایجاد شدولی متاسفانه نمیتونم به خود سایت منتقل کنم چون باید html هم دستکاری بشه که در ویرایشگر قالب محلی برای اون نیست. نمیدونم کدهای html در کجای هاست قرار داده شده اند. اگه میشه یه راهنمایی بفرمایید.

    1. سلام زانیار عزیز،
      فایل های قالب شما در فروشگاه ساز پرستاشاپ داخل پوشه Themes و ماژول ها نیز در پوشه modules قرار داره. از طریق این بخش ها میتونی ویرایشت رو انجام بدی. البته در نظر داشته باش که این فایل ها جز HTML شامل کد ها و Shortcode های مخصوص پرستاشاپ هستند و باید اون ها رو با دقت ویرایش کنی. موفق باشی.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=