آموزش CSS | آموزش کامل CSS و CSS3 + انجام پروژه عملی
در دوره آموزش کامل HTML و HTML5 ما به طور کامل یاد گرفتیم تا ساختار اصلی یک صفحه وب رو تشکیل بدیم اما همانطور که گفتیم این صفحه وب فقط و فقط یک ساختار بی رنگ و لعاب و کاملا بی روح بود که نیاز به یک مکمل داشت تا بتونه این کاستی ها رو رفع کنه… خب الان وقتش رسیده که ما این مکمل رو به ساختار اصلی صفحه وب خودمون اضافه کنیم تا بتونیم یک قالب زیبا و حرفه ای رو ایجاد کنیم ،توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید این مکمل آموزش CSS یا بهتره بگیم آموزش تصویری css3 و css هستش :
CSS چیست؟
CSS مخفف Cascading Style Sheets است و یک کد است که نحوه نمایش HTML را توضیح می دهد و برای استایل و طرح بندی صفحات وب مورد استفاده قرار می گیرد، برای مثال برای تغییر فونت، رنگ، اندازه و فاصله مطالب خود، تقسیم آن به چندین ستون یا اضافه کردن انیمیشن ها و سایر ویژگی های تزئینی. در ادامه شما را در راه تسلط بر CSS، مبانی نحوه کار آن، از جمله انتخابگرها و خواص، نوشتن دستور ها، اعمال CSS به HTML، نحوه تعیین طول، رنگ و سایر واحدها، و اشکال زدایی آن همراهی می کنیم.
چرا از CSS استفاده می شود؟
آموزش CSS به توسعه دهندگان وب كمك می كند كه چندین صفحه ی وب سایت یکنواخت و هم شکل را ایجاد کنند. به جای تعریف استایل هر جدول و هر بلوک متن در یک صفحه HTML، معمولا استایل های مورد استفاده باید فقط یکبار در یک سند صفحات الگوی آبشاری تعریف شوند.
هنگامی که استایل در CSS تعریف شود، می توان از هر صفحه ای که به فایل صفحات الگوی آبشاری اشاره دارد استفاده شود و همان الگو ها را در آن صفحه اعمال کرد. علاوه بر این، CSS باعث می شود که به راحتی الگو های چند صفحه را هم زمان و به یک شکل تغییر داد. به عنوان مثال، توسعه دهنده وب ممکن است بخواهد اندازه متن پیش فرض را از ۱۰pt تا ۱۲pt برای پنجاه صفحه وب سایت افزایش دهد. اگر صفحات همه دارای یک CSS یکسان باشند، با تغییر اندازه متن در این سند الگوی آبشاری می توان متن های کل این صفحات را بزرگتر نشان داد. پس در واقع آموزش CSS باعث کنترل راحت تر و عملکرد سریع تر صفحات HTML شما می شود.
در حالی که CSS برای ایجاد سبک متن عالی است، برای قالب بندی و سایر ویژگی های طراحی صفحات وب بسیار کاربردی است. به عنوان مثال، صفحات الگوی آبشاری را می توان علاوه بر تعریف جدا گانه هر سلول از جدول، برای تغییر و تعریف استایل، ضخامت و رنگ مرز جدول و پوسته در اطراف تصاویر یا اشیا دیگر استفاده کرد. صفحات الگوی آبشاری به توسعه دهندگان وب کمک می کند تا کنترل دقیق تری بر نحوه بارگزاری صفحات وب HTML داشته باشند. به همین دلیل است که بسیاری از صفحات وب امروز شامل صفحات با الگوی آبشاری است.
از زبان CSS برای استایل دهی به صفحات وب استفاده میشود که در نسخه 3 این زبان یا همان CSS3 قدرت این زبان چند برابر شده و تعداد متعددی از استایل های جدید به آن اضافه شده است که در این دوره آموزشی ما از پایه ترین مباحث CSS شروع میکنیم تا به مباحث پیشرفته CSS3 برسیم و در انتهای این دوره آموزشی یک قالب زیبا رو نیز به صورت عملی و کاربردی طراحی خواهیم کرد.
مباحثی که در این دوره آموزش تصویری css3 مطرح خواهد شد :
قسمت اول : مقدمات کار با کدهای CSS
- آشنایی با انواع روش های استایل دهی Inline ، Internal ، External در CSS
- آشنایی با ساختار کدهای CSS
- مقدمه ای بر سلکتورها و آشنایی با Element Selector
- آشنایی با Id Selector و Class Selector
قسمت دوم : شروع کار با Selector ها در آموزش CSS
- آشنایی با سلکتور *
- آشنایی با Grouping Selector
- آشنایی با سلکتور های تودرتو یا Nested Selector
- آشنایی با سلکتور <
- آشنایی با سلکتور +
- آشنایی با سلکتور ~
قسمت سوم : آشنایی با Attribute Selector ها در آموزش CSS
- آشنایی با سلکتور [attribute]
- آشنایی با سلکتور [attribute = value]
- آشنایی با سلکتور [attribute ~= value]
- آشنایی با سلکتور [attribute *= value]
- آشنایی با سلکتور [attribute ^= value]
- آشنایی با سلکتور [attribute $= value]
قسمت چهارم : آشنایی با Pseudo Classes در آموزش CSS
- آشنایی با کلاس کاذب 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::
- آشنایی با المنت کاذب before::
- آشنایی با المنت کاذب after::
قسمت پنجم : ادامه کار با Pseudo Classes در آموزش کامل CSS
- آشنایی با کلاس کاذب active:
- آشنایی با کلاس کاذب link:
- آشنایی با کلاس کاذب visited:
- آشنایی با کلاس کاذب hover:
- آشنایی با کلاس کاذب enabled:
- آشنایی با کلاس کاذب disabled:
- آشنایی با کلاس کاذب focus:
- آشنایی با کلاس کاذب optional:
- آشنایی با کلاس کاذب required:
- آشنایی با کلاس کاذب read-only:
- آشنایی با کلاس کاذب read-write:
- آشنایی با کلاس کاذب valid:
- آشنایی با کلاس کاذب invalid:
- آشنایی با کلاس کاذب checked:
- آشنایی با المنت کاذب placeholder::
قسمت ششم : آشنایی با خاصیت های Color و Display
- مقدار name در color
- مقدار rgb در color
- مقدار rgba در color
- مقدار HEX در color
- مقدار block در display
- مقدار inline در display
- مقدار inline-block در display
- مقدار list-item در display
قسمت هفتم : آشنایی با خاصیت های عرض و ارتفاع و Background در آموزش CSS
- آشنایی با خاصیت width
- آشنایی با خاصیت height
- آشنایی با خاصیت min-width
- آشنایی با خاصیت max-width
- آشنایی با خاصیت min-height
- آشنایی با خاصیت max-height
- آشنایی با خاصیت background-color
- آشنایی با خاصیت background-image
- آشنایی با خاصیت background-repeat
- آشنایی با خاصیت background-position
- آشنایی با خاصیت background-atachment
- آشنایی با حالت مختصر Background
قسمت هشتم : آشنایی با خاصیت های Box Model در آموزش تصویری css3
- آشنایی با مفهوم Box Model
- آشنایی با خاصیت border-width
- آشنایی با خاصیت border-style
- آشنایی با خاصیت border-color
- آشنایی با border shorthand
- آشنایی با خاصیت border-right
- آشنایی با خاصیت border-top
- آشنایی با خاصیت border-bottom
- آشنایی با خاصیت border-left
- آشنایی با خاصیت border-radius
- آشنایی با خاصیت border-top-right-radius
- آشنایی با خاصیت border-top-left-radius
- آشنایی با خاصیت border-bottom-right-radius
- آشنایی با خاصیت border-bottom-left-radius
- آشنایی با خاصیت outline و تفاوت آن با border
قسمت نهم : ادامه آشنایی با خاصیت های Box Model در CSS
- آشنایی با خاصیت padding
- آشنایی با خاصیت padding-top
- آشنایی با خاصیت padding-right
- آشنایی با خاصیت padding-bottom
- آشنایی با خاصیت padding-left
- آشنایی با حالت های مختلف خاصیت padding
- آشنایی با خاصیت margin
- آشنایی با خاصیت margin-top
- آشنایی با خاصیت margin-right
- آشنایی با خاصیت margin-bottom
- آشنایی با خاصیت margin-left
قسمت دهم : شروع استایل دهی متون در آموزش تصویری css3
- آشنایی با خاصیت text-align
- آشنایی با خاصیت text-decoration
- آشنایی با خاصیت text-transform
- آشنایی با خاصیت text-indent
- آشنایی با خاصیت letter-spacing
- آشنایی با خاصیت word-spacing
- آشنایی با خاصیت direction
- آشنایی با خاصیت line-height
- آشنایی با خاصیت vertical-align
- آشنایی با خاصیت white-space
قسمت یازدهم : آشنایی با خاصیت Font در آموزش CSS
- آشنایی با خاصیت font-family
- آشنایی با خاصیت font-style
- آشنایی با خاصیت font-size
- آشنایی با خاصیت font-weight
- آشنایی با خاصیت font-variant
- آشنایی با Font Shorthand
قسمت دوازدهم : کار با آیکون ها در آموزش تصویری css3
- آشنایی با آیکون های Font Awesome
- آشنایی با آیکون های BootStrap
- آشنایی با آیکون های Google Material Icons
قسمت سیزدهم : آشنایی با خاصیت های لیست ها و استایل دهی یک Table
- آشنایی با خاصیت list-style-type
- آشنایی با خاصیت list-style-image
- آشنایی با خاصیت list-style-position
- آشنایی با list-style Shorthand
- استایل دهی یک Table
- آشنایی با خاصیت border-collapse
قسمت چهاردهم : آشنایی با مقادیر Table در خاصیت Display
- آشنایی با مقدار table در Dispaly
- آشنایی با مقدار table-row در Dispaly
- آشنایی با مقدار table-cell در Dispaly
قسمت پانزدهم : آشنایی با خاصیت Position در آموزش کامل css
- آشنایی با مفهوم flow یا جریان
- آشنایی یا خاصیت های top – right – bottom – left
- آشنایی با مقدار static در position
- آشنایی با مقدار relative در position
- آشنایی با مقدار absolute در position
- آشنایی با مقدار fixed در position
- آشنایی با مقدار sticky در position
قسمت شانزدهم : آشنایی با خاصیت Overflow در آموزش تصویری css3
- آشنایی با مقدار hidden در overflow
- آشنایی با مقدار visible در overflow
- آشنایی با مقدار scroll در overflow
- آشنایی با مقدار auto در overflow
- آشنایی با خاصیت overflow-x
- آشنایی با خاصیت overflow-y
قسمت هفدهم : آشنایی با خاصیت float در آموزش CSS
- آشنایی با مقادیر left و right در float
- آشنایی با مشکلات float و رفع آنها
- تفاوت float با position : absolute
- تفاوت float با display : inline-block
- آشنایی با خاصیت clear
قسمت هجدهم : آشنایی با خاصیت های opacity و z-index
- آشنایی با مفهوم overlapping
قسمت نوزدهم : آشنایی با مبحث specificity در CSS
- آشنایی کامل با اولویت کدها در آموزش CSS
- آشنایی با مقدار important!
قسمت بیستم : آشنای با خاصیت های Cursor و Visibility در آموزش کامل css
- آشنایی با مقادیر مختلف Cursor
- آشنایی با مقدار hidden در Visibility
- آشنایی با مقدار vsible در Visibility
- تفاوت خاصیت Visibility با Dispaly
- آشنایی با مقدار collapse در Visibility
قسمت بیست و یکم : آشنایی با خاصیت Border-image در CSS3
- آشنایی با مفهوم پیشوندها در CSS3
- اشنایی با پیشوندهای webkit – moz – o – ms
- آشنایی با Border-slice و حالت های مختلف آن
- آشنایی با Border-repeat و حالت های مختلف آن
- آشنایی با مقدار transparent در border
قسمت بیست و دوم : آشنایی با خاصیت های جدید Background در CSS3
- آشنایی با حالت Multi Background در CSS3
- آشنایی با خاصیت Background-size و حالت های مختلف آن
- آشنایی با خاصیت Background-origin و حالت های مختلف آن
- آشنایی با خاصیت Background-clip و حالت های مختلف آن
قسمت بیست و سوم : آشنایی با Linear-gradient در CSS3
- آشنایی با حالت ساده و معمولی linear-gradient
- آشنایی با نحوه تغییر زاویه رنگ با مقادیر ثابت
- آشنایی با تفاوت linear-gradient با حالت استانداردسازی شده آن
- آشنایی با نحوه تغییر زاویه رنگ با استفاده از درجه
- استفاده از rgba در linear-gradient
- آشنایی با Color-stop در linear-gradient
- آشنایی با repeating در linear-gradient
قسمت بیست و چهارم : آشنایی با radial-gradient در CSS3
- آشنایی با حالت ساده و معمولی radial-gradient
- آشنایی با حالت Circle و Ellipse در radial-gradient
- استفاده از rgba در radial-gradient
- آشنایی با نحوه تغییر زاویه رنگ با مقادیر ثابت و درصدی
- آشنایی با تفاوت radial-gradient با حالت استانداردسازی شده آن
- آشنایی با مقادیر closest-side و closest-corner
- آشنایی با مقادیر farthest-side و farthest-corner
- آشنایی با Color-stop در radial-gradient
- آشنایی با repeating در radial-gradient
قسمت بیست و پنجم : آشنایی با خاصیت های box-shadow و text-shadow در CSS3
- آشنایی با حالت های مختلف box-shadow
- آشنایی با حالت های مختلف text-shadow
قسمت بیست و ششم : آشنایی با خاصیت های text-overflow ، word-wrap و word-break
- آشنایی با مقادیر clip و ellipsis در text-overflow
- آشنایی با مقدار break-word در word-wrap
- آشنایی با مقادیر break-all و keep-all در word-break
قسمت بیست و هفتم : آشنایی با font-face در CSS3
- نحوه اضافه کردن فونت به سایت و استفاده از font-face
قسمت بیست و هشتم : آشنایی با خاصیت transition در CSS3
- آشنایی با خاصیت transition-property
- آشنایی با خاصیت transition-duration
- آشنایی با خاصیت transition-timing-function
- آشنایی با خاصیت transition-delay
- آشنایی با transition Shorthand
- آشنایی با Multi transition
- آشنایی با مقادیر timing-function
- آشنایی با مقدار cubic-bezier در timing-function
- آشنایی با مقدار steps در timing-function
قسمت بیست و نهم : آشنایی با حالت 2 بعدی Transform در آموزش تصویری css3
- آشنایی با مقدار translate و حالت های مختلف آن
- آشنایی با مقدار rotate و حالت های مختلف آن
- آشنایی با مقدار scale و حالت های مختلف آن
- آشنایی با مقدار skew و حالت های مختلف آن
- آشنایی با مقدار matrix
قسمت سی ام : آشنایی با حالت 3 بعدی Transform در CSS3
- آشنایی با مقدار perspective
- آشنایی با مقدار translateZ
- آشنایی با مقادیر rotateX و rotateY و rotateZ
- آشنایی با مقدار rotate3d
- آشنایی با خاصیت perspective و تفاوت آن با مقدار perspective
- آشنایی با خاصیت transform-origin
- آشنایی با خاصیت perspective-origin
- آشنایی با مقدار translate3d
- آشنایی با مقدار scaleZ
قسمت سی و یکم : آشنایی با خاصیت Animation در آموزش تصویری css3
- آشنایی با دستور Keyframes و حالت های مختلف آن
- آشنایی با خاصیت animation-name
- آشنایی با خاصیت animation-duration
- آشنایی با خاصیت animation-timing-function
- آشنایی با خاصیت animation-delay
- آشنایی با خاصیت animation-iteration-count
- آشنایی با خاصیت animation-direction
- آشنایی با خاصیت animation-fill-mode
- آشنایی با خاصیت animation-play-state
قسمت سی و دوم : آشنایی با خاصیت Filter
- آشنایی با مقدار blur
- آشنایی با مقدار brightness
- آشنایی با مقدار contrast
- آشنایی با مقدار grayscale
- آشنایی با مقدار hue-rotate
- آشنایی با مقدار invert
- آشنایی با مقدار opacity
- آشنایی با مقدار saturate
- آشنایی با مقدار drop-shadow
- آشنایی با مقدار sepia
قسمت سی و سوم : آشنایی با خاصیت های object-fit ، box-sizing و resize در آموزش تصویری css3
- آشنایی با خاصیت object-fit و حالت های مختلف آن
- آشنایی با خاصیت box-sizing و حالت های مختلف آن
- آشنایی با خاصیت resize و حالت های مختلف آن
قسمت سی و چهارم : آشنایی با Multiple Columns در CSS3
- آشنایی با خاصیت column-count
- آشنایی با خاصیت column-width
- آشنایی با خاصیت column-gap
- آشنایی با خاصیت column-rule
- آشنایی با خاصیت column-span
قسمت سی و پنجم : آشنایی با Media Queries در آموزش تصویری css3
- آشنایی با مفهوم ریسپانسیوسازی
- آشنایی با نحوه نوشتن Media Queries
- آشنایی Screen – Print – Speech Media Types
- آشنایی با Media Conditions
- آشنایی با مقدار Landscape در orientation
- آشنایی با مقدار Portrait در orientation
قسمت سی و ششم : پروژه طراحی قالب با CSS and CSS3 – بخش اول
- طراحی بخش هدر قالب
قسمت سی و هفتم : پروژه طراحی قالب با CSS and CSS3 – بخش دوم
- طراحی بخش منوی قالب
قسمت سی و هشتم : پروژه طراحی قالب با CSS and CSS3 – بخش سوم
- طراحی ساختار اصلی بخش محتوای قالب
قسمت سی و نهم : پروژه طراحی قالب با CSS and CSS3 – بخش چهارم
- طراحی بخش محتوای قالب
قسمت چهلم : پروژه طراحی قالب با CSS and CSS3 – بخش پنجم
- طراحی بخش صفحه بندی و فوتر قالب
آموزش CSS
ویژگی های دوره
- تعداد جلسات 42
- امتحانات 0
- مدت 12 ساعت و 45 دقیقه
- سطح مهارت مقدماتی تا پیشرفته
- زبان فارسی
- دانشجویان 966
- ارزیابی ها بله
-
پیش نمایش و فایل های دانلودی دوره
-
فهرست دروس
- مقدمات کار با کدهای CSS
- شروع کار با Selector ها در CSS
- آشنایی با Attribute Selector ها در CSS
- آشنایی با Pseudo Classes در CSS
- ادامه کار با Pseudo Classes در CSS
- آشنایی با خاصیت های Color و Display
- آشنایی با خاصیت های عرض و ارتفاع و Background در CSS
- آشنایی با خاصیت های Box Model در CSS
- ادامه آشنایی با خاصیت های Box Model در CSS
- شروع استایل دهی متون در CSS
- آشنایی با خاصیت Font در CSS
- کار با آیکون ها در CSS
- آشنایی با خاصیت های لیست ها و استایل دهی یک Table
- آشنایی با مقادیر Table در خاصیت Display
- آشنایی با خاصیت Position در CSS
- آشنایی با خاصیت Overflow در CSS
- آشنایی با خاصیت float در CSS
- آشنایی با خاصیت های opacity و z-index
- آشنایی با مبحث specificity در CSS
- آشنای با خاصیت های Cursor و Visibility در CSS
- آشنایی با خاصیت Border-image در CSS3
- آشنایی با خاصیت های جدید Background در CSS3
- آشنایی با linear-gradient در CSS3
- آشنایی با radial-gradient در CSS3
- آشنایی با خاصیت های box-shadow و text-shadow در CSS3
- آشنایی با خاصیت های text-overflow،word-wrap و word-break
- آشنایی با font-face در CSS3
- آشنایی با خاصیت transition در CSS3
- آشنایی با حالت ۲ بعدی Transform در CSS3
- آشنایی با حالت ۳ بعدی Transform در CSS3
- آشنایی با خاصیت Animation در CSS3
- آشنایی با خاصیت Filter
- آشنایی با خاصیت های object-fit،box-sizing و resize در CSS3
- آشنایی با Multiple Columns در CSS3
- آشنایی با Media Queries در CSS3
- پروژه طراحی قالب با CSS and CSS3 – بخش اول
- پروژه طراحی قالب با CSS and CSS3 – بخش دوم
- پروژه طراحی قالب با CSS and CSS3 – بخش سوم
- پروژه طراحی قالب با CSS and CSS3 – بخش چهارم
- پروژه طراحی قالب با CSS and CSS3 – بخش پنجم
-
Royroy
Roya
بینهایت ممنونم از اموزش عالی شما. اقای مصطفی زاده امیدوارم بهترین ها براتون اتفاق بیفته. یعنی این آموزش ارزشش خیلی خیلی بشتر از مبلغی بود که پرداخت کردیم.
-
msporesgg
تو یک ماه وارد شدم
جدی دمتون گرم که تونستید یه دبیر بینظیر مثل آقا کریم پیدا کنید
-
omid2426
دوره html رو دیدیم فوقالعاده و کامل بود این دوره رو هنوز ندیدم با توجه به سر فصلا مطمعنم عالیه
لهجه تونم دوره هارو شیرین میکنه:))
-
MARYJJ
☆☆☆☆☆
در خریدن دوره های این سایت شک نکنید. واقعا عالی بود. مرسی
-
Hosein.Sajedi
درجه یک
واقعا خوشحالم که با این سایت آشنا شدم. استاد کاملاٌ شمرده شمرده تدریس می کنن و این روش از سردرگم شدن دانشجو های دوره جلوگیری می کنه.
262 دیدگاه
سلام اگه میشه لطف کنید سورس کد های پروژه رو هم قرار بدید ممنون میشم
سلام و درود
سورس کدهای دوره رو از فهرست دروس دانلود کنید
موفق و پیروز باشید
سلام استاد من یه سوال پیش اومده برام. من در طراحی سایت بودم داشتم منو سایت رو طراحی می کردم دقیقا همون کار هایی رو که شما انجام دادید رو انجام دادم ولی انگار منوی من یه مقداری از فضا رو در زیر منو ها تشخیص نمی ده
سلام و درود
مطمئنا جایی رو اشتباه نوشتید ، سورس کدهای دوره رو دانلود کنید و با کد خودتون مقایسه کنید ببینید کجارو اشتباه نوشتید
موفق و پیروز باشید
سلام استاد عزیز وقتتون بخیر ممنونم ازتون آموزش فوق العاده‌ای بود.
من هر سه دوره HTML، CSS و JavaScript رو دیدم هر سه تا عالی و تراز بالا بودن و واقعا راضیم.
همچنین یک سوال هم ازتون داشتم. استاد آموزشی مبنی بر صفر تا صد زبان Python خواهیم داشت؟
سلام و درود
با تشکر از نظر بسیار ارزشمند شما
بله حتما ممکنه که بعد از دوره آموزش PHP با تدریس فوق العاده استاد احمدی دوره پایتون رو داشته باشیم
موفق و پیروز باشید
سلام .تفاوت تاپ ومارجین تاپ رو میشه توضیح بدین.ایا میشه اونها رو بجای هم بکار برد هر جایی.ممنون
سلام و درود
تفاوت شون داخل دوره توضیح داده شد ، مارجین جایگاهش نسبت به خودش تغییر میکنه ، از جریان خارج نمیشه و برای فاصله گذاری استفاده میشه اما top نسبت به والد خودش جایگاهش تغییر میکنه ممکنه از جریان خارج بشه و برای پوزیشن استفاده میشه
موفق و پیروز باشید
سلام در قسمت مدیاکویری من media@ رو که میزنم در ادامه چیزی بنام screen یاall برای من نمیاد دستی هم که وارد میکنم کد جواب نمیده با vsc کار میکنم تو بقیه ادیتورها هم همینطوره. اما کد شما رو از تو اموزش کپی میکنم جواب میده یعنی دارم دیونه میشم
سلام و درود
مقدار پیش فرض مدیا تایپ یا همون screen که مینویسید all هست که برای همه دستگاه ها استفاده میشه ، پس میتونید در کل screen و all رو هم ننویسید و مشکلی پیش نمیاد
موفق پیروز باشید
درود بر شما.ایا چیدمانی که در ویدیو18 همین اموزش روی باکسها صورت گرفت دقیقا به همین صورت با فلکس باکس ممکنه؟ممنون
سلام و درود
خیر این مورد رو با روشی که در آموزش گفته شده انجام بدید بهتره
موفق و پیروز باشید
سلام ایا با یاد گرفتن ماژول فلکسی باکس دیگه نیازی به یاد گرفتن فلوت هست.من قسمت فلوت رو بصورت گذرا واینکه فقط با کارکردش اشنا باشم نگاه کردم نه به قصد یاد گرفتن.نظر شما چیه؟
سلام و درود
بله تا حد زیادی دیگه نیاز به استفاده از Float نیست اما کارکردش رو هم بدونید بد نیست
موفق و پیروز باشید
سلام خسته نباشید
ببخشین امکانش هست این پکیج رو رایگان کنین؟چون تمامی سایتا آموزش css رایگانه اگر امکان باشه رایگان کنین چون قیمتشم خیلی بالا هست 85 هزارتومنه.
ممنون
سلام و درود
این دوره یک دوره و پکیج کامل هست و هزینه دوره در مقابل کیفیت و مباجث این دوره آموزشی بسیار ناچیز است
در حال حاضر بیش از 50 درصد این دوره تخفیف خورده که میتوانید از این فرصت استفاده کنید
موفق و پیروز باشید
جناب کریم زاده سایت fontawesomeدر قسمت سرچ ایکن ها چیزی رو نمیاره چیکار باید کرد.
سلام و درود
از یک نرم افزار تغییر آی پی (IP) استفاده کنید مشکلتون برطرف میشه
موفق و پیروز باشید
ببخشید استادمزاحم میشم مرتب .سایت فونت آسم یه جوریه من فونت ایکن ها رو ازش دانلود کردم اما خودایکن ها رو توی سایت نمیتونم پیدا کنم ظاهر سایت متفاوته با اونی که شما میگین یکم
سلام و درود
ظاهر سایت بسیار ساده هست کافیه وارد منوی Icons بشید و آیکون مورد نظر خودتون رو انتخاب کنید
موفق و پیروز باشید
ممنونم خودتون یه امتحانی بکنید این کار رو که گفتین هزار بار انجام دادم ولی چیزی نمیاره مثل اینکه مشکل چند نفر دیگم هست
از یک نرم افزار تغییر آی پی (IP) استفاده کنید مشکلتون برطرف میشه
سلام.من به یه مشکل جالب برخوردم در مبحث سودوکلاسها درادیتور vs من این رونوشتم :{;p:nth-last-child(3){background-color: forestgreen
اما وقتی اجرا میکنم از اخر اشتباهادومین p رو بک گراند میده رفتم در براکتز واتم امتحان کردم اونجا درست اجرا میشه چرا؟
سلام و درود
اصولا که نباید همچین اختلافی بین ادیتور ها وجود داشته باشه اما خوب شاید باگی در نرم افزار وجود داره
لطفا نرم افزار هاتون رو به آخرین ورژن موجود آپدیت کنید و دوباره تست بگیرید
موفق و پیروز باشید
سلام آقای مصطفی زاده وقت شما بخیر ببخشید سوالی داشتم نرم افزار براکتس من به تازگی تغییرات رو در حین نوشتن اعمال نمیکنه و باید برای اعمال هر تغییر نتایج رو سیو کنم و در ضمن در حین نوشتن هیچ عنصری هم به حالت انتخاب در نمیاد ممنون میشم منو راهنمایی کنید؟ از زحمات و آموزش های عالی تون هم تشکر میکنم
سلام و درود
پیشنهاد میکنم از نرم افزار VSCode استفاده کنید
موفق و پیروز باشید
سلام دوست عزیز اگر از کروم استفاده می کنید یه گزینه هست که توی تنظیمات کروم باید غیر فعال بشه. این مشکل برای من هم پیش اومده. وارد یک تب(زبانه) جدید بشید و از گوشه سه نقطه گزینه تنظیمات(settings) رو کلیک کنید و تا پایین اسکرول کنید گزینه بیشتر(advanced) رو بزنید یا اگر زدید بزارید بمونه گزینه Continue running background apps when Google Chrome is closed رو تیکش رو غیر فعال کنید و یک بار کروم خودتون رو باز و بسته کنید درست میشه
سلام استاد تدریس html واقعا عالی و پرکاربرد بود ممنون از شما به خاطر تدریس عالیتون. میشه اموزش css هم مثل این دوره رایگان باشه؟ اگر اینطور باشه شما بهترین سایت اموزشی رایگان هستید
سلام و درود
با تشکر از نظر ارزشمند شما ، خوشحالیم که دوره ها مورد توجه شما قرار گرفته
قیمتی که برای این دوره آموزشی قرار داده شده بسیار ناچیز تر از کیفیت و محتوای این دوره آموزشی هست
رایگان شدن دوره امکانپذیر نیست اما به زودی تخفیفی بر روی دوره ها اعمال خواهد شد که امیدوارم براتون مفید واقع بشه
موفق و پیروز باشید
سلام وقت تون بخیر، ضمن قدردانی و تشکر بابت آموزش های بی نظیر تون میخواستم درخواست کنم اگه ممکنه فونت های ایران سنس رو در جلسه 25 قرار بدین، پوشه فونت ها برای من خالیه، متشکرم
سلام و درود
با تشکر از نظر ارزشمند شما
فونت ایران سنس یک فونت لایسنس دار هست و ما برای پایمال نشدن حقوق دارنده فونت این فونت رو داخل پروژه ها قرار نمیدیم
برای دریافت میتونید به سایت دارنده فونت با نام فونت ایران مراجعه کنید
موفق و پیروز باشید
سلام آقای مصطفی زاده
خسته نباشید…بنده به برنامه نویسی علاقه مندم ومیخوام یاد بگیرم…از سایت شما قسمت html و دانلود کردم الان منی که میخوام از صفر یاد بگیرم بعد html باید کدوم زبان رو یاد بگیرم اگه میشه ترتیب برنامه های که کسی که میخواد برنامه نویسی وب یادبگیره رو بهم بگید تا خریداری کنم.
بابت آموزش روان html هم تشکر میکنم.
سلام و درود
با تشکر از نظر ارزشمند شما
یادگیری دوره ها و برنامه نویسی وب به ترتیب زیر قرار دارند :
آموزش HTML
آموزش CSS
آموزش ریسپانسیوسازی قالب با CSS
آموزش جاوا اسکریپت
آموزش جی کوئری
آموزش بوت استرپ
آموزش PHP
موفق و پیروز باشید
سلام من برای این که هدرسایت همواره در view port باقی بمونه به هدرپوزیشن fixed دادم
ولی الان وقتی میخوام به بعضی از المنت های سایت پوزیشن relative بدم اون المنت هنگام اسکرول کردن بجای این که بره زیر هدر میاد روی هدر قرار میگیره چجوری میتونم این مشکل رو حل کنم ؟
Z index هم استفاده کردم ولی تاثیری نداشت
سلام و درود
به هر دو المنت z-index بدید و تست کنید یعنی المنتی که میخواید زیر باشه رو مثلا منفی -999 بدید و المنتی که میخواید بالا باشه رو مثبت 9999 بدید
موفق و پیروز باشید
z_index رو برای هردوشون استفاده کردم ولی همچنان مشکل برطرف نشده و به محض این که به اون المنت پوزیشن میدم روی منو قرار میگیره
از طریق آیدی تلگرامی که در قسمت تماس با ما قرار داده شده با بنده در ارتباط باشید
ببخشید من الان html رو گذروندم اگه css ,javascript , php رو یاد بگیرم میتونم وارد بازار کار بشم
سلام و درود
بله دقیقا ، به خصوص شما توی دوره متخصص PHP یاد میگیرید که به صورت کامل صفحات وب خودتون رو داینامیک کنید تا در نهایت آماده دریافت پروژه و بازار کار بشید
موفق و پیروز باشید
با سلام
برای icon سایت https://fontawesome.io تغییر کرده است؟ نتوانستم icon مورد نظرم رو پیدا کنم؟؟؟
سلام و درود
چه مشکلی برای شما وجود داره؟ وارد منوی icon در سایت بشید و آیکون مورد نظر خودتون رو انتخاب کنید
موفق و پیروز باشید
https://fontawesome.io : کار نمیکنه https://fontawesome.com/ میاد که اونم با سایت قبلی فرق داره و ایکون نتونستم توش پیدا کنم؟!؟؟!؟!
بله سایت فونت آسام الان در این لینک هست : https://fontawesome.com و استفاده از فونت بسیار ساده هست فقط کافیه منوی Icons رو بزنید و از ستون کناری سمت چپ Free رو انتخاب کنید
با سلام
تو این دوره چرا در مورد Grid و flexbox صحبت نشد.
جا داره روی اون دو مورد هم مانور داده بشه.
با تشکر
سلام و درود
این موارد چون به صورت ماژول های مجزا هستن در دوره های مجزایی آموزش داده خواهند شد
دوره آموزش رایگان فلکس باکس رو از طریق لینک زیر مشاهده کنید
آموزش فلکس باکس
موفق و پیروز باشید
من دوره رایگان اچ تی ام ال رو دانلود کردم از تسلط وطرز بیان وکیفیت خیلی خوب اون خوشم اومد الانم سی اس اس رو خریدم.از اموزشهای خیلی خوبیه که تا حالاخرید کردم.ممنون از شما
سلام و دورد
با تشکر از نظر بسیار ارزشمند شما ، خوشحالیم که دوره ها مورد توجه شما قرار گرفتن
امیدواریم که بتونیم همواره رضایت شما عزیزان رو داشته باشیم
موفق و پیروز باشید
سلام وقت بخیر متاسفانه من این دوره آموزشی رو نمیتونم خریداری کنم چندین بار هم تلاش کردم بازم نشد ممکنه راهنمایی بفرمایید
سلام و درود
لطفا از طريق آی دی تلگرامی که در قسمت تماس با ما سایت قرار داده شده با بنده در ارتباط باشید
موفق و پیروز باشید
سلام خدمت شما میخواستم ببینم بعد این دوره دیگر نیازی به دوره دیگه نیست اخر من دوره زیاد دیدم دیگه خستم همه دوره ها نواقص داره
سلام و دورد
ببینید ما توی این دوره آموزشی از صفر تا 100 و از مقدماتی تا پیشرفته css رو مورد بررسی قرار میدیم و در نهایت برای اینکه یادگرفته های خودمون رو تکمیل تر کنیم پروژه های عملی رو با استفاده از css انجام میدیم
در نهایت برای اینکه بهتر بتونید تصمیم گیری کنید دیدگاه های دوره رو مشاهده کنید ،هنرجویان دوره در مورد آموزش نظر خودشون رو بیان کردند
موفق و پیروز باشید
سلام وقت بخیر
چطوری میشه تعدادی کلاس css که با این پترین وجود دارند
class-1
class-2
class-3
, ….
رو بدون این که در css دونه دونه اسمشون رو با , جدا کنم و کنار هم قرار بدم بتونم همه رو سلکت کنم؟
یه چیزی مثل
class-*
سلام و درود
خوب ببینید اگر شما بخواید به یکسری از المنت ها یکسری خاصیت های یکسان رو اعمال کنید چیزی که خیلی بدیهی هست باید به همشون یک کلاس مشترک بدید یعنی به جای class1 class2 باید مثلا از کلاس class برای المنت ها استفاده کنید و بعد در css دیگه نیازی نیست که برای استایل دهی از class1 , class2 استفاده کنید فقط class رو قرار میدید و در نهایت خاصیت ها رو اعمال کنید
موفق و پیروز باشید
این آموزش یکی از بهترین آموزش هایی بود که تا حالا تهیه کردم،فن بیان عالی،جوری که خیلی راحت میشه موضوع رو متوجه شد،تسلط کامل اقای مصطفی زاده رو مطالب که نشون دهنده ی تخصص بسیار بالای ایشون،کیفیت ویدیو ها، و صدا عالی،اینکه مطالب مهم رو روش تاکید میکنن و مثال های خیلی ساده و قابل فهمی که میزنن واقعا قابل تحسین،من واقعا هیچ انتقادی نمیتونم کنم چون همه چی عالیه،مچکرم از تیم آموزش تک بخصوص اقای مصطفی زاده…
سلام و دورد
از نظر بسیار ارزشمند شما سپاسگزاریم
خوشحالیم که دوره ها براتون مفید واقع شدن و تونستیم رضایت شما عزیزان رو جلب کنیم
موفق و پیروز باشید
سلام ، آقا کریم خیلی آموزشتون فوق العاده بود ، خودم آموزش خیلی دیدم ولی واقعا هیچ کدوم به خوبی و کاملی آموزش شما نبودن
واقعا تشکر ویژه میکنم و ممنون
سلام و درود
خوشحالیم که این دوره آموزشی مورد توجه شما دوست عزیز قرار گرفته
از نظر ارزشمندتون سپاسگزاریم
موفق و پیروز باشید
سلام وقت بخیر
مقدار auto در هر peroperty یک مفهومی داره ؟
مثلا اگر ب margin
auto
بدیم میاد وسط
اگر به background-size بدیم چی ؟
در کل auto در css به چه معنایی هست ؟
سپاس
سلام و درود
مقدار auto یا اتوماتیک در بیشتر موارد مثل background size همون مقدار پیش فرض رو در نظر میگیره یعنی ابعاد در حالت خودشون باقی میمونن اما خوب در بعضی پروپرتی ها هم متفاوت هست مثل margin که از طرفین مساوات رو در نظر میگیره
در کل مبحث خیلی مهمی نیست که درگیرش بشین، کافیه در هر پروپرتی مقدار auto رو بزارید تا تفاوت حاصله رو مشاهده کنید
موفق و پیروز باشید
سلام وقت بخیر
وقتی تعدادی div رو display:inline-block میکنم که کنار هم بیایند ( برای نمایش پست های وبسایت ) ، وقتی محتوا داخل هر کدوم که شامل متن هست کم و زیاد میشه به جای اینکه ارتفاع از پایین کاهش یا افزایش پیدا کنه div ها از بالا تکون میخورن که به نظر درست نمیان . . .
ممنون میشم راهنمایی کنید که چرا اینطوری میشه و چطور حلش کنم.
سلام و درود
از طریق قسمت تماس با ما با آی دی تلگرام بنده در ارتباط باشید
موفق و پیروز باشید
سلام آقای مصطفی زاده خسته نباشید.
چطور میشه یک وبسایت رو داینامیک کرد که بدون تغییر کد بهش متن و فایل اضافه کنیم؟
سلام و درود
برای اینکه یک سایت داینامیک داشته باشیم ما به یک سیستم مدیریت محتوا نیاز داریم که این سیستم مدیریت محتوا یا باید توسط خودمان طراحی بشه که نیاز داره به زبان های سمت سرور مثل php یا asp مسلط بود و معمولا زمان زیادی هم باید صرف بشه تا یک سیستم مدیریت محتوای اختصاصی کدنویسی بشه اما راه حل دیگه ای که وجود داره اینه که از سیستم های مدیریت محتوای آماده استفاده کنیم که معروف ترین این سیستم ها وردپرس هست که روش کار هم به این صورته که ما قالب خودمون رو طراحی میکنیم و در نهایت قالب رو برای وردپرس سازگار میکنیم به طوری که بتونیم با استفاده از وردپرس محتوای خودمون رو کنترل بکنیم.
برای راه حل دومی بزودی دوره ای رو در نظر خواهیم گرفت.
موفق و پیروز باشید
با سلام
من بخش css رو نگاه کردم و درقسمت فیلتر سوال دارم، اگر در طراحی زمانی که بر روی دکمه ثبت‌نام کاربر کلیک کنه، میخوام پس‌زمینه blur شه، باید چیکار کنم؟
ممنون از آموزش خوبتون
سلام و درود
خوب ببینید کاری که شما میخواید انجام بدید مربوط میشه به کنترل رفتار صفحه وب خودتون که برای اینکار هم ما نیاز به زبان جاوا اسکریپت یا فریم ورک jQuery داریم تا در این زبان ها به سند خودمون دستور بدیم که اگر کاربر بر روی دکمه ثبت نام کلیک کرد بیا و پس زمینه صفحه رو blur کن
پیشنهاد میکنم بعد از دوره CSS حتما دوره های جاوا اسکریپت و jQuery رو در سایت مشاهده کنید
با تشکر از نظر ارزشمندتون
موفق و پیروز باشید
سلام فایل های پروژه ها را برای دانلود قرار نمیدید ؟
سلام و درود
درس 1.3 رو مشاهده کنید زیر لینک دانلود قرار داده شده
موفق و پیروز باشید
سلام خسته نباشید،
چطور میشه ارتفاع یک المنت رو بر اساس view port تعریف کرد؟ می خوام ارتفاع به اندازه 100% view port بشه
سلام و درود
برای اینکار کافیه به جای % از vh استفاده کنید
موفق و پیروز باشید
سلام خسته نباشید.
من یک مشکلی برام پیش اومده؛ وقتی به یک المنت فرزند margintop میدم والد جابجا میشه به جای خود المنت.
ممنون میشم راهنمایی کنید.
سلام و درود
در حالت عادی زمانی که فاصله ای بین المنت فرزند و المنت والد یا نگهدارنده وجود نداشته باشد یا به عبارتی این دو المنت به هم چسبیده باشند با درنظر گرفتن margin-top برای المنت فرزند ، المنت والد یا نگهدارنده نیز margin-top خواهد گرفت و به سمت پایین کشیده میشود
راه حل ساده ای که برای رفع این مشکل وجود دارد اینه که یک فاصله ای بین المنت فرزند و المنت والد ایجاد کنید و بعد از margin-top استفاده کنید ، برای مثال اگر بخواهید به المنت فرزند یک margin-top:20px بدید میتونید به المنت والد یک padding-top:1px اختصاص داده و به المنت فرزند هم یک margin-top-19px بدید یا اینکه اصلا کلا میتونید برای پایین آمدن المنت فرزند از padding-top:20px استفاده کنید
موفق و پیروز باشید
وقتی برای چند تا div ویژگی display: inline-block رو تعریف میکنم در اینصورت با margin: 0 auto به وسط در حالت افقی منتقل نمیشن، میخواستم راجع بهش توضیح بدید.
سلام و درود
ببینید وقتی شما یک المنت بلاک لول دارید این المنت میاد کل فضای افقی رو اشغال میکنه و با ویژگی margin:auto به وسط همون فضای اشغال شده انتقال پیدا میکنه اما وقتی یک المنت رو inline میکنید یعنی اینکه به جز عرض و ارتفاع خودش فضای دیگه ای رو اشغال نمیکنه بنابراین فضایی هم وجود نداره تا به وسط انتقال پیدا کنه برای اینکه شما یک المنت inline رو به وسط صفحه منتقل کنید باید اون رو داخل یک المنت والد قرار بدید و برای المنت والد از ویژگی text-align:center استفاده کنید
موفق و پیروز باشید
ممنون، مثل همیشه توضیحاتتون عالی بود.
سلام ، سال نو مبارک
دوره آموزشی css3,html5 رو تموم کردم میخواستم بدونم با چیزهایی که یاد گرفتم، چطور میتونم قالب WordPress بسازم؟
سلام و درود
سال نو شما هم مبارک ، امیدواریم که سال خوبی داشته باشید
ببینید شما در حال حاضر با تسلط بر html و css میتونید هر نوع قالب با هر نوع ظاهری رو طراحی کنید اما تبدیل اون قالب به وردپرس نیازمند دانستن یکسری از توابع وردپرس هست که متاسفانه فعلا دوره طراحی قالب وردپرس در آموزش تک تولید نشده اما مطمئنا این دوره هم در دستور کار قرار خواهد گرفت
موفق و پیروز باشید
پس در اینصورت، من میتونم قالب هر نوع CMS رو تولید کنم، فقط باید توابع مربوط به اون رو بدونم درسته؟
بله دقیقا
سلام چرا بعضی از ویدیو ها جهت دانلود باز نمیشه کش رو هم پاک کردم
سلام و درود
مشکل از طریق راه ارتباطی تلگرام خدمت شما برطرف گردید
موفق و پیروز باشید
سلام، در رابطه با جلسه 15 ام که درباره position صحبت کردید، من برای top menu که در داخل تگ header دارم position:sticky دادم ولی فقط تا انتها header، منو پایین میاد، ممنون میشم در رابطه اش توضیح بدید.
سلام و درود
بله اگر شما از position:sticky برای یک المنت استفاده کنید که داخل یک المنت دیگه قرار داره فقط تا انتهای همان المنت والد به صورت fix باقی خواهد ماند چون همانطور که در آموزش هم گفته شد ترکیبی از Relative و fixed هستش و Relative هم از جریان خارج نمیشه
برای اینکه بتونید با پوزیشن sticky یک المنت رو تا انتهای سند HTML فیکس نگه دارید یا باید منو رو از المنت والد خارج کنید و به تنهایی بهش پوزیشن sticky رو اختصاص بدید یا اینکه از جاوا اسکریپت استفاده کنید و با رویداد scroll به HTML بگید که از یه جایی به بعد پوزیشن این المنت یا منو رو به fixed تغییر بده
موفق و پیروز باشید
سلام، وقتی از nth-child استفاده میکنم شماره المنتی که وارد می کنم درست تشخیص نمیده، از این اتفاق یک ویدیو رکورد کردم و لینکش رو اینجا گذاشتم
من به صورت کد فرستاده بودم ولی هیچ کدوم نیومد.
سلام و درود
مشکلی که شما بهش اشاره فرمودید به احتمال زیاد از افزونه live preview نرم افزار Brackets هستش
شما نتیجه کار رو بدون استفاده از این افزونه هم بررسی کنید یعنی فایل پروژه تون رو مستقیما اجرا کنید و با هربار تغییر کد، صفحه رو رفرش کنید و ببینید که آیا باز هم این مشکل رو خواهید داشت
یا اینکه با استفاده از یک ادیتور دیگه پروژه تون رو چک کنید مثل ادیتور Visual Studio Code
موفق و پیروز باشید
با سلام و خسته نباشد فراوان.
من موفق شدم آموزش css و css3 بخرم و قسمتاشو دانلود کردم ولی متاسفانه قسمت دوم،چهارم و پنجم پروژه طراحی قالب لینکش خرابه .اگه میشه برسی کنید.
خیلی ممنون.
سلام و درود
لینک های مورد نظر بررسی شدند اما مشکلی برای دانلود مشاهده نمیشه
لطفا کش مرورگرتون رو پاک کنید و دوباره امتحان بفرمایید
در صورتی که دوباره به مشکل برخوردید از طریق آی دی تلگرامی که در قسمت تماس با ما قرار داده شده مشکل خودتون رو به ما ارجاع بدید
موفق و پیروز باشید
با سلام و عرض خسته نباشید
من تموم قسمت های CSS و CCS3 را تونستم دانلود کنم ولی قسمت 1.34 را هر کاری میکنم میگه باید وارد بشید در صورتی که من داخل اکانت خودم هستم . خواهشا بررسی کنید تا از این قسمت هم استفاده کنیم .
خیلی ممنون از زحمات شما
سلام و درود
لطفا از طریق آیدی تلگرامی که در قسمت تماس با ما قرار داده شده مشکل و ایمیل خودتون رو ارسال بفرمایید تا پیگیری کنیم
موفق و پیروز باشید
درود بر شما
ممنون که پیگیری کردید مشکل حل شد.
سلام من هم این درس رو خریدم اما ارور میده برای صفحه دانلود و میگه دوباره login کنید لطفا بررسی کنید ممنون
سلام و درود
لطفا از قسمت تماس با ما مشکل مربوطه رو به ما ارجاع بدید تا در اسرع وقت رسیدگی بشه
موفق و پیروز باشید
سلام مشکل لینکها حل شد ولی با اینکه من وارد حساب کاربری شدم ولی از درس 30 به بعد و یه جند تا قبلش بازم اجازه نمیده و این رو میگه
This content is protected, please login and enroll course to view this content!
شرمنده رسیدگی بکنید ممنون میشم
سلام و درود
لطفا از طریق قسمت تماس با ما ، مشکل خودتون رو به ما ارجاع بدید تا در اسرع وقت رسیدگی شود
موفق و پیروز باشید
سلام خسته نباشید
من این دوره رو خریدم ولی لینک دانلود بهم نداده و روی لینک دانلود میزنم not foundمیزنه لینکش هنوز قفله انگار
سلام و درود
مشکل مورد نظر برطرف شده ، لطفا کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
موفق و پیروز باشید
سلام ظاهرا سایت با مشکل مواجه شده در هنگام ورود من اطلاعاتمو صحیح میزنم و حتی میگه ورود با موفقیت ولی وقتی میام تو صحفه سی اس اس وارد سایت نمیشه و خروج میشه و من نمیتونم به درس ها دسترسی داشته باشم
سلام و درود
از طرف ما مشکلی برای ورود به سایت وجود ندارد
لطفا شما کش مرورگرتون رو خالی کنید و دوباره امتحان کنید
موفق و پیروز باشید
عاشقتم ینی آموزشا حرف نداره من که کلی جذب شدم :))
سلام و درود
ماهم عاشق شما عزیزان هستیم 🙂 ، خوشحالیم که دوره ها مورد توجه شما همراه عزیز ما قرار گرفته
با تشکر از نظر ارزشمند شما
موفق و پیروز باشید
استاد کد هایی که استفاده کردید رو کجا دانلود کنم ؟
تو بخش پیش نمایش هم نبود تو هر قسمت هم گشتم نبود
سلام و درود
سورس کدها داخل صفحه درس “شروع کار با Selector ها در CSS” قرار گرفته که میتونید دانلود کنید
موفق و پیروز باشید
یک سوال. اگر بخایم در قیمت title یک سایت به جر عنوان سایت در کنارش یک شکلک قرار بدیم( مثل سایت شما که شکلکش یک کلاه فارغ التحصیلی هست ) چجوری میتونیم؟
سلام و درود
درس 14 از آموزش کامل HTML و HTML5 رو ببینید
موفق و پیروز باشید
سلام. یکی دو تا از فیلم ها مشکل داره.
مثلا فیلم 35 از وسط فیلم به بعد قطع میشه صفحه سیاه میشه
میشه چک کنید ک مشکل داره یا فقط برای من اینطوریه؟!
دو بار هم دانلود کردم با دانلود منجر
سلام و درود
با تشکر از اطلاع رسانی شما
مشکل برطرف شد ، حتما کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
اگر ویدیوی دیگری هم همچین مشکلی داره اطلاع بدید تا رفع بشه
موفق و پیروز باشید
با تشکر. فکر کنم ویدیو 23 هم مشکل داره چند دقیقه اخرش
برطرف شد
استاد من در دانلود قسمت “شروع استایل دهی متون در CSS” مشکل دارم دانلود نمیشه
مشکل حل شد ممنون
خواهش میکنم
موفق و پیروز باشید
سلام و خسته نباشید. من علاقه زیادی به طراحی وب دارم. و چند روزی هست که دارم از دوره رایگان html شما استفاده میکنم و ازتون ممنون هستم راضی ام. ی سوال دارم. اگر من این اموزش css رو تهیه کنم میتونم همراه با اون اموزش html ک رایگان قرار داد سایت های خوب و جذاب طراحی کنم؟ ینی اینکه این دو تا کافیه برا این کار؟ ممنون میشم پاسخ بدید به ایمیلم
سلام و درود
در ابتدا اینکه خوشحالیم که دوره ها مورد توجه تون قرار گرفته و از نظر ارزشمند شما سپاسگذاریم
برای طراحی رابط کاربری در حد اینکه فقط یک صفحه ثابت یا به اصطلاح استاتیک رو ایجاد کنید بله HTML و CSS کافی هست اما اگر بخواید حرفه ای تر کار کنید و صفحه داینامیکی داشته باشید باید وارد مباحثی مثل جاوا اسکریپت ، جی کوئری و یا بوت استرپ بشید
موفق و پیروز باشید
سلام
من دوره رو خریدم یه مشکلی برام پیش امده
اول میتونستم دوره ها را مشاهده کنم ولی الان
نمیتونم میگه قفل هست لطفا رسیدگی بشه
با تشکر
سلام و درود
مشکل شما برطرف و رمز جدید برای ورود به سایت به ایمیل شما ارسال شد
موفق و پیروز باشید
سلام
حیف که با ویژوال استدیو آموزش ندادی وگرنه ثبت نام میکردم
سلام و درود
دوست من در ابتدا اینکه نرم افزار Brackets یکی از بهترین نرم افزارهای کدنویسی هستش که تقریبا هر کاری رو بدون نیاز به هیچ پلاگینی انجام میده
درثانی ما به شما پیشنهاد میکنیم که محتوای دوره رو بررسی کنید و براساس محتوای دوره در مورد ثبت نام، تصمیم گیری کنید چون کدهایی که در نرم افزار Brackets یا هر نرم افزار دیگه ای نوشته میشه فرقی با کد نوشته شده در ویژوال استدیو ندارد و مهم محتوا و کیفیت دوره هستش
موفق و پیروز باشید
با سلام و احترام خدمت برادر بزرگوارم جناب آقای مصطفی زاده چند سوال برام پیش اومده که اگر اجازه بفرمائید مطرح کنم:
1- در مورد سودو کلاسها بنظرم اومد focus within رو اشاره نفرمودید .اگر ممکنه خیلی مختصر توضیح بدین.
2-اونجوریکه شما فرمودین hover or active or focus برای زمانی هستند که روی دیو ( یا دکمه یا ال آی یا هرچیزی ) موس هاور میشه و یا روش کلیک رو پایین نگه میداریم ، میخواستم بدونم سلکتوری هست برای زمانیکه روی یک دکمه کلیک کنیم و رها کنیم ؟ مثلا منوی سایت که کلیک کنیم بعد زیرمنوها باز بشن .
3- آموزش جاوا اسکریپت رو هم تهیه کردم و بیصبرانه منتظر قسمتهای بعدی اون و همچنین آموزش php شما هستم.
4- یه انتقاد اینکه قرار بود جمعه دهم فروردین قرعه کشی بشه برای 80 درصد تخفیف که نشد.
5-جا داره از صوت مطلوب آموزشها تشکر کنم واقعا عالیه، ممنون.
*// //*
سوال شخصی: برای همکاری با سایت شما در زمینه فتوشاپ و افتر افکت و ایلستریتور میخواستم آموزش بسازم اما نمیدونم برای رکورد صدا از چه میکروفون یا هدستی استفاده کنم خواهش میکنم راهنمایی بفرمایید . ایمیل من mahdifd5@gmail.com
سلام و درود
پاسخ سوال ها به ترتیب :
1- سودو کلاس موردنظر شما تا به الان کمتر مورد استفاده قرار گرفته و تقریبا سودو کلاس جدیدی است به طوری که در مراجع بزرگی مانند w3schools هم اشاره ای به آن نشده اما بنده اینجا توضیحاتی رو برای شما ارائه میدم:
این سودو کلاس زمانی فعال میشود که یکی از عنصر های فرزند یک المنت، سودو کلاس focus را دریافت کند یعنی برای مثال ، ما اگر بخواهیم این طوری بگیم که : اگر Input داخل Form سودو کلاس focus رو دریافت کرد بیا و Background فرم یا همون المنت والد رو به رنگ قرمز تغییر بده که در این صورت باید استایل خودمون رو به شکل زیر بنویسیم :
form:focus-within{background:red;
}
2- این مورد رو ما در جاوا اسکریپت با کمک رویداد ها انجام میدیم.
3- با تشکر از اعتماد و همراهی شما دوست گرامی ما ، به زودی قسمت های بعدی جاوا اسکریپت هم اضافه خواهند شد ، در آینده حتما دوره PHP هم ضبط خواهد شد.
4- بخاطر اینکه دوستان تا آخر روز دهم فروردین مهلت داشته باشند تا در مسابقه شرکت کنند ما قرعه کشی رو یک روز بعد انجام دادیم و کدهای تخفیف هم به دوستان ارائه شد
5- خواهش میکنم ، اساس کار ما کیفیت و جلب رضایت شما عزیزان هستش
برای ساخت آموزش مهم نیست که از چه نوع میکروفونی استفاده کنید مهم این است که صدا با کیفیت و رسا باشد ، حداقل در حد ویدیوهای خود آموزش تک
در صورت تمایل به تدریس در آموزش تک ما از شما استقبال میکنیم و شما میتونید از قسمت همکاری با ما درخواست خودتون رو ارسال کنید تا راهنمایی های لازم خدمت شما ارائه شود
موفق و پیروز باشید
سلام اقا کریم مرسی از تخفیفی که گذاشتی و اموزش های خوبت .من تا حدود زیادی با این زبان آشنایی دارم اما خب از اموزش شما هم نمیشه گذشت .ما خوشحال میشیم بتونیم حمایت کنیم 🙂 .به امید اموزش های حرفه ای تر
سلام و درود
از نظر و لطف شما بسیار سپاسگذارم و خوشحالیم که دوره های آموزشی مورد استقبال شما واقع شده…
در کنار دوستانی چون شما بودن باعث افتخار و قوت قلب ماست و ما تمام سعی خودمان را خواهیم کرد تا آموزش هایی را تولید کنیم که لایق و درخور شما عزیزان باشد
با آرزوی سربلندی و موفقیت برای شما
سلام
این دوره واقعا عالیه و به صورت جامع به موضوعات پرداخته شده
خیلی ممنونم از دوره های آموزشی تک تون
سلام و درود
از نظر ارزشمند شما سپاسگذاریم
خوشحالیم که این دوره آموزشی مورد استقبال شما واقع شده
موفق و پیروز باشید
با سلام . ممنون از آموزشهای خوبتون
من این کورس رو خریدم و لینک دانلود قسمت 31 که ترنسفورم سه بعدی نام داره خراب بود و نتونستم دان کنم
لطف کنین راهنمایی کنین ممنون
راستی شما آموزش کاربردی JQuery هم میذارید؟
با تشکر
سلام و درود
از نظر بسیار ارزشمند شما سپاس گذاریم…
مشکل لینک برطرف شد.
در حال حاضر دوره آموزش کامل جاوااسکریپت رو ضبط میکنیم که بعد از این دوره آموزش کامل jquery رو هم خواهیم داشت.
موفق و پیروز باشید
با عرض سلام و خسته نباشید و تشکر بخاطر پاسخگویی و رفع مشکل لینک
منتظر آموزش های عالیتون هستم.
موفق باشید
یا علی.
سلام و درود
ما در خدمتیم
بزودی آموزش های بعدی در سایت منتشر خواهند شد ، از صبر و شکیبایی شما سپاسگذاریم
موفق و پیروز باشید
استاد انگار تو اپلود قسمت ها مشکل پیش اومده مثلا قسمت چهاردم تو عنوان قسمت سیزدهم هست قسمت پانزدهم قسمت 14 هم هستم یه تست کنید
سلام و درود
دلیل اینکه عنوان شمارشی دروس یک رقم بالاتر هست بخاطر قسمت پیشنمایشی هست که در ابتدای فهرست مطالب قرار داده شده
قسمت بیستم و بیست و یکم هم آپدیت هایی هستند که به این دوره آموزشی اضافه شده است
فهرست مطالب کاملا صحیح و طبق مرجع کاملی قرار داده شده است و شما هم بر اساس همین فهرست آموزش هارو پیش ببرید
موفق و پیروز باشید
دوستان من دوره رو خریداری کردم اگر میخواین واقعا طراحی وب یاد بگیرید اول دوره html بهبینید بعد بیایین همین دوره رو خریداری کنید این دوره فوق العادس ممنون از استاد به خاطر لطفشون 🙂
استاد خیلی ممنون بابت اموزشتون 🙂
سلام و درود
خواهش میکنم ، ممنون از نظر ارزشمند شما
موفق و پیروز باشید