سرفصلهای پست
- 1 آموزش طراحی سایت با HTML
- 2 مقدمه دوره آموزش HTML
- 3 سرفصل های دوره آموزش HTML (اچ تی ام ال)
- 3.1 فصل ۱ . مقدمه ای بر HTML
- 3.2 فصل ۲ . آشنایی با ساختار صفحات وب
- 3.3 فصل ۳ . صفت ها در HTML
- 3.4 فصل ۴ . تگ های قالب بندی متن
- 3.5 فصل ۵ . کار با لینک ها در HTML
- 3.6 فصل ۶ . کار با تصاویر در HTML
- 3.7 فصل ۷ . کار با لیست ها در HTML
- 3.8 فصل ۸ . کار با جداول در HTML
- 3.9 فصل ۹ . کار با بلوک ها در HTML
- 3.10 فصل ۱۰ . کار با فریم ها در HTML
- 3.11 فصل ۱۱ . کار با جاوا اسکریپت در HTML
- 3.12 فصل ۱۲ . کامنت گذاری در HTML
- 3.13 فصل ۱۳ . کار با استناد و نقل قول در HTML
- 3.14 فصل ۱۴ . کار با CSS در HTML
- 3.15 فصل ۱۵ . آشنایی با Head در HTML
- 3.16 فصل ۱۶ . آشنایی با Layout در HTML
- 3.17 فصل ۱۷ . طراحی واکنش گرا در HTML
- 3.18 فصل ۱۸ . Computer Codes در HTML
- 3.19 فصل ۱۹ . موجودیت ها در HTML
- 3.20 فصل ۲۰ . کار با فرم ها در HTML
- 3.21 فصل ۲۱ . HTML5
- 3.22 فصل ۲۲ . آشنایی با گرافیک در HTML
- 3.23 فصل ۲۳ . رسانه در HTML
- 3.24 فصل ۲۴ . آشنایی با API ها در HTML
- 3.25 فصل ۲۵ . جمع بندی HTML
آموزش طراحی سایت با HTML
با سلام خدمت تمامی علاقمندان به مباحث آموزشی طراحی سایت ، دوره آموزش HTML سایت میزفا یک دوره جامع و در عین حال رایگان است که به آموزش HTML از مقدماتی تا پیشرفته می پردازد . پس اگر علاقمند به فراگیری HTML این زبان نشانه گذاری محبوب هستید فرصت را از دست ندهید و این دوره آموزشی را مطالعه نمایید.
مقدمه دوره آموزش HTML
شاید بارها براتون اتفاق افتاده که با دیدن یک سایت با طراحی خاص و زیبا به وجد بیاید و دلتون بخواد که یک سایت شخصی مطابق با سلیقه خودتون طراحی کنید در اون لحظه مطمئنا کنجکاو شدید که بدونید این سایت چجوری و با چه دانشی ساخته شده خب برای رفع این کنجکاوی فقط کافیه روی صفحه ی سایت مورد نظرتون راست کلیک کنید و سپس گزینهی View Page Source را انتخاب کنید حالا شما با یکسری حروف و کاراکترهای لاتین مواجه خواهید شد که متون فارسی سایت را در بر گرفتند ، تمامی این عناصر در کنار هم باعث شکل گیری این صفحه سایت شده اند .
شاید اولش با دیدن این همه کاراکتر و حرف لاتین کمی گیج شده باشید ولی جای هیچ گونه نگرانی نیست چون شما خیلی زود میتونید با تک تک این عناصر و معنی و مفهوم و کاراییشون آشنا بشید البته به شرط داشتن صبر ، حوصله ، پشتکار و مهم تر از همه اینا علاقه .
روی علاقه تاکید بیشتری میکنم چون به نظر خودم علاقه مهم ترین مشوق برای یادگیری مباحث طراحی سایت هست و تا علاقه نباشه عملا تلاشی هم صورت نمیگیره ، شما با یادگیری قواعد و زبان های برنامه نویسی تحت وب میتونید در فضای وب روی صفحه ی مرورگرتون نقاشی کنید و سپس به تک به تک عناصر نقاشیتون جون بدید و اونا رو به حرکت دربیارید و بعد این اثر هنری را در معرض دید عموم قرار بدید و حتی از این راه کسب درآمد هم داشته باشید پس اگر احساس میکنید که علاقمند به یادگیری مباحث طراحی سایت هستید آموزشهای ما رو به هیچ عنوان از دست ندید چون این آموزشها حاصل تجربهی ما در این زمینه هست و به شما این ضمانتو میدیم که پکیج آموزشی ما برای شما عزیزان مفید خواهد بود .
سرفصل های دوره آموزش HTML (اچ تی ام ال)
در این بخش سرفصل های کلی دوره آموزشی HTML که به صورت رایگان برای شما آماده شده است را مشاهده میکنید. در تهیه این سرفصل سعی کردهایم تا با استفاده منابع معتبر داخلی و خارجی برای شما دورهای کامل و جامع را تهیه کنیم. اگر به نظر شما در سرفصل ها مبحث مد نظر شما وجود ندارد، لطفا به ما اطلاع دهید.
فصل ۱ . مقدمه ای بر HTML
فصل ۲ . آشنایی با ساختار صفحات وب
فصل ۳ . صفت ها در HTML
- Attribute ها در HTML
- Attribute های عمومی در HTML بخش اول
- Attribute های عمومی در HTML بخش دوم
- Class در HTML
- id در HTML
- لیست همه Attribute ها در HTML
فصل ۴ . تگ های قالب بندی متن
- تگ p در HTML
- تگ br و تگ nobr در HTML
- تگ hr در HTML
- تگ h1 تا h6 در HTML
- تگ b و تگ strong در HTML
- تگ i و تگ em در HTML
- تگ del و تگ s و تگ strike در HTML
- تگ u و تگ ins در HTML
- تگ abbr و تگ acronym در HTML
- تگ sup در HTML
- تگ sub در HTML
- تگ font در HTML
- تگ center در HTML
- تگ dfn در HTML
- تگ address در HTML
- عناصر inline level و block level در HTML
فصل ۵ . کار با لینک ها در HTML
- آشنایی با لینک و بهترین روشهای لینک سازی
- تگ a در HTML
- آدرس دهی فایل ها در HTML
- کار با URL Encode در HTML
فصل ۶ . کار با تصاویر در HTML
فصل ۷ . کار با لیست ها در HTML
فصل ۸ . کار با جداول در HTML
فصل ۹ . کار با بلوک ها در HTML
فصل ۱۰ . کار با فریم ها در HTML
فصل ۱۱ . کار با جاوا اسکریپت در HTML
فصل ۱۲ . کامنت گذاری در HTML
فصل ۱۳ . کار با استناد و نقل قول در HTML
فصل ۱۴ . کار با CSS در HTML
فصل ۱۵ . آشنایی با Head در HTML
فصل ۱۶ . آشنایی با Layout در HTML
فصل ۱۷ . طراحی واکنش گرا در HTML
فصل ۱۸ . Computer Codes در HTML
فصل ۱۹ . موجودیت ها در HTML
فصل ۲۰ . کار با فرم ها در HTML
فصل ۲۱ . HTML5
- آشنایی با HTML5
- رفع مشکل HTML5 در مرورگر های مختلف
- مهاجرت از HTML4 به HTML5
- راهنمای سبک HTML5 و کنوانسیون های کد نویسی
فصل ۲۲ . آشنایی با گرافیک در HTML
فصل ۲۳ . رسانه در HTML
فصل ۲۴ . آشنایی با API ها در HTML
- موقعیت جغرافیایی در HTML
- استفاده از Drag/Drop در HTML
- ذخیره سازی وب در HTML
- استفاده از Web Worker ها در HTML
- رویداد ارسال به سرور در HTML
فصل ۲۵ . جمع بندی HTML
- رفرنس HTML
- آزمون HTML
در این دوره شما به زبان نشانه گذاری اچ تی ام ال به صورت کامل دسترسی خواهید داشت.
شما با یادگیری زبان نشانه گذاری اچ تی ام ال، یکی از اولین قدم ها را برای یادگیری طراحی سایت برداشته اید. دنیای طراحی وب سایتها بسیار بزرگ است و در صورتی که به زبان های برنامه نویسی وب در ادامه مسلط شوید، با بازاری بسیار پویا در ارتباط خواهید بود.
آشنایی اولیه، کار با اینترنت و وب سایت ها و دیگر هیچ پیش نیازی وجود ندارد.
این دوره به صورت رایگان در وب سایت میزفا توسط علی اسمعیلی تهیه شده است و شما میتوانید به صورت نامحدود از این دوره استفاده نمایید.
58 پاسخ
با سلام
بنده تازه کارم. ممکنه راهنمایی کنید با چه نرم افزاری سایت بزنم؟
سلام
سوالاتون کمی گنگ هست
نرم افزار خوب برای زدن کد vscode هست که میشه باهاش کد زد و به کمک کد سایت زد.
ولی اگر کد یا کد نویسی بلد نیستی پیشنهاد میشه سراغ وردپرس بری.
برای اندروید هست یا ویندوز؟
برای ویندوز، لینوکس و مک
سلام وقتتون بخیر
من در حال آموزش دوره HTML و CSS هستم و هنوز در ابتدای راهم و پابه پای آموزش هایی که میبینم تمرین میکنم
و خیلی خوشحالم که دارم در مسیری قدم میذارم که جزئی از علایق بنده است و همیشه در حین تمریناتم برای رفع سوالاتم به گوگل رجوع میکنم و خیلی خوشحالم که با پیجتون آشنا شدم. و خیلی باعث دلگرمیه که اگر احیانا سوالی یا اشکالی در روند تمریناتم پیش اومده ازتون راهنمایی بخوام. و یه سوالی برام پیش اومده و اینکه همونطور که داشتم کامنت ها رو میخوندم متوجه شدم که امتحان میگیرین درسته؟ و اینکه آیا مدرک رایگان ارائه میدین؟ خیلی دوست دارم خودمو محک بزنم فقط قبلش لطفا در این مورد راهنمایی کنین اینکه شرایطش به چه صورته ؟ ممنون میشم.
درود
شرایط خاصی نداره اگر قبول بشید کافی هست از پیغام قبولی اسکرین شات بگیرید و در بخش تماس با ما بگید تا براتون رایگان گواهی پایه html صادر بشه.
سلام
ممنون بایت مطالب مفیدی ه قرار دادید.
ایا امکانش هست بصورت pdf هم قرار بدید کل دوره رو که بتونیم چاپ کنیم
اگز نیاز به پرداخت هزینه هم باشه مورد نداره
سلام ممنونیم از پیشنهاد شما
هر چند میتونید Ctrl P کنید و رایگان استفاده کنید.
مدرک رایگان هم میدین؟
بله اگر در ازمون قبول بشید.
سلام
ببخشید چه مدت برای ساخت این سایت وقت گذاشتی؟ایا این وقتی گذاشتید وقت واقعیش بوده یا شما به طور مستمر کار نکردید؟
متشکرم
سلام
تقریبا مستمر بوده و نزدیک به ۴.۵ سال در کنار تیم ۱۰ نفره.
خیلی ممنون از سایت خیلی خوبتون اگه میشه مطالب بیشتری بگذارید، مطالبتون خیلی مفید هست ولی کم است ممنون میشم اگه بیشترش کنید.
سلام، محتوا خیلی جامع هستش که از این بیشتر چه چیزی مد نظرتونه بگید اضافه بکنیم.
سلام
دانلود نداره؟
دانلود یکجا چی؟
سلام دانلود چی یکجا؟
سلام من در تگ picure وقتی از تگ source استفاده میکنم و صفت media رو بهش میدم نمیدونم چرا کدم کار نمیکنه کد رو هم درست وارد میکنم ولی هرچی صفحه رو کوچیک بزرگ میکنم عکسم عوض نمیشه و همون عکس پیش فرض رو میزاره که در تگ img گذاشتم
ممنون میشم کمک کنید
سلام ابوالفضل، نمونه کدت رو برامون عکسشو بفرست یا فایلشو به صورت zip آپلود کن بررسی کنیم که کجای کار مشکل داره.
سلام من تازه وارد هستم و میخوام یک سایت بسازم. یک سوال از شما داشتم با گوشی هم میشه سایت ساخت؟! اگه میشه با گوشی سایت ساخت، از چه برنامهای استفاده کنم؟! لطفا جواب بدید?
سلام میثم
میشه ولی کمی سخته.
مقاله نرم افزار برای html بخون اونجا چند تا نرم افزار معرفی کردیم برای گوشی های اندروید.
با سلام بنظرتون توی کدوم برنامه کد بزنیم که راحت باشه ؟
سلام
ب نظر من VSCode
رایگان و قوی هست.
مقاله: نرم افزار برای HTML
با سلام و عرض ادب.
من طبق معرفی ای که داشتم اسی هستم
من میخوام در ایتدای سایت اچ تی ام الم یک قسمت آبی رنگ(سرفصل) ایجاد کنم ممنون میشم راهنماییم کنید
سلام اسی.
سوالت خیلی کلی هست. لطفا آموزش های CSS دنبال کن و سعی کن بخش رنگ بندی رو بخونی.
سلام و خسته نباشین
میخواستم یک کمک به من بدین
من در کالی لینوکس با ساخت یک اپ به موبایل یک شخص دسترسی پیدا کردم
میخواستم کد هایی به من بدی که بتونم از موبایل اون شخص اطلاعات استخراج کنم و لوکیشن شخص پیدا کنم
ممنون میشم به ایمیل من ارسال کنین پاسخ رو
سلام ابوالفضل این کار خیلی ساده هست.
فقط کافیه این صفحه رو در ویکی پدیا بخونی : حریم خصوصی
و متوجه بشی که اطلاعات شخصی افراد برای خودشون هست نه شما که بخوای استخراجش کنی.
موفق باشی.
??????
عااااااااااالی بود
سلااااااام سلاااااام
خسته نباشید کار درستان خدا قوت
راستی اون دستمون راست میگه
هر فصل آموزش و زیرشاخه خودشو داره
مثل لیست های dl
وقتی زیرشاخه هارو انتخاب میکنیم و کلیک میکنیم باز میشه ولی آموزش های فصل 25 ادامه مسیر و و و
… که اتفاقا خیلی هم مهمه و دل گرمی آخر کاره
باز شدنی نیست که نیست (:
سلام کیوان عزیز، بخش رفرنس ها به زودی قرار میگیره. بخش آزمون که فعاله و میتونید استفاده کنید، مشکل کجاست؟
قسمت 25 تون باز نمیشه…
ممنون از سایت فوق العادتون
125151
سلام ، سرفصل های HTML که قسمتی نیست. کدام مقاله باز نمیشه ؟
بله قسمت 25 تون باز نمیشه
منظورتون اگر فصل بیست و پنجمه بله به زودی بروزرسانی میشه صفحه.
ببخشید میشه بگید html بهتره یا css
سلام مهدی ، این دوتا اصلا مکمل همدیگه هستند و در این لحظه وجود هرکدوم بدون اون یکی بی معنی هستش.
پس خود آموزش کجا قرار گرفته؟
سلام علی داخل همین مقاله هستن دیگه روشون کلیک کن.
آها ممنون فکر کردم ویدعویی چیزی همراشه
خواهش میکنم موفق باشی
سلام ممنون از سایت خوبتون
درحال حاظر آموزش HTML و CSS تمام هست یا هنوز ناقصه؟
سلام علی. html خیلی وقته کامل شده
دوره CSS چطور؟
سلام علی جان به زودی تکمیل میشه.
سلام میشه بگین چطوری باید تو html باکس درست کنم؟ ر کاری میکنم نمیشه از تگ هم استفاده کردم. البته بعد از تگ چیزایی که لازم بود رو نوشتم مثل class=”box” و …
سلام نیما جان.
به طور کلی داخل HTML به تنهایی نمیتونی باکسای که تو نظرت هست رو ایجاد کنی. برای ایجاد کردنش باید از کلاس های سی اس اس استفاده کنی.
مثلا اول همونطور که گفتی
class="box"
رو وارد کنی بعدش برای ادامه مثلا با استفاده از padding و background-color یه باکس خیلی ساده رو ایجاد کنی.سلام و خسته نباشید ادامه آموزش html , css رو نمیذارین کامل شه؟؟؟!!!!
سلام حمیدرضا. نزدیک به ۷۰ مقاله درباره html نوشتیم. سرفصل ها مشخص نیست؟ واضح در سایدبار درج کردیم.
همینطور css در منو هست میتونید مشاهده کنید
به نظرم آموزش HTML برای شروع سئو واقعا میتونه مفید باشه ، به شرطی که بعد از اتمام آموزش عجله نکنن و نخوان همه چیزایی که یاد گرفتن یکباره پیاده کنن
سلام، بله دقیقا خیلی میتونه براشون مفید باشه. ممنون از پیامتون. موفق باشید ?
عرض سلام و خسته نباشید. بنده یک وبسایت دارم که پرستاشاپی هست. در یک قسمت میخوام که باکس ساده ایجاد کنم. تغییرات css رو اعمال کردم و باکس ایجاد شدولی متاسفانه نمیتونم به خود سایت منتقل کنم چون باید html هم دستکاری بشه که در ویرایشگر قالب محلی برای اون نیست. نمیدونم کدهای html در کجای هاست قرار داده شده اند. اگه میشه یه راهنمایی بفرمایید.
سلام زانیار عزیز،
فایل های قالب شما در فروشگاه ساز پرستاشاپ داخل پوشه Themes و ماژول ها نیز در پوشه modules قرار داره. از طریق این بخش ها میتونی ویرایشت رو انجام بدی. البته در نظر داشته باش که این فایل ها جز HTML شامل کد ها و Shortcode های مخصوص پرستاشاپ هستند و باید اون ها رو با دقت ویرایش کنی. موفق باشی.
سلام
ببخشید چرا لینک های فصلهای 6تا11 کار نمیکنند
سلام دوست عزیز. فعلا این بخشها تکمیل نشدن.
سلام رضا جان الان دیگه تکمیل شده 🙂
سلام چه تفاهمی منم اسمعیلی هستم
سلام بله چه اتفاق مبارکی اکبر جان :))
با تشکر از آموزش طراحی سایت
خواهش میکنم . موفق باشید.