• آی تی گویا

  • سینمای آموزشی

پنج شنبه ۱ اسفند ۱۳۹۸

آنچه که باید دید

تبلیغات
تبلیغات
تبلیغات
تبلیغات

آموزش برنامه نویسی اچ تی ام ال ۵ به زبان فارسی

HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد.

پیشنویس اولیه آن در سال ۲۰۰۸ ارائه شد ولی تا ۲۰۱۱ تغییرات خاصی در آن اعمال نشده بود. در سال ۲۰۱۱ HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند.

امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است.
HTML5 در حال حاضر با CSS3 همراه بوده و هنوز درحال توسعه و پیشرفت است، W3C در نظر دارد سال ۲۰۱۴ نسخه نهایی و کامل آن را عرضه کند ولی با توجه به امکانات و توانایی هایی که هر روز به آن افزوده میشود به نظر میرسد که میتوان آینده دورتر و بهتری برای آن متصور شد.
تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت که مهمترین آنها عبارتند از:

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

تفاوت HTML5 با زبان HTML در چیست؟
۱- شامل جزئیات مدل‌های پردازش است تا پیاده سازی سازگارتری داشته باشد.
۲- نشانه گذاری برای اسناد در دسترس را گسترش، بهبود و توجیه می‌کند.
۳- نشانه گذاری و رابط برنامه نویسی کاربردی را برای برنامه‌های پیچیده تحت وب معرفی می‌نماید.
۴- کاندیدای بالقوه‎ای برای برنامه‌های کاربردی تلفن همراه کراس پلت فرم محسوب می‌شود.
۵- با در نظر گرفتن توانایی اجرا بر روی دستگاه‌های کم قدرت مانند گوشی‌های هوشمند و تبلت‌ها طراحی و ساخته شده است به همین دلیل قابلیت پشتیبانی از دستگاه‌های تلفن همراه را دارد.
۶- پشتیبانی مرورگرهای اصلی از جمله Chrome ، Safari ، Firefox ، Opera ، IE از Html5 وجود دارد.
۷- با استفاده از CSS3 کار می‌کند و استفاده از W3C ویژگی‌های بیشتر و چشمگیری به آن افزوده است.
۸- به دلیل انعطاف پذیری بالا، برای برنامه نویسی‌های ساده و منطقی مناسب است.
۹- قابلیت کدگذاری ویدئو، صدا و تصاویر را دارد.
۱۰- درحال تبدیل شدن به یک استاندارد جدید می‌باشد. در طراحی سایت به وسیله استانداردهای Html5، کاربران به آسانی و سرعت بیشتر به اطلاعات دسترسی پیدا میکنند، زیرا Html5 موجب client-storage database و در نتیجه امنیت اطلاعات می‌شود. local storage یکی از از ویژگی‌های برجسته Html5 به شمار می‌رود.

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

استفاده از Html5 برای طراحی سایت موجب افزایش تعامل میان کاربران می‌شود. در گذشته نیاز به نرم افزارهای فلش و یا نوشتن کدهای جاوا این امر را امکان‎پذیر می‌کرد اما هم اکنون با استفاده از تگ‌هایی چون «canvas» امکانات بیشتری در اختیار کاربران قرار می‌گیرد.

با توجه به اینکه در Html5 برای طراحی گرافیکی از cuss استفاده‌ می‌شود، اجازه استفاده از تگ‌های تنظیم کننده را نمی دهد و به همین دلیل نوع فونت در کدهای html به صورت مستقیم قابل استفاده هستند.

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

سر فصل مجموعه آموزشی آموزش برنامه نویسی اچ تی ام ال ۵ به زبان فارسی :

۱- معرفی (HTML5)

۲- ساختن اولین قالب (HTML5)

۳- درست کردن بدنه در (HTML5)

۴- درست کردن بدنه ی اصلی در (HTML5)

۵- هدف قرار دادن Attributes در(HTML5)

۶- کلاسهای ساختگی یا Pseudo Classes در (HTML5)

۷- خنثی کردن کلاسهای ساختگی در (HTML5)

۸- انتخاب کننده های جدید CSS3 در (HTML5)

۹- طرح بندی سایت در (HTML5)

۱۰- استایل دادن به سایت در (HTML5)

۱۱- استایل دادن به Header و Navigation در (HTML5)

۱۲- استایل دادن به Aside و Footer در (HTML5)

و …

 

Introduction: HTML stands for Hyper Text Markup Language. It is used to design web pages using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. Markup language is used to define the text document within tag which defines the structure of web pages. HTML 5 is the fifth and current version of HTML. It has improved the markup available for documents and has introduced application programming interfaces(API) and Document Object Model(DOM).

Features:

It has introduced new multimedia features which supports audio and video controls by using <audio> and <video> tags.
There are new graphics elements including vector graphics and tags.
Enrich semantic content by including <header> <footer>, <article>, <section> and <figure> are added.
Drag and Drop- The user can grab an object and drag it further dropping it on a new location.
Geo-location services- It helps to locate the geographical location of a client.
Web storage facility which provides web application methods to store data on web browser.
Uses SQL database to store data offline.
Allows to draw various shapes like triangle, rectangle, circle, etc.
Capable of handling incorrect syntax.
Easy DOCTYPE declaration i.e. <!doctype html>
Easy character encoding i.e. <meta charset=”UTF-8″>


لینک های دانلود
راهنمای دانلود

برای دانلود گروهی، تمامی لینک ها را انتخاب کنید و در نرم افزار مدیریت دانلود خود وارد کنید سپس دانلود را آغاز کنید.
اگر نرم افزار مدیریت دانلود ندارید، پیشنهاد می شود برای دانلود فایل ها حتماً از یک نرم افزار مدیریت دانلود و مخصوصاً IDM استفاده کنید
در صورت بروز مشکل در دانلود فایل ها تنها کافی است در آخر لینک دانلود فایل یک علامت سوال ? قرار دهید تا فایل به راحتی دانلود شود.
فایل های بسیار حجیم برای سهولت دریافت به چند بخش تقسیم بندی شده اند. پس از دانلود تمامی بخش ها، همگی را درون یک پوشه قرار داده و با استفاده از نرم افزار هایی همچون winrar اقدام به بازگشایی آن ها از اولین فایل نمائید.
با Extract نمودن فایل قسمت اول، قسمت های بعدی به صورت خودکار شناخته می شوند و یک به یک از حالت فشرده خارج شده و در نهایت فایل کامل را تشکیل می دهند.
چنانچه در هنگام خارج سازی فایل از حالت فشرده با پیغام CRC مواجه شدید، در صورتی که کلمه رمز را درست وارد کرده باشید. فایل به صورت خراب دانلود شده است و می بایستی مجدداً آن را دانلود کنید
دقت کنید در هنگام بازگشایی بر روی کدام یک از قسمت ها پیغام خطای CRC داده می شود سپس برای دانلود مجدد فقط همان قسمتی که خراب دانلود شده است را دانلود نمائید.
کلمه رمز جهت بازگشایی فایل فشرده عبارت www.itgoya.ir می باشد. تمامی حروف را میبایستی به صورت کوچک تایپ کنید و در هنگام تایپ به وضعیت EN/FA کیبورد خود توجه داشته باشید همچنین بهتر است کلمه رمز را تایپ کنید و از Copy-Paste آن بپرهیزید.