آموزش html در اصفهان

آموزش html/css در اصفهان

اساتید مجرب | آموزش تضمینی | ضبط فیلم از کلاس | آموزش پروژه محور html

 

ثبت نام دوره های تابستان 1399 آغاز شد !

 

ما با با رعایت کامل پروتکل های بهداشتی و تشکیل کلاس های خصوصی و نیمه خصوصی در خدمت شما هستیم  . برای اطلاعات بیشتر با ما تماس بگیرید : 09130200335

آدرس شرکت برای آموزش : اصفهان خیابان شبخ مفید ساختمان 110

دوره حضوری آموزش html/css در اصفهان 

زبان html مخفف Hyper Text Markup Language یعنی زبان نشانه گذاری فرامتن که برای تدوین قالب و صفحه های وب به کار می رود.

حال چرا فرامتن؟

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

اولین زبان برای طراحی وب html است ، ولی این نکته حائز اهمیت است که html یک زبان برنامه نویسی نیست بلکه زبان نشانه گذاری فرامتن است .

در ابتدا وبسایت به زبان php یا asp.net طراحی و برنامه نویسی می شود ، پس از آن ، این وبسایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر ، به کدهای html تبدیل میشود و توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود.

 

 html ، ساختار یک صفحه وب :

با زبان html ساختار و اسکلت یک صفحه وب مشخص می شود ولی ظاهر هر یک صفحه‌ی وب و رفتار آن در مقابل کنش های کاربر ، از توانایی‌های زبان html خارج است ، پس برای رفع این مشکل ما از زبان CSS استفاده می‌کنیم تا بتوانیم ظاهری زیبا و جذاب برای صفحه وب سایت خود بسازیم.

html مقدمه‌ای بر یادگیری هر زبان تحت وب است و اگر کسی قصد دارد زبان های برنامه نویسی سمت سرور همچون php را فرابگیرد ، بایستی ابتدا با زبان html آشنا شود . همچنین اگر شخصی قصد دارد در حوزه طراحی سایت با نرم افزارهایی همچون وردپرس قدمی فراتر از محدوده نرم‌افزار بگذارد ، ما پیشنهاد می کنیم زبان Html/css را فرا بگیرد.

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

 

دوره های آموزش html کاریزما ( آموزش html در اصفهان )، به صورت حضوری بوده و در این دوره تمامی مطالب مورد نیاز برای طراحی سایت به کمک زبان Html بیان میشود.

در پایان تمامی این مطالب می‌توان این پرسش را مطرح کرد ، چرا آموزش html با کاریزما؟

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

از طرف دیگر در این مجموعه آموزش زبان برنامه نویسی php نیز برگزار میگردد و طبق مطالب گفته شده ما پیشنهاد می کنیم قبل یا همزمان با آموزش این زبان برنامه نویسی ، زبان html/css نیز فراگرفت شود.

 

دوره های آموزش html کاریزما ( آموزش اچ تی ام ال در اصفهان ) ، 100% پروژه محور بوده و با تدوین سر فصل های مناسب ، سعی در آموزش هرچه بهتر کارآموزان خود دارد .

دوره های مجموعه کاریزما همچون دوره‌ی آموزش html کاریزما ( آموزش html در اصفهان ) توسط کادر آموزشی مجرب و با سابقه‌ی درخشان آموزش داده میشود که این اساتید قادر هستند با تسلط کامل و روان مطالب آموزشی را ارائه دهند و به خوبی به کارآموزان خود منتقل نمایند.

همچنین دوره آموزش html کاریزما ( آموزش اچ تی ام ال در اصفهان ) ، دارای گارانتی وجه صددرصدی می باشد ، بدین معنی که اگر شما در پایان دوره از کلاس ما راضی نبودید کل وجه پرداختی به شما بازگردانده می‌شود !

آموزش html/css در اصفهان

 

آموزش پروژه محور

دوره های آموزش html/css کاریزما، ۱۰۰ درصد پروژه محور بوده و با تدوین سرفصل های مناسب سعی در آموزش هرچه بهتر کارآموزان خود دارد.

ضبط فیلم از کلاس

هنگام تدریس استاد، از صدا و صفحه لپ تاپ استاد برای شما فیلم ضبط میکنیم و در پایان کلاس در اختیارتون قرار می دهیم . 

 

آموزش تضمینی 

تمامی آموزش های کاریزما دارای گارانتی بازگشت وجه 100 درصد می‌باشد. در پایان دوره اگر از کلاس راضی نبودید، کل وجه پرداختی رو بهتون بر میگردونیم!

 

 

