فیلم آموزش HTML&CSS

1 لینک ها در HTML
2 تصاویر در HTML
3 سی اس اس در HTML
4 جداول در HTML
5 لیست ها در HTML
6 عنصر div
7 صفحه بندی 2 و 3 ستونه
و ...

1 Html5 چیست؟
2 عنصر canvas برای نقاشی دو بعدی
3 عنصر video و audio
4 ویژگی های جدید در HTML5
5 عناصر معنایی چیست؟
6 معرفی فایل manifiest
7 SVG چست؟
و ...

1 معرفی CSS
2 ساختار دستورات CSS
3 گزینشگرهای CSS
4 فایل CSS خارجی
5 ستایل دهی پس زمینه
6 ستایل دهی متن
7 ستایل دهی فونت
و ...

1 معرفی اجمالی HTML & CSS
2 ساخت هدر و فوتر در قالب وب
3 ساخت منو
4 درج تصاویر
5 درج آیکون و توضیحات
و ...
طراحی قالب
صفر تا صد

1 CSS3 چیست؟
2 گرد کردن گوشه های در CSS3
3 ایجاد شیب رنگ در CSS3
4 سایه دادن به عناصر در CSS3
5 انیمیشن در CSS3
6 چرخاندن یا حرکت دادن عناصر
7 مدیا کوئری در CSS3
و ...

طراحی سایت استاتیک، اولین قدم درطراحی سایت است.طراحی سایت استاتیک، مجموعه کوچکی از اسناد CSS و HTML است که ساختار ثابتی دارد و بیشتر برای مواردی استفاده می شود که نیاز به تغییرات روزانه ندارد.

خصوصیت های که در این آموزش کار خواهی کرد :
1 خصوصیت linear-gradient
2 خصوصیت transform
3 انیمیشن و متحرک سازی
4 قانون keyframes@

1 معرفی و آموزش HTML
2 معرفی و آموزش CSS
3 جداول در CSS
4 ساخت منو های راهبری
5 معرفی و آموزش JavaScript
6 توابع در جاوا اسکریپت
7 معرفی HTML5 و پشتیبانی آن
و ...

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1 تعریف انواع تبدیلات سه بعدی
2 خاصیت perspective در CSS3
3 خصوصیت transform در CSS3
4 شبه کلاس hover در CSS
6 خصوصیت transition در CSS3
و ...

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1 تگ section د HTML5
2 انواع تبدیلات سه بعدی
3 خصوصیت transition در CSS3
4 گزینشگر ~ در CSS3
5 خاصیت perspective در CSS3
6 خاصیت box-shadow در CSS3
و ...

در این ویدئو آموزشی به ایجاد یک دکمه (با گرافیک طراحی شده در فتوشاپ) با استفاده از css خواهیم پرداخت. در انتهای این اموزش قادر خواهید بود تا یک طرح گرافیکی را با استفاده از css پیاده سازی نمایید.

1-متد رنگی هگزادسیمال
2-متد رنگی RGB
3-استفاده از رنگ های به صورت درصد
4-متد رنگی HSL
5- سیستم رنگ
6-اشنایی با OPCITY رنگ
7-اشنایی با افزونه colorzilla

CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

1-اشنایی با عنصر fieldset
2-اشنایی با عنصر legend
3-اموزش نوشتن مقادیر پیش فرض برای فیلد های متنی
4-اشنایی با صفت placeholder
5-نحوه ایجاد فیلد برای ضمیمه کردن فایل توسط کاربر

با چه خصوصیت ها و تگ هایی در آموزش ساخت اسلایدر 3 بعدی آشنا خواهم شد؟

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1.تعریف تبدیلات سه بعدی
2.استفاده از transition ها
3.استفاده ازmedia query
4.استفاده از backface visibility
5......

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1 تعریف انواع تبدیلات سه بعدی
2 خصوصیت transform در CSS3
3 شبه کلاس before,وafter در CSS
4 خصوصیت transition در CSS3
و ...

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1.استفاده از box-shadow
2.خاصیت transform برای بدست آوردن افکت ها
3. استفاده از transition
4. استفاده از transition-delay
5. .....

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1. ویژگی transform
2 شبه کلاس های before , after
3 استفاده از تابع toggleClass در jquery
و ...

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1. ویژگی transition
2. تغییر ویژگی عناصر در هنگام انجام عمل hover
3. خصوصیت box-shadow
4. ,…….

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1. توابع addClass و removeClass در جیکوئری
2.خصوصیت hash
3.استفاده از scrollTop در جیکوئری
4. استفاده از تابع offset درجیکوئری
5.و....

با چه تگ ها و خصوصیت هایی در این فیلم آشنا خواهید شد؟
1.خاصیت transition
2. شبه کلاس before
3.رویداد hover روی عناصر
4.و.....

طراحی سایت استاتیک، اولین قدم درطراحی سایت است.طراحی سایت استاتیک، مجموعه کوچکی از اسناد CSS و HTML است که ساختار ثابتی دارد و بیشتر برای مواردی استفاده می شود که نیاز به تغییرات روزانه ندارد.

با مشاهده این دوره علاوه بر اینکه این 10 مدل هاورباکس را یاد می گیرید، می توانید از کدهایی که در کنار ویدئو به شما تحویل داده می شود در پروژه های خود استفاده کنید.

در این آموزش قصد داریم تا یک پروژه جالب و کاربردی به نام TaskList ایجاد کنیم . از نکات مهم این آموزش کار کردن با دیتابیس مرورگر است .

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

1 آموزش html
2 آموزش css
3 کار با تگ های کاربردی html
4 کار با مباحث پیشرفته css
انیمیشن - فلکس باکس - گرید
و ...