آموزش HTML5 برای اولین بار در MYBBIRAN - نسخهی قابل چاپ +- مرجع پارسی MyBB (https://community.mybbiran.com) +-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html) +--- انجمن: آموزش HTML (https://community.mybbiran.com/forum-140.html) +--- موضوع: آموزش HTML5 برای اولین بار در MYBBIRAN (/thread-12340.html) |
آموزش HTML5 برای اولین بار در MYBBIRAN - Behr☺uz - ۱۳۹۱/۸/۱۱ سلام بر دوستان عزیزم و بالاخره یک بازگشت قوی برای مای بی بی ایران دارم این بار با آموزش html 5 در خدمت دوستان گل و وبمستران عزیز هستیم خب یک توضیح مختصر در باره ی چگونگی کار با html5 براتون میدم و از فردا آموزش اصلی رو شروع میکنیم خب اولین چیزی که باید بدونید اینه که نسخه 5 اچ تی ام ال رابطه مستقیم به سئو سایت داره و دوستانی که علاقه دارم سئو سایتشون بالا بره میتونن با ما همراه باشند یک سری از تگ های html در نسخه 5 باطل شده و معتبر نیست که در ادامه به تفضیل در رابطه با اینها صحبت میکنیم و به جای اونها تگ های جدیدی اومده و کاربردی تر و مهم تره و باید حتما از اونها استفاده بشه خب دوستان اگه تمایل دارید آموزش رو شروع کنیم؟؟؟؟پس از فردا شب اماده باشید RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Cancer9003 - ۱۳۹۱/۸/۱۱ مدیرای بقیه پشتیبانی ها شما چی؟ آماده هستین آموزشها رو کپی کنین ببرین؟ RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Behr☺uz - ۱۳۹۱/۸/۱۱ خب سلام به همگی درس اول: میخوایم اول متغیر های جدید رو بشناسیم کد: <article> متن های مهم از جمله مقالات موجود در سایت و آموزش ها رو در داخل این تگ بذارید کد: <aside> کد: <bdi> مثلا در میان این متن فارسی عبارت ENGLISH TEXT رو قرار دادیم و اکنون این مشکل وجود داره که موتور سرچ شروع به خوندن صفحه میکنه و عبارت رو برعکس میخونه و اشتباه ایندکس میکنه برای حل این مشکل عبارت رو در این تگ قرار میدهیم کد: <command> کد: <details> برای وارد کردن اطلاعات جزئی یک محصول یا یک مقاله این تگ را باید بگذارید میتونید در مقابل نام سایت اطلاعات مربوط به تعداد کاربران و ... را داخل این تگ استفاده کنید کد: <summary> کد: <figure> اطلاعات مربوط به یک عکس که در یک متن وجود داره توسط این تگ به عکس پیوست میشه و نشون میده این عکس فرمت اماری و نموداری داره و داخلش اطلاعاتی نهفته است کد: <figcaption> کد: <footer> کد: <header> کد: <hgroup> کد: <mark> کد: <meter> کد: <nav> کد: <progress> کد: <ruby> این سه تگ مخصوص اسیای شرقی اضافه شده است کد: <section> کد: <time> برای نمایش تاریخ و زمان در میان محتوای سایت از این تگ استفاده کنید کد: <wbr> خب خیلی از این تگ ها تا پیش از این هم به صورت دیگر وجود داشته است پس چه ضرورتی برای یاد گیری و استفاده از این تگ ها وجود داره؟؟؟؟؟؟؟؟ پاسخ : html5 مفهمومی به صفحات نگاه میکنه و رباط یا نرم افزار باید بتونه اهمیت مطالب موجود در صفحه اعم از متن اصلی متن جانبی لینک های مرجع و ... را متوجه بشه ایا این تگ های در ظاهر سایت هم تاثیر میذاره؟؟؟ پاسخ: خیر اکثر این تگ ها فقط محتوای معنایی برای موتور های سرچ و نرم افزار ها داشته و کاربران شما تغییری را احساس نخواهند کرد RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Behr☺uz - ۱۳۹۱/۸/۱۲ خب دوستان حالا که فهمیدیم از چی باید استفاده کنیم میخوایم بدونیم از چی نباید استفاده کنیم کد: <acronym> سعی کنید اگر از این کد ها دارید اصلاحشون کنید چون به زودی مرورگر ها هم این تگ ها را پشتیبانی نخواهند کرد RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Behr☺uz - ۱۳۹۱/۸/۱۳ خب نوبت به توضیحات اولین تگ میرسه تگ مورد نظر ما با یک مثال توضیح داده میشه کد: <canvas id="myCanvas" width="200" height="100"></canvas> شاید باور نکنید ولی در سی اس اس 3 امکانات بسیار خوبی گذاشته شده که حجم مورد نیاز برای عکس ها را بسیار پایین میاره و همه ی افکت ها با سی اس اس داده میشه خب حالا این تگ رو گذاشتیم برای توضیح چند تا مثال براتون میذارم کد جاوای زیر این عکس رو تولید میکنه کد: var c=document.getElementById("myCanvas"); این یک نمونه دیگر کد: var c=document.getElementById("myCanvas"); یک نمونه متنی کد: var c=document.getElementById("myCanvas"); یک نمونه گرادیان که به کمک سی اس اس ساخته شده: کد: var c=document.getElementById("myCanvas"); خب به نظرتون با این امکانات دیگر نیازی به آپلود تصاویر و لود عکس های سنگین خواهد بود؟؟؟؟ سوال: پرا کد ها را توضیح ندادین؟ پاسخ: کد ها جاوا اسکریپت است و مربوط به آموزش اپ تی ام ال 5 نمیشود RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Behr☺uz - ۱۳۹۱/۸/۱۴ خب یکم حرفه ای تر برخورد کنیم یک تگ جدید اضافه شده که مخصوص Drag and drop هست این تگ رو یا یک کد توضیح میدم یک فایل html ایجاد کنید و کد زیر را داخلش بذارید کد: <!DOCTYPE HTML> در زمان اجرا میتونید عکس را درگ و در قسمت مربوطه قرار بدید این خصیصه قبلا وجود داشت ولی با ترکید کد های زیاد ولی اکنون این خصیصه به صورت پیشفرض در html5 قرار داده شده RE: آموزش HTML5 برای اولین بار در MYBBIRAN - Mohammad-Mo - ۱۳۹۱/۱۱/۷ با تشکر بی نهایت از شما لطفا ادامه دهید |