آموزش HTML و CSS در تبریز

آموزش های تضمینی

آموزش های پرژه محور و کاربردی

مشاوره رایگان

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

پشتیبانی بعد دوره

۳ ماه پشتیبانی رایگان بعد از پایان دوره های آموزشی

در دوره آموزش HTML و CSS در تبریز شما html , css را بصورت پروژه محور و عملی و حرفه ای یاد خواهید گرفت این دوره مقدمه شروع آموزش طراحی سایت در تبریز می باشد اول از همه شما باید مبانی و ساختار یک وب سایت را یاد بگیرید و سپس وارد مراحل بعدی طراحی سایت در تبریز خواهید شد که در ادامه کامل توضیح خواهیم داد.

به جای اینکه وقت و هزینه های بیشتری را صرف یادگیری غیراصولی html , css کنید و در آخر هم نتیجه ای نگیرید. تنها با یکبار هزینه کردن و شرکت در کلاس های حضوری و آنلاین html و css را برای همیشه یاد بگیرید. در دوره ی کامل و حرفه ای آموزش HTML و CSS در تبریز مفاهیم اساسی و پایه ای را مطرح خواهیم کرد و HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و پروژه محور و کاربردی یاد خواهید گرفت.

جهت مشاوره رایگان همین الان با ما تماس بگیرید

سرفصل های آموزش Html در تبریز

آموزش html در تبریز

 

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

 

HTML چیست؟

HTML مخفف کلمات Hyper Text Markup Language است. html را نباید با یک زبان برنامه نویسی اشتباه بگیریم بلکه html یک زبان نشانه گذاری می باشد. در htnl تگ هایی وجود دارد که با استفاده از آن ها قاد خواهیم بود که محتوایی را به نمایش بگذاریم. 

 

مقدمات آموزش html

  • معرفی انواع روش های ساخت فایل های html
  • معرفی ساختار html
  • اعلان DOCTYPE
  • آشنایی با تگ body
  • آشنایی با تگ head

کار با تگ head

  • معرفی تگ title
  • معرفی تگ link
  • آشنایی با تگ base
  • کار با favicon
  • کار با تگ script (ضمیمه کردن فایل های جاوا اسکریپت)
  • معرفی انواع روش های ضمیمه کردن فایلهای css

 

کار با متا تگ ها در آموزش html

  • معرفی تگ meta
  • معرفی متا تگ description
  • معرفی متا تگ keywords
  • معرفی متا تگ charset
  • معرفی متا تگ viewport

تگ های هدینگ و پارگراف

  • معرفی تگ های هدینگ h1,h2,h3,h4,h5,h6
  • معرفی تگ p
  • معرفی تگ pre
  • معرفی تگ hr
  • معرفی تگ br
  • معرفی لیست کامل shdv تگ های html

کار با لینک ها

  • معرفی صفت یا Attribute
  • معرفی صفت title
  • معرفی تگ a
  • معرفی صفت href
  • معرفی صفت target
  • کار با انواع روش های لینک دهی داخلی و خارجی

کار با تصاویر در آموزش html

  • معرفی تگ img
  • معرفی صفت src
  • معرفی صفت alt
  • معرفی صفت width
  • معرفی صفت height
  • انواع روش های افزودن یک تصویر

کار با style

  • معرفی صفت style
  • معرفی color
  • معرفی background-color
  • معرفی text-align
  • معرفی border
  • معرفی font-size

کار با تگ های متنی

  • معرفی تگ b
  • معرفی تگ strong
  • معرفی تگ i
  • معرفی تگ u
  • معرفی تگ ins
  • معرفی تگ big
  • معرفی تگ small
  • معرفی تگ em
  • معرفی تگ del
  • معرفی تگ mark
  • معرفی تگ sup
  • معرفی تگ sub

کار با جداول در آموزش کامل HTML

  • معرفی تگ Table
  • معرفی تگ tr
  • معرفی تگ th
  • معرفی تگ td
  • معرفی صفت border
  • معرفی صفت cellspacing
  • معرفی صفت cellpadding
  • معرفی صفت width
  • معرفی صفت align
  • معرفی صفت bgcolor

کار با لیست ها

  • معرفی تگ ul
  • معرفی تگ li
  • معرفی تگ ol
  • معرفی تگ dl
  • معرفی تگ dt
  • معرفی تگ dd
  • معرفی صفت type
  • معرفی list-style-type 

کار با تگ های div و span

  • کار با block و inline
  • کار با تگ div
  • کار با تگ span
  • معرفی صفت کلاس class
  • معرفی صفت شناسه id

کار با فرم ها

  • معرفی تگ form
  • معرفی تگ input
  • معرفی تگ fieldset
  • معرفی تگ legend

کار با تگ های اصلی html5

  • معرفی تگ های معنادار
  • معرفی تگ header
  • معرفی تگ nav
  • معرفی تگ section
  • معرفی تگ aside
  • معرفی تگ article
  • معرفی تگ footer
