مطالب پیشنهادی از سراسر وب

آموزش 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

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

 

آیا این نوشته را دوست داشتید؟

پیشنهاد آموزش مرتبط در فرادرس


حمزه شجاعی مهر 7 ماه و 3 هفته قبل

ممنونم از اموزش که درون سایت تون قرار دادین و واقعا میگم ممنونم چون گشته بودم و هیچ جا به درستی یک پکیج اونم رایگان ندیدم و بازم تشکر

حمیه شجاعی مهر 7 ماه و 3 هفته قبل

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

I.M 9 ماه و 2 هفته قبل

Amozeshe fogholade khub o ravoni bod. kheyli az modarese in amozesh tashakor mikonam.

زهرا 10 ماه و 1 هفته قبل

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

amir 1 سال و 8 ماه قبل

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

محمودرضا 2 سال و 1 ماه قبل

سلام

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

موفق باشيد :)

foad 3 سال و 2 ماه قبل

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

سمانه 3 سال و 5 ماه قبل

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

یاسر 3 سال و 7 ماه قبل

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

مدیر 3 سال و 6 ماه قبل

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

سمیه کریمی 3 سال و 7 ماه قبل

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

آپاچی 4 سال و 2 ماه قبل

با سلام

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

اسماعیل 4 سال و 4 ماه قبل

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

mohammad 4 سال و 4 ماه قبل

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

سپهر 4 سال و 4 ماه قبل

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

امید 4 سال و 4 ماه قبل

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

زهرا 4 سال و 4 ماه قبل

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