دوره آموزش Html و CSS

دوره آموزش Html و CSS

دسته بندی: -

قیمت: 12000 تومان

تعداد نمایش: 1201 نمایش

ارسال توسط:

تاریخ ارسال: 17 آگوست 2015

به روز رسانی در: 15 فوریه 2017

خرید این محصول:

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

دوره آموزش Html و CSS به زبان فارسی دارای سطح مقدماتی تا متوسطه می باشد. که شامل ۱۴ جلسه آموزش Html و ۱۶ جلسه Css است. تقریبا میشه گفت  Html و CSS زبان های پایه طراحی وب هستن و پیشنیاز هر دوره طراحی وب سایتی همین  Html و CSS هست. پس یعی کنید برای پیشرفت بهتر و سریعتر ابتدا  Html و CSS رو بخوبی آموزش ببینید تا با هم و در کنار هم سراغ دوره های پیشرفته تر بریم.

دوره آموزش Html و CSS با سطج مقدماتی تا متوسطه

حجم :۱٫۶۵ گیگابایت

مدیت زمان : ۱۷ ساعت و ۳۰ دقیقه

مدرس : مهندس رحمانی

دوره آموزش Html

  • توضیح در مورد ایکس ام ال
  • توضیح در مورد اچ تی ام ال
  • چگونگی ایجاد فایل اچ تی ام ال در ویندوز
  • چگونگی دانلود نت بینز
  • توضیح تگ های html و body و head و title
  • چگونگی اجرای یک فایل اچ تی ام ال در در مرورگر
  • توضیح ساختار سلسله مراتبی در اچ تی ام ال
  • ذخیره فایل های HTML با فرمت utf8 در Netbeans
  • توضیح ساختار سلسله مراتبی در HTML
  • توضیح تفاوت سند و فایل
  • توضیح تگ های h1 تا h6
  • توضیح تگ پاراگراف یا p
  • توضیح تگ a
  • توضیح در مورد url و آدرس فایل
  • چگونه در Netbeans پروژه HTML ایجاد کنیم
  • چگونه shortcut های Netbeans را تغییر دهیم
  • تفاوت مسیر دهی نسبی و مسیر دهی مطلق
  • مثال های بیشتر در رابطه با مسیر دهی های نسبی و مطلق
  • آموزش توضیح تگ img و توضیح خصیصه src برای آن
  • توضیح تگ p
  • توضیح خصیصه title
  • توضیح خصیصه lang برای تگ Html
  • آموزش خصیصه width برای تگ های Html
  • آموزش خصیصه height برای تگ های Html
  • آموزش خصیصه alt برای تگ های Html
  • توضیح تگ meta برای utf8 برای تگ head در Html
  • توضیح تگ hr
  • توضیح تگ br
  • توضیح تفاوت بین تگ های inline level و block level
  • توضیح تگ pre در Html
  • توضیح تگ b در Html
  • توضیح تگ strong در Html
  • توضیح تگ i در Html
  • توضیح تگ em در Html
  • آموزش تگ inserted
  • آموزش تگ del در Html
  • آموزش تگ ins در Html
  • توضیح تگ superscript در Html
  • توضیح تگ subscript در Html
  • توضیح توضیح خصیصه style
  • توضیح استایل color
  • توضیح استایل font-family
  • توضیح استایل font-size
  • توضیح استایل text-align
  • توضیح استایل direction
  • توضیح تگ q در Html
  • توضیح تگ blockquote در Html
  • توضیح تگ kbd در Html
  • توضیح تگ samp در Html
  • توضیح تگ code در Html
  • توضیح تگ pre و code در Html
  • توضیح کامنت های شرطی برای شناسایی نوع مرورگر در Html
  • آموزش internal styles یا استایل های داخلی
  • آموزش تگ <style>
  • آموزش externl styles استایل خارجی و نحوه اضافه کردن یک فایل css به یک سند Html
  • آموزش تگ <link> در Html
  • آموزش لینک کردن به یک بخش خاص از یک سند Html
  • آموزش خصیصه target برای تگ <a> و توضیح مقادیر blank و self
  • توضیح Mapping و خصیصه usemap برای تگ img در Html
  • توضیح تگ های map و area در Html
  • آموزش تگ table در Html
  • آموزش تگ tr در Html
  • آموزش تگ td در Html
  • آموزش تگ th در Html
  • آموزش تگ caption در Html
  • آموزش خصیصه colspan در Html
  • آموزش تگ rowspan در Html
  • آموزش دستیابی به سطور زوج و فرد در table در Html با استفاده از tr:nth-child(odd) و tr:nth-child(even)
  • آموزش border-collapse و border-spacing و border در table ها در  Html
  • آموزش تگ های ul و li در Html
  • آموزش خصیصه list-style-type به ازای مقادیر مختلف در تگ ul در Html
  • آموزش تگ ol در Html
  • آموزش خصیصه type و مقادیر موجه مختلف برای آن در تگ ol در html
  • آموزش تگ های dl و dt و dd در Html
  • آموزش مفهوم لیست های تو در تو در Html
  • آموزش ساختن یک منوی پیمایش افقی در Html
  • آموزش شیوه inline کردن یک تگ block در Html
  • آموزش تگ های inline و block در Html
  • آموزش تگ div در Html
  • آموزش تگ span در Html
  • آموزش خصیصه class و ذکر تفاوت آن با خصیصه id
  • توضیح در مورد انتخاب کننده * یا universal selector برای از میان بردن استایل های پیشفرض اعمال شده توسط مرورگر
  • توضیح و معرفی نرم افزار های Wiring برای بدست آوردن شمای کلی از layout ساخت صفحه Html که قرار است کد آن را بنویسیم.
  • آموزش استفاده از نرم افزار مجانی Pencil
  • تولید اولین شمای layout به زبان Html در نرم افزار Pencil
  • ادامه آموزش ساخت یک layout ابتدایی در Html
  • آموزش padding در css و بکارگیری آن در Layout های Html
  • آموزش ابتدایی float در css و بکارگیری آن در Layout های Html
  • آموزش ابتدایی clear در css و بکارگیری آن در Layout های Html
  • آشنایی مختصر با Html5
  • آشنایی با تگ header در Html5
  • آشنایی با تگ section در Html5
  • آشنایی با تگ article در Html5
  • آشنایی با تگ aside در Html5
  • آشنایی با تگ footer در Html5
  • ساخت قالب با با table ها در Html و توضیح چرایی نامناسب بودن این کار
  • توضیح بسیار ابتدایی قالب بندی ریسپانسیو و ذکر یک مثال ساده از آن
  • آموزش ابتدایی ساخت یک layout در Htmlبا کمک bootstrap
  • آموزش شیوه سطر بندی و ستون بندی با استفاده از bootstrap
  • – آموزش مقدماتی ساخت فرم ها در Html
  • آموزش تگ form در Html
  • آموزش خصیصه action در تگ form در Html
  • آموزش خصیصه method در تگ form در Html
  • توضیح شیوه های ارسال POST و GET در Html
  • آموزش تگ input در Html
  • آموزش خصیصه type در تگ input در Html
  • آموزش ساخت textbox در Html
  • آموزش ساخت radiobox در Html
  • آموزش ساخت checkbox در Html
  • آموزش ساخت فیلد پسورد در Html
  • مرور جلسه گذشته
  • توضیح تگ iframe در Html
  • روشن کردن این نکته که استفاده از تگ iframe خوب نیست
  • تنظیم width و height در تگ Iframe
  • توضیح خصیصه های src و frameborder در تگ iframe در Html
  • توضیح خصیصه target در تگ iframe در Html
  • توضیح انواع رنگ بندی در Html
  • توضیح کد های رنگی در مبنای ۱۶ یا Hex در Html
  • توضیح کد های رنگی اسم دار در Html
  • توضیح کدهای رنگی اسم دار در Html
  • توضیح تگ script در Html
  • توضیح تگ noscript در Html
  • توضیح تگ noscript در Html
  • راهنمای بسیار ابتدایی آغاز کار با Html
  • توضیح تگ base در Html
  • توضیح تگ meta در Html
  • توضیح خصیصه keywords در تگ meta در Html
  • توضیح خصیصه description در تگ meta در Html
  • توضیح خصیصه author در تگ meta در Html
  • توضیح خصیصه refresh در تگ meta در Html

