آموزش 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 ممکن است شما از رقبایتان عقب بمانید و زمان زیادی را برای جبران آن از دست بدهید.

 

دیدگاه ها

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

دیدگاه های ارزشمند شما

سمانه اسلامی - ۳ سال قبل
سلام آقای ملکی راستش من یک سال پیش با سایت شما آشنا شدم و ازآموزش های html و css شروع کردم ولی متاسفانه یک وقفه افتاد و نتونستم ادامه بدم تا اینکه امروز مجددا برگشتم ولی نتونستم دروس html رو که به صورت ضبط شده بود پیدا کنم ؟ ممنون از زحمات شما .
حمید رضا ملکی - ۳ سال قبل

سلام.. در حال حاضر بیشتر دوره های ویدئویی در قالب اشتراک ویژه ارائه میشود... با تهیه اشتراک میتونید به همه دوره های اعضای ویژه دسترسی و اون ها را دانلود کنید..

shaghayegh dash - ۳ سال قبل
سلام خسته نباشید. من حدود یک ماه هستش که با sololearnشروع کردم به یادگیری کد نویسی،به نظرتون یادگیری حروفbinaryبرای جاوا اسکریپت و c++لازم هست؟ و اینکه به چه نرم افزار هایی برای کد نویسی نیاز هست؟
حمید رضا ملکی - ۳ سال قبل

سلام.. بسته به نوع کارتون داره.. به نظرم در بیشتر موارد به حروف باینری نیاز ندارید.. برای کدنویسی میتونید از نرم افزارهای مختلفی استفاده کنید... مثلا ویژوال استادیو کد و ویژال استادیو دو نمونه عالی هستند.

Amir Toorya - ۳ سال قبل
سلام به نظر شما از نسخه چند ویژوال اتویدو استفاده کنم؟؟
حمید رضا ملکی - ۳ سال قبل

سلام. همیشه آخرین نسخه را استفاده کنید

سیدهادی حسینیان - ۳ سال قبل
سلام من علاقه مند به برنامه نویسی تحت وب هستم لطفا راهنمایی میکنسد من رو
حمید رضا ملکی - ۳ سال قبل

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

وصال علی زاده - ۳ سال قبل
سلام دوست عزیز من می خوام برنامه نویس front end باشم به نظر شما اموزش شما کافی برای html که بعد سراغ css و js برم html که بلدم کامل اما می ترسم چیزایی کم داشته باشم ؟ لطفا راهنمییم کنیین
حمید رضا ملکی - ۳ سال قبل

آموزش های html و CSS و جاوا اسکریپت هم به صورت ویدئویی و هم به صورت متن در اختیار شما هستند. آموزش ها کامل اند و میتونید استفاده کنید.. در هر حال بعد هر آموزشی باید پروژه انجام بدید تا بتونید مطالب را تثبیت کنید.

سجاد کریمی - ۳ سال قبل
سلام امیدوارم به همین شکل ادامه دهید ;)
Matin Sadeghi - ۴ سال قبل
سلام من 15 ساله هستم و با ++c شروع کردم و دیگه به انتهای اون رسیدم و شی گرایی هم تمام کرم ولی نمی تونم مثال های خیلی پیچیده رو بنویسم ولی خیلی راحت می تونم کد ها رو بخونم و بفهمم که خروجی چی هست . برای تقویت قدرت تحلیل مسیله باید چی کارد کرد و باید بتونم تمام مثال ها رو با این زبان حل کنم و بعد به سراغ زبان بعدی برم
حمید رضا ملکی - ۴ سال قبل

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

Parsa Yadegari - ۴ سال قبل
سلام من می خواستم برنامه نویسی رو به صورت self study شروع کنم ولی خب از هرکی میپرسم از کجا باید استارت بزنم میگه ببین به چی علاقه داری ولی خب وقتی من تاحالا برنامه نویسی کار نکردم از کجا بدونم به نظر شما از کجا شروع کنم؟ هدفمم مهاجرت هستش
حمید رضا ملکی - ۴ سال قبل

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

بهزاد کیانی - ۴ سال قبل
با سلام مجدد ممنون از پاسختون شما پيشنهادتون براي back end نرم افزار php هستش يعني بهتراز پايتون هستش
حمید رضا ملکی - ۴ سال قبل

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

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

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

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

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

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

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

هدف لرن سورس

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

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

بخش های اصلی

با استفاده از لینک های زیر میتوانید به بخش های اصلی سایت دسترسی داشته باشید:

راه های ارتباطی

شما کاربران عزیز میتوانید با هر کدام از راه های ارتباطی زیر با تیم آموزشی لرن سورس در ارتباط باشید:

کلیه حقوق مادی و معنوی وبسایت متعلق به لرن سورس می باشد.