سرفصل های آموزش Css در تبریز

 

آموزش css در تبریز

 

بعد از اینکه اسکلت صفحه را با html طراحی کردیم با استفاده از css شروع به رنگ آمیزی و چینش و طرح دادن به تگ های html هست. در این آموزش CSS را از صفر تا صد بصورت حرفه ای خواهید آموخت.

 

CSS چیست؟

CSS مخفف Cascading Style Sheets است. از css برای استایل و طرح بندی صفحات استفاده می شود. با استفاده از css می توانید فونت صفحه، اندازه بزرگی و کوچکی فونت، تغییر رنگ متن، فاصله و چینش را تنظیم نمایید. حتی با استفاده از css می توانید انیمیشن ایجاد کنید. در کل از زبان CSS برای استایل دهی به عناصر HTML استفاده می شود.

 

مقدمات کار با CSS

  • معرفی انواع روش های استایل دهیInline ، Internal ,External
  • معرفی ساختار کدهای css
  • مقدمه ای بر سلکتورها
  • معرفی id
  • معرفی class

کار با Selector ها

  • معرفی *
  • معرفی <
  • معرفی +
  • معرفی ~

 

معرفی Pseudo Classes

  • معرفی کلاس کاذب root:
  • معرفی کلاس کاذب nth-child:
  • معرفی کلاس کاذب first-child:
  • معرفی کلاس کاذب last-child:
  • معرفی کلاس کاذب nth-last-child:
  • معرفی کلاس کاذب nth-of-type:
  • معرفی کلاس کاذب nth-last-of-type:
  • معرفی کلاس کاذب first-of-type:
  • معرفی کلاس کاذب last-of-type:
  • معرفی کلاس کاذب only-child:
  • معرفی کلاس کاذب only-of-type:
  • معرفی کلاس کاذب not:
  • معرفی المنت کاذب first-letter::
  • معرفی المنت کاذب first-line::
  • معرفی المنت کاذب selection::
  • معرفی کلاس کاذب required:
  • معرفی کلاس کاذب read-only:
  • معرفی کلاس کاذب read-write:
  • معرفی کلاس کاذب valid:
  • معرفی کلاس کاذب invalid:
  • معرفی کلاس کاذب checked:
  • معرفی المنت کاذب placeholder::
  • معرفی المنت کاذب before::
  • معرفی المنت کاذب after::
  • معرفی کلاس کاذب active:
  • معرفی کلاس کاذب link:
  • معرفی کلاس کاذب visited:
  • معرفی کلاس کاذب hover:
  • معرفی کلاس کاذب enabled:
  • معرفی کلاس کاذب disabled:
  • معرفی کلاس کاذب focus:
  • معرفی کلاس کاذب optional:

 

معرفی کامل سایر خاصیت ها Css3

  • کار با color
  • کار با display
  • کار با background 
  • کار با border
  • کار با text-align
  • کار با text-decoration
  • کار با text-transform
  • کار با font
  • کار با font icon
  • کار با list-style
  • کار با position
  • کار با overflow
  • کار با float
  • کار با opacity
  • کار با z-index
  • کار با linear-gradient
  • کار با box-shadow
  • کار با text-shadow
  • کار با font-face افزودن فونت جدید به استایل
  • کار با transition
  • کار با transform
  • کار با animation
  • معرفی important!

 

آموزش ریسپانسیو سازی (Media Queries)

  • معرفی Media Queries در css3
  • معرفی ریسپانسیو سازی
  • نحوه نوشتن Media Queries
  • آشنایی با انواع Screen – Print – Speech Media Types
  • معرفی Media Conditions
  • معرفی مقدار Landscape در orientation
  • معرفی مقدار Portrait در orientation

جهت مشاوره رایگان همین الان با ما تماس بگیرید

وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است

در این دوره مواردی مانند:

  • آموزش پروژه محور html و css در تبریز
  • آموزش حضوری و غیرحضوری html و css
  • آموزش تصویری html و css
  • آموزش طراحی قالب متناسب با سئو
  • آموزش طراحی وب واکنشگرا (Responsive)
  • آموزش تبدیل قالب فتوشاپی psd به صفحه وب
  • آموزش ترجمه و فارسی سازی قالب های خارجی به فارسی و بصورت راست چین

 

ما از پایه تا پیشرفته همراه شما هستیم تا شما کامل یاد بگیرید.

 

ما رضایت شما را تضمین خواهیم کرد

** جلسه اول به منظور تضمین کیفیت آموزش رایگان می باشد **

 

هزینه دوره ها
نحوه برگزاری دورههزینه برگزاری دوره
هزینه دوره خصوصی (حضوری)تماس بگیرید
هزینه دوره آموزش غیر حضوریتماس بگیرید

درخواست تماس

لطفا اطلاعات تماس خود را وارد نمایید.

تماس با تبریز وردپرس

شنبه تا پنج شنبه 9 - 17 پاسخگوی شما هستیم
× سوالی داری؟ چت با واتساپ