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