صفر تا صد آموزش اچ تی ام ال

صفر تا صد آموزش اچ تی ام ال
HTML Learning Pack

آموزش اچ تی ام ال، زبان نشانه گذاری ابرمتن برای تدوین و طراحی قالب و محتوای صفحات وب!
آموزش HTML و HTML5 به صورت گام به گام و پروژه محور از مقدماتی !
یکی از سه فناوری بنیادین و ضروری وب در کنار سی اس اس و جاوااسکریپت!

سطح مقدماتی – پیشرفته

ویژگی های اصلی مجموعه آموزشی ” صفر تا صد آموزش سی اس اس”  :

• – 510 دقیقه آموزش فارسی اچ تی ام ال و اچ تی ام ال 5 به صورت جامع از آشنایی مقدماتی با مفاهیم تا انجام عملی روی پروژه های کاربردی
• – آموزش فوق العاده کاربردی و سطح یک جهانی دوبله شده از اساتید معتبر برنامه نویسی و طراحی وب دنیا
• – برای اولین بار در ایران! ترجمه ، فارسی سازی ، بومی سازی و دوبله شده با بهترین کیفیت توسط متخصصین برنامه نویس ایرانی.
  
• – شامل دو دوره آموزشی فارسی و مثال محور :
  * دوره ” آموزش جامع اچ تی ام ال ” – HTML Essential Training
  * دوره ” آموزش اچ تی ام ال و سی اس اس در ۳۰ روز” – HTML and CSS in 30 Days
  * به همراه دوره آموزش ویژگی های جدید اچ تی ام ال 5 – HTML5
• – همراه با فایلهای تمرینی و سورس ارزشمند پروژه های آموزشی
• – همراه با کلکسیون نرم افزار های مطرح کدنویسی اچ تی ام ال Editors & IDEs
• – بسته ای عالی برای تمام علاقمندان به برنامه نویسی و طراحی وب

اچ تی ام ال چیست ؟ What is HTML

اچ تی ام ال یا زبان نشانه‌گذاری ابرمتنی، (به انگلیسی: Hyper Text Markup Language) در کنار سی‌اس‌اس هستهٔ فناوری ساخت صفحه‌های وب هستند. HTML زبان توصیف ساختار صفحه‌های وب است. زبانی است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می رود.

دستورالعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود.

هر یک از برچسب‌های اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.
یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی و Render می‌کنند.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختارمند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار (نظیر عنوان‌ها، تصاویر، فهرست‌ها، بندها و جداول) به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی‌اس‌اس است.

مشاهده نمونه فیلم معرفی دوره ” آموزش جامع HTML ”

دوره آموزشی ” آموزش جامع HTML”
HTML Essential Training

زبان نشانه گذاری ابرمتنی ( HTML ) پایه و اساس ساخت وبسایت و برنامه های وب است. HTML به شما اجازه می دهد تا مطمئن شوید که محتوای شما توسط هر دو بخش از مخاطبان شما قابل درک است: افرادی که محتوای شما را مشاهده کرده، خوانده و می شنوند و همچنین کامپیوترهایی که آنها را نمایش می دهند.

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

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

عناوین و سرفصلهای دوره آموزشی  ” آموزش جامع اچ تی ام ال “

مقدمه
1- HTML چیست؟
فصل اول – اچ تی ام ال
1- نقش HTML
فصل دوم – فرمت بندی متن
1- قواعد المان های HTML
2- پاراگراف ها
3- headline ها
4- bold و italics
5- لیست ها
6- نقل قول ها
7- تاریخ ها و زمان ها
8- کد، pre و br
9- Superscript، subscript و متن کوچک

فصل سوم – آشنایی با قدرت اچ تی ام ال
1- عیب یابی HTML
2- خصوصیت های HTML
3- نقش های ARIA
4- فرمت بندی HTML
5- کاراکترهای عجیب

فصل چهارم – لینک دادن و ناوبری
1- لینک ها
2- مسیرهای URL
3- ناوبری
فصل پنجم – تصاویر و گرافیک
1- تصاویر
2- فرمت های تصویری
3- تصاویر واکنش گرا
4- عرض واکنش گرا
5- عکس های واکنش گرا
6- figure و figcaption