سرفصل دوره 

مطالب مربوط به css :

 

مقدمات css

  • معرفی سی اس اس
  • دستورات CSS
  • گزینشگرهای   CSS
  • فایل CSS  خارجی

 

استایل دهی به عناصر

  • پس زمینه
  • متن
  • فونت
  • لینک ها
  • لیست ها
  • جداول

 

مفهوم باکس در css

  • مفهوم Box
  • ویژگی border
  • ویژگی  outline
  • ویژگی  margin
  • ویژگی  padding

 

پیشرفته css

  • گروه‌بندی گزینش‌ گرها
  • تنظیم طول و عرض
  • طریقه نمایش عناصر
  • تنظیم موقعیت عناصر
  • شناور کردن عنصر
  • ترازبندی عناصر
  • شبه کلاس‌ ها
  • شبه عناصر
  • ساخت منو در     CSS
  • ساخت گالری تصاویر
  • شفاف کردن تصویر
  • نمایش بخشی از عکس
  • رسانه‌ های مختلف
  • گزینش براساس صفت
  • خلاصه مطالب CSS

 

پیشرفته css 3

  • معرفی
  • گرد کردن گوشه‌ ها
  • پس زمینه
  • شیب رنگ
  • افکت‌ های متن
  • فونت
  • تبدیل دو بعدی
  • تبدیل سه بعدی
  • انتقال یا Transition
  • متحرک سازی
  • چند ستونه کردن متن
  • رابط کاربری

 

سرفصل دوره 

مطالب مربوط به 

مقدمات HTML

  • معرفی HTML
  • شروع کار با HTML
  • مفهوم تگ یا نشانه
  • تگ html
  • تگ head
  • تگ body
  • تگ meta
  • تگ title و نقش آن در سئو
  • تگ p
  • مفهوم stayle و خصوصیات آن همچون :
  • font-size , width, height , color, background-color , background-image , font-weight, text
  •  align , directionو …
  • تگ‌های Heading و نقش آن در  سئو
  • معرفی تگ  span
  • معرفی تگ< br >

 

تگ های Text Formatting

  • تگ  b
  • تگ I
  • تگ u
  • تگ strong و نقش آن در  سئو
  • تگ  em  
  • تگ‌های big, small, del, ins, mark, sup, sub, blockquote, q, abbr, address, cite, samp, code, kbd, code, pre, var

 

Link Building

  • معرفی تگ a و مفهوم < href >
  • انواع آدرس دهی ها
  • مفهوم  title
  • مفهوم  target
  • ایجاد Bookmark با استفاده از تگ a و مفهوم  name

 

عکس ها در صفحه وب

  • معرفی تگ img و همچنین  src
  • معرفی ویژگی‌های title و  alt
  • گذاشتن عکس در لینک و استفاده از ویژگی‌های مربوط به  border

 

مروری بر CSS

  • مشکلات گذاشتن Style به صورت  inline
  • تگ  style
  • مفهوم  selector  در CSS و بررسی چند selector
  • معرفی Style به صورت external و معرفی مفهوم CSS و تگ  link

 

لیست ها

  • تگ ol و لیست مرتب
  • تگ ul و لیست نامرتب
  • معرفی خصوصیات type  و  start
  • عکس به عنوان bullet برای لیست

 

جدول

  • تگ  table
  • استفاده از تگ های tr و td در جدول
  • خصوصیات border , align , valign , width , colspan, row
  • تگ های  colgroup , tfoot , thead , tbody

 

تگ div

  • معرفی تگ div
  • کنار هم چیدن div ها برای قالب بندی صفحه
  • مفهوم position و مختصات left و  top
  • مفهوم  float
  • قالب بندی یک صفحه با  div  
  • مفهوم  clear

 

فرم در صفحه وب

  • تگ  form
  • کنترل های فرم برای برنامه نویسی در html4 و  html5
  • تگ های input با انواع : button, text, checkbox, radio, submit, reset, password, number, color, date, range
  • تگ  textarea
  • تگ select و option برای ایجاد  Dropdown
  • تگ  datalist

 

مدیا در صفحه وب

  • معرفی تگ video و  source برای گذاشتن ویدیو در صفحه وب
  • معرفی تگ  audio
  • تگ  object
  • تگ  embed

 

تگ های درون head و مفهوم DOCTYPE

  • معرفی انواع تگ های  meta
  • تگ  base
  • مفهوم DOCTYPE و معرفی انواع نسخه  HTML  

 

رنگ ها