دوره آموزش CSS

  • دلیل پیدایش و اهمیت استفاده از Css
  • اهمیت جداسازی محتوا از Css
  • آموزش Syntax یا نحو زبان Css
  • شیوه کامنت یا Comment گذاشتن در Css
  • دادن style به element ها بر اساس نام آنها در Css
  • دادن استایل به عناصر Html توسط بر اساس selector آی دی id
  • دادن استایل به عناصر Html توسط بر اساس selector نام کلاس یا class
  • معرفی ویرایشگر ها و IDE های مناسب برای ویرایش و اجاد فایل های Css
  • آموزش شیوه گروه بندی Selctor ها در Css
  • آموزش و یادآوری شیوه برخورد مرورگر با منابع external در فایل Html
  • آموزش و یادآوری منابع external و internal و inline در Css
  • آموزش خصیصه background-color در Css
  • آموزش خصیصه background-color در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش مقدار background-image:no-repeat در سی اس اس یا Css
  • آموزش مقدار background-image:repeat-x در سی اس اس یا
  • آموزش مقدار background-image:repeat-y در سی اس اس یا Css
  • آموزش خصیصه background-image در سی اس اس یا Css
  • آموزش فرم کوتاه شده خصیصه background در سی اس اس یا Css
  • آموزش خصیصه text-align در سی اس اس یا Css برای مقادیر right و left و center
  • آموزش خصیصه direction در سی اس اس یا Css برای مقادیر rtl و ltr
  • آموزش چگونگی رنگ دادن به کل سند Html
  • آموزش خصیصه text-decoration و مقادیر none و line-through و underline برای آن در سی اس اس یا Css
  • آموزش مفهوم generic family در سی اس اس یا Css
  • آموزش مفهوم font-family در سی اس اس یا Css
  • آموزش خصیصه font-family و شیوه صحیح استفاهده از آن در سی اس اس یا Css
  • آموزش font-style
  • آموزش bold و italic و oblique در Css
  • آموزش font-size
  • آموزش مقیاس px و em
  • آموزش شیوه دادن استایل به لینک ها و خواص link و hover و visited و active
  • آموزش خاصیت text-decoration برای لینک ها
  • آموزش خاصیت list-style برای لیست ها در Html
  • آموزش خصیصه vertical-align برای table ها
  • آموزش خصیصه border-collapse برای table ها
  • آموزش مفهوم box model در Css
  • آموزش خصیصه های border و margin و padding در Css
  • شیوه محاسبه عرض و ارتفاع در مرورگرهای مختلف در Css
  • چگونگی اصلاح شیوه محاسبه عرض و ارتفاع در مرورگرهای مختلف
  • توضیح خصیصه border-style و توضیح مقادیر dotted و dashed و solid و double و groove و ridge و inset و outset در برای آن در Css
  • آموزش خاصیت list-style برای ul
  • آموزش خاصیت background برای li
  • آموزش مقدار square برای list-style در ul
  • آغاز آموزش دادن style به table ها
  • توضیح خصیصه border-width و border-color
  • توضیح خصایص border-top و border-bottom و border-right و border-left
  • استفاده ترکیبی از خصیصه border مانند border-style: dotted solid double dashed یا border: 5px solid red
  • توضیح خصیصه outline
  • توضیح خصیصه Margin و مقادیر auto و inherit
  • آموزش تکمیلی خصیصه margin در Css
  • آموزش نوشتاری margin با یک تا چهار عدد
  • آموزش خصیصه padding
  • آموزش خصیصه min-width
  • آموزش خصیصه های min-width و min-height و max-width و max-height
  • آموزش خصیصه های visibility و display و مقادیر none و visible و hidden و … در Css
  • آموزش سایر ابتدایی position و مقدار static و fixed برای آن در سی اس اس
  • آموزش انواع positioning مثل static و fixed و relative و absolute
  • آموزش خصیصه z-index
  • شروع ساخت یک منوی افقی با استفاده از ul و li
  • تکمیل ساخت یک منوی افقی با Css
  • آموزش خصیصه clear و مقادیر both و right و left برای آن در سی اس اس
  • آموزش شیوه center یا در مرکز قرار دادن عنصر های block level با استفاده از margin:0 auto در Css
  • چپ گذاشتن یا راست گذاشتن عناصر با استفاده float یا position از نوع absolute
  • آموزش انتخاب کننده های فضای خالی , + و < , ~ در Css
  • آموزش Pseudo-class در Css مثل link و visited و hover و active و first-child
  • آموزش pseudo-element در Css مثل first-line و first-letter و before و after و selection
  • آموزش ابتدایی ساخت گالری عکس
  • توضیحات تکمیلی در مورد آموزش ساخت یک گالری عکس با استفاده از Css
  • توضیح در مورد خصوصیت های opacity و filter در Css
  • آموزش شیوه شفاف کردن یک عکس در Css
  • آموزش شیوه داشتن یک div شفاف در Css
  • آموزش Sprite ها یا تصاویر زمینه ادغام شده در Css
  • آموزش مدیا تایپ print و screen در سی اس اس
  • آموزش انتخاب گر attribute در Css
  • آموزش انتخاب گر attribute در Css با بکار بردن عملگر های = , | , * , ^ , ~

دمو دوره آموزش Html

 

دمو دوره آموزش Css