فصل ششم – رسانه
1- صدا
2- ویدئو
3- caption ها و زیرنویس ها
4- تعبیه کردن رسانه های دیگر از طریق iframe ها
فصل هفتم – راه های بیشتر برای شناسایی محتوا
1- زبان های پشتیبانی
2- المان های عمومی – div و span

فصل هشتم – قرار دادن همه چیز کنار هم
1- صفحه HTML
2- head سند
3- ساختاربندی محتوا
4- نمونه هایی از کنار هم قرار دادن همه چیز

فصل نهم – فرم ها و المان های تعاملی
1- مبانی فرم HTML
2- اطلاعات بیشتر در مورد فرم ها
3- انواع بیشتر المان فرم
فصل دهم – ساختاربندی داده جدولی
1- چه زمانی از جداول استفاده کنیم
2- ساختن ردیف های جدول
فصل یازدهم – نتیجه گیری
1- چگونه بیشتر بیاموزیم و مشخصات HTML

مشاهده نمونه فیلم معرفی دوره ” آموزش HTML و CSS در ۳۰ روز”

دوره آموزشی ” آموزش اچ تی ام ال و سی اس اس در ۳۰ روز”
HTML and CSS in 30 Days

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

طی این دوره تنها با روزی ۱۰ دقیقه و فراگیری یک درس از این مجموعه، پس از گذشت ۳۰ روز و گذراندن ۳۰ درس این مجموعه ، به یک طراح وب تبدیل شوید .
همچنین در پایان به معرفی و آموزش ویژگی های جدید اچ تی ام ال  – 5 HTML5 می پردازیم.

عناوین و سرفصلهای دوره آموزشی  ” آموزش اچ تی ام ال و سی اس اس در ۳۰ روز”

مقدمه
هفته اول :
روز اول – اولین صفحه وب شما
روز دوم – شروع کار با یک کد ادیتور مناسب
روز سوم – لیست ها
روز چهارم – رابطه پدر، فرزندی و ارتباط میان اجزای کد
روز پنجم – بررسی Heading ها
روز ششم – بررسی نقل قول ها و Blok Quote ها
روز هفتم – بررسی Anchor ها
هفته دوم :
روز هشتم – استفاده از StyleSheet و کار با آن
روز نهم – طبقه بندی انواع فایل ها و فرمت ها برای راحتی کار
روز دهم – کار با تصاویر
روز یازدهم – کار با DIV ها
روز دوازدهم – ID ها و Class ها
روز سیزدهم – یک امتحان از مواردی که تاکنون یاد گرفته اید
روز چهاردهم – جواب و بررسی امتحان اول
روز پانزدهم – استفاده از Float ها برای ایجاد ستون در صفحه وب

هفته سوم :
روز شانزدهم – ایجاد و طراحی لیست های Navigation و هدایت
روز هفدهم – شروع کار با فرم ها
روز هجدهم – جایگذاری تصاویر در صفحه
روز نوزدهم – کار با افکت های متنی و Typography
روز بیستم – تفاوت های موقعیت سنجی نسبی و مستقل
روز بیست و یکم – فرآیند مشکل یابی و بررسی کدهای CSS و HTML
روز بیست و دوم – بررسی اهمیت Validation یا به اصطلاح قانون مند سازی یک صفحه وب
هفته چهارم :
روز بیست و سوم – راه ها و تکنیک های سریع نویسی کدها
روز بیست و چهارم – بررسی StyleSheet های موجود و Normalizing
روز بیست و پنجم – ساده سازی طراحی با CSS توسط Framework ها
نهایی سازی پروژه
روز بیست و ششم – طراحی یک وب سایت از ابتدا توسط HTML و CSS
روز بیست و هفتم – قطعه بندی و برش یک فایل PSD
روز بیست و هشتم – نحوه ایجاد Snippet ها برای راحتی کار در کدنویسی سریع
روز بیست و نهم- طراحی وب سایت با استفاده از یک فایل PSD
روز سی ام – تکمیل وب سایت و عیب یابی های نهایی
آموزش ویژگی های جدید HTML5
۰- مقدمه
۱- محیط طراحی و مرورگر
2- اولیه های HTML5
3- تگ Canvas
4- Drag & Drop
۵- تگ SVG
۶- موقعیت یابی
۷- امکانات چندرسانه ای فیلم و صدا
۸- فرم ها و اعتبارسنجی ها
۹- المان ها و کار با آن ها

– همراه با کلکسیون نرم افزار های مطرح کدنویسی اچ تی ام ال Editors & IDEs