پیشنهاد فرادرس

آموزش HTML5 به زبان فارسی

HTML چیست ؟

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

  • گامهای اولیه طراحی صفحات وب
  • آشنایی با html و ساختار آن
  • آشنایی با اصلاحات مورد استفاده مانند Tag, Element, Attribute
  • قواعد به کارگیری تگ هاو انواع تگها در html
  • فرمت های ذخیره سازی صفحه وب
  • Encoding یک صفحه وب
  • معرفی ویرایشگرهای متن برای کدنویسی html
  • معرفی تگ های مقدماتی html
    • اعلان DOCTYPE
    • تگ <html>
    • تگ <head>
    • تگ <body>
  • بررسی تگ های متا
  • ایجاد توضیحات در یک صفحه وب
  • استفاده از کاراکترهای ویژه در صفحه وب
  • ایجاد و قالب بندی متن ها در صفحه وب با استفاده از تگ های
    • تگ <p>
    • تگ <b>
    • تگ <u>
    • تگ <i>
    • تگ <em> و <strong>
    • تگ <br/>
    • تگ <hr/>
    • تگ های Heading تیتربندی
    • تگ <pre>
    • تگ <sub>
    • تگ <sup>
    • تگ <del>
  • افزودن تصویر به یک صفحه وب همرا با خصوصیت های تگ img و تغییر پس زمینه صفحه
    • معرفی فرمت های تصویری مورد استفاده در صفحه وب
    • آشنایی با آدرس های مطلق و نسبی
    • ایجاد گالری تصویر
  • ایجاد لیست در صفحات وب
    • لیست های شماره دار و تغییر شماره بر اساس خاصیت type
    • لیست های علامت دار و تغییر علامت بر اساس خاصیت type
    • لیست های توصیفی
    • ایجاد لیست های تودرتو
    • انجام تمرین لیست های تو در تو
  • آشنایی با تگ a  و خصوصیات آن
    • لینک به فایل
    • لینک به صفحه وب
    • لینک به ادرس های اینترنتی
    • لینک داخلی (درون یک صفحه وب همراه با مثال انتقال به بالای صفحه وب و پایین صفحه وب با لینک روی تصویر)
    • ارسال ایمیل
  • ایجاد جداول در صفحه وب
    • آشنایی با ساختار جدول و تگ های ان
    • ایجاد جدول
    • ادغام سطر و ستون های یک جدول
    • ترازبندی متن در سلول های جدول
    • تغییر حاشیه ستون های جدول
    • تغییر رنگ پس زمینه در جدول
    • تغییر اندازه پهنا و ارتفاع یک جدول و ستونهای ان
    • طراحی فاکتور با استفاده از جدول
  • طرح بندی و تقسیم بندی یک صفحه وب با تگDIV
    • آشنایی با تگ div
    • آشنایی با تگ span
    • بررسی تفاوت تگ هایی block level و inline level
    • سی اس اس
    • آشنایی مختصری با css
    • آشنایی با selector ها در css
    • آشنایی با کلاس و شناسه در سی اس اس
    • استفاده از فایلهای خارجی سی اس اس و نحوه افزودن فایل به صفحه وب
    • آشنایی با خصوصیت تغییر رنگ متن
    • آشنایی با خصوصیت ترازبندی متن
    • آشنایی با خصوصیت تغییر اندازه متن
    • آشنایی با خصوصیت حاشیه border
    • آشنایی با خصوصیت تغییر رنگ پس زمینه background-color
    • آشنایی با خصوصیت float , clear
    • طرح بندی یه صفحه وب با تگ div  و css  (header-content-navigator-footer)
  • ایجاد فرم در صفحه وب
    • آشنایی با تگ form
    • بررسی خصوصیت Action
    • بررسی خصوصیت method و نحوه ارسال داده به روش post وget
    • ایجاد textbox
    • ایجاد کادر متنی با نوع password
    • ایجاد کادر متنی با نوع Email
    • افزودن دکمه آپلود فایل
    • ایجاد textarea
    • افزودن checkbox , radio button و بررسی تفاوت این دو المنت  (از لحاظ name با سایر عناصر داخل فرم و نحوه انتخاب انها)
    • افزودن لیست کشویی با select
    • آشنایی با خصوصیت readonly
    • آشنایی با خاصیت disabled
    • آشنایی با خاصیت hidden
    • ایجاد فرم تماس با ما با استفاده از تگ فرم و عناصر داخل ان
    • تغییر ظاهر فرم تماس با ما با استفاده از سی اس اس
  • ایجاد قاب درون صفحه وب با استفاده از تگ iframe و آشنایی با خصوصیت های تگ iframe
    • باز کردن یک ادرس وب اینترنتی در iframe
    • باز کردن فایلهای جاری از وب سایت یا پروژه
  • افزودن ویدیو و صدا به صفحه و معرفی خصوصیت های ان
    • خصوصیت loop
    • خصوصیت autoplay
    • خصوصیت control
    • تگ source
    • بررسی تگ object و باز کردن تصویر در ان
  • معرفی تگ های تقسیم بندی یک صفحه وب با استفاده از تگهای جدید در HTML5
    • آشنایی با تگ header
    • آشنایی با تگ nav
    • آشنایی با تگ section
    • آشنایی با تگ های article
    • آشنایی با تگ های footer
    • بررسی تگ های بالا با تگ های تقسیم بندی div در صفحه وب
    • آشنایی با تگ figure
    • ایجاد یک صفحه وب کامل  با استفاده از تگهای html

 

عنوان دوره:آموزش HTML5 به زبان فارسی

 مدرس:مریم شه آبادی

 صاحب امتیاز:گیت

 مدت زمان:8 ساعت

 قیمت:رایگان

 دانلود کل آموزش به صورت یکجا (850MB)

 دانلود قسمت اول: آشنایی با HTML

 دانلود قسمت دوم: کار با متن ها و تایپوگرافی

 دانلود قسمت سوم: کار با عکس ها

 دانلود قسمت چهارم: کار با لینک ها 

دانلود قسمت پنجم: کار با لیست ها

 دانلود قسمت ششم: کار با جدول ها

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

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

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

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

 دانلود قستم نهم: کار با فایل های چند رسانه ای

 دانلود قسمت دهم: ساخت یک پوسته با HTML

 دانلود قسم یازدهم: آشنایی با متا تگ ها 

 

به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز

پیشنهاد فرادرس

محمودرضا در 1398/01/07 ساعت 01:04

سلام

واقعا سايت معرکه ايه اموزش هاش حرف نداره من هم ب نوبه خودم تشکر ميکنم

موفق باشيد :)

foad در 1396/11/21 ساعت 18:35

دمتون گرم خدا اجرتون بده

یاسر در 1396/07/16 ساعت 11:50

سلام.فقط یه سوال دارم میخوام بدونم من با یادگیریhtml5وcss میتونم یک وب سایت طراحی کنم .مثلا عضو بگیره.عکس درج بشه و .....نیازی به زبان های دیگه هست؟

مدیر در 1396/07/17 ساعت 05:37

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

سمیه کریمی در 1396/07/07 ساعت 21:54

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

آپاچی در 1395/12/02 ساعت 10:25

با سلام

تشکر ویژه دارم از این آموزش بسیار کاربردی و مفید .
خیلی از آموزش های html5 رو از سایت های مختلف دیده بودم اما بدون شک این آموزش جز یکی از کاملترین ها بود که خانم شه آبادی بسیار زیبا و کاملا آموزنده تدریس کردند.

اسماعیل در 1395/10/08 ساعت 08:59

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

mohammad در 1395/10/04 ساعت 22:02

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

سپهر در 1395/10/04 ساعت 13:39

اقا احسان کارت درسته.
مثل همیشه خوب و عالی
من که لذت میبرم از اموزش هاتون
خیلی کامل و روان.
میشه اموزش الکترونیک یا اردنیو هم اماده کنین.؟

امید در 1395/10/04 ساعت 13:35

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

زهرا در 1395/10/04 ساعت 12:28

واقعا عالی و کامله اگه ممکنه آموزش سی اس اس هم بزارید.