آموزش HTML5

مدرس دوره:

این دوره توسط حمید رضا ملکی تالیف شده است.


سطح دوره:

سطح این دوره مقدماتی و پیشرفته است.


پیش نیازها:

این دوره هیچ پیشنیازی ندارد.


مشخصات دوره:

تاریخ انتشار دوره: ۱۳۹۶/۰۲/۲۴
تعداد آموزش ها: ۳۱ مقاله


شروع آموزش

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


HTML5 چیست؟

HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده بود. در سال 2011  HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند. امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است.


تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت که مهمترین آنها عبارتند از:

  • امکانات جدید باید بر پایه HTML، CSS، DOM و javascript بوده و همخوانی لازم را داشته باشد.
  • نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد.
  • رفع مشکلات و ارورها در HTML5 از نسخه های پیشین راحت تر باشد.
  • استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود.
  • HTML5 باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد.
  • مراحل پیشرفت و بروزرسانی آن متن باز و در اختیار عموم باشد.

 

مثالی از زبان HTML :

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>

        <h1>This is a Heading</h1>
        <p>This is a paragraph.</p>

    </body>
</html>
خودتان امتحان کنید

آنچه در مورد HTML5 باید بدانیم

به یاد داشته باشیم که HTML5 بر پایه نسخه قبلی یعنی همان HTML4.01 ساخته شده است و برای استفاده بهتر از آن میتوانید از اطلاعات قبلی خود نیز بهره ببرید زیرا با یک زبان کاملا جدید و متفاوت روبرو نیستید. تنها کافیست که تغییرات آن را نسبت به نسخه های قبلی بخوبی بشناسید و از امکانات جدیدی که به HTML5 افزوده شده نهایت استفاده را ببرید.


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

 

مدرس دوره

حمید رضا ملکی

208 مقاله

حمید رضا ملکی هستم فارغ التحصیل رشته ی مهندسی نرم افزار و موسس سایت لرن سورس. از زمان ورود به دانشگاه یادگیری حرفه ای برنامه نویسی را شروع کردم و الان چندین سال است در این زمینه فعالم. همیشه ایده ی داشتن یک سایت دوره محور رو در ذهن داشتم که الان با لرن سورس فکر میکنم تا حدودی به اون ایده نزدیک شده ام.

دیدگاه ها
بهزاد کیانی پنجشنبه ۲۳ خرداد ۱۳۹۸

با سلام مجدد ممنون از پاسختون شما پيشنهادتون براي back end نرم افزار php هستش يعني بهتراز پايتون هستش

حمید رضا ملکی پنجشنبه ۳۰ خرداد ۱۳۹۸

سلام. سلیقه ای هست. با این حال من خودم asp کار هستم و asp.net core رو ترجیح میدم.

بهزاد کیانی جمعه ۱۷ خرداد ۱۳۹۸

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

حمید رضا ملکی جمعه ۱۷ خرداد ۱۳۹۸

سلام. خیلی هم عالی. برای برنامه نویسی وب شما نیاز دارید زبان ها و تکنولوژی های مختلفی را یاد بگیرید. یادگیری شما شامل دو بخش میشود. یکی بخش فرانت اند ، که هر چیزی که شامل بخش جلویی سایت میشود را شامل میشود. بخش جلویی شامل یادگیری CSS، HTML و زبان جاوا اسکریپت میشود. هر سه تای اینها در سایت به صورت متن و ویدئو رایگان در اختیار شماست. اینها اساس بخش جلویی هستند. با این حال فریمورک های قدرتمندی برای هرکدام نیز وجود دارد که میتونید یاد بگیرید. اما بخش عقبی با back-end شامل یادگیری زبانی مثل php و یا سی شارپ است.

اگر دات نت کار باشید و با محصولات مایکروسافت کار میکنید پیشنهادم به شما یادگیری سی شارپ و بعد از آن یادگیری تکنولوژی asp.net core هست. در غیر این صورت به سمت php برید.

بعد از یادگیری این زبان ها میتونید سایتی داینامیک را به طور کامل طراحی کنید.

mahdi azizian سه شنبه ۱۴ اسفند ۱۳۹۷

با سلام. ممنون برای آموزش های مفیدتون. خدا قوت

شاهین جمعه ۴ آبان ۱۳۹۷

سلام با تشکر از شما امیدوارم موفق باشید.

mehdi دوشنبه ۱۱ تیر ۱۳۹۷

از زحمات شما بسیار ممنونم . خدا خیرتون بده

سعید دوشنبه ۱۰ اردیبهشت ۱۳۹۷

سلام من آموزش HTML , CSS شما رو کامل خوندم انصافا خیلی شفاف آموزش دادید و نکته مثبت دیگه هم توضیحات مختصرتونه امیدوارم که این آموزش ها ادامه دار باشند. منتظر آموزش php هم هستیم ممنون از زحماتتون با آرزوی موفقیت های بیشتر

حمید رضا ملکی چهار شنبه ۱۲ اردیبهشت ۱۳۹۷

ممنون از نظر لطف شما.

برای ارسال دیدگاه لازم است ابتدا وارد سایت شوید