درسمن - بزرگترین ارائه دهنده دوره های آموزش برنامه نویسی و مهندسی

صفحه اصلی دوره‌های آموزشی / HTML-CSS / جامع ترین و متفاوت ترین دوره آموزش html و css

جامع ترین و متفاوت ترین دوره آموزش html و css

مشخصات دوره

مدرس دوره : مهدی عباسی

تعداد جلسات 27 جلسه

مدت زمان 900 دقیقه

حجم دوره 3/55 گیگابایت

سطح مهارت مقدماتی تا پیشرفته

وضعیت دوره پایان یافته

: میانگین امتیاز دوره

180 هزار تومان

برای دسترسی به این دوره وارد یا عضو شوید.

مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.

دانلود رزومه

امروزه وب به یک محیط بزرگ اشتراک گذاری اطلاعات در سراسر دنیا تبدیل شده است. شما می توانید در این محیط ایده ها و نظرات خود را در اختیار تمام جهان قرار دهید، با دیگران ارتباط برقرار کنید و ......

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

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

یک جادوی بزرگ با کنار هم قرار گرفتن html و css:

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

سایت درسمن یک پیشنهاد عالی برای شما دارد:

شرکت در دوره آموزش html و css.

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

پس اگر می خواهید پا به پای ما ، طراحی وب را یاد بگیرید و گام به گام جلو بروید، یکی از گام های پایه، شرکت در این دوره است.

ما در این دوره به معنی واقعی سعی کردیم تا تمامی نکاتی را که در حیطه آموزش html و css به آن احتیاج دارید را برایتان جمع آوری کنیم و با گذراندن این دوره ی آموزشی خودتان را برای دوره های حرفه ای تر آماده کنید.

راستی مطلب دیگری که باید در مورد این دوره از آموزش بدانید این است که ما با آخرین تکنولوژی html و css یعنی آموزش 5html و 3css شگفت آور در خدمت شما هستیم.

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

مقدمه ای بر طراحی وب با HTML و CSS

آشنایی با انواع سایت های ایستا و پویا
آشنایی با برنامه نویسی BackEnd و FrontEnd
انواع زبان‌های برنامه نویسی سمت سرور و سمت کلاینت
معرفی HTML و CSS و کاربرد آنها در طراحی وب
معرفی ابزارهای مورد نیاز برای یادگیری HTML و CSS

مفاهیم پایه در HTML

آماده سازی محیط کار برای طراحی وب با HTML و CSS
انواع عناصر (Elements) در زبان HTML
صفتهای (Attributes) هر عنصر(Tag) در زبان HTML
ساختار کلی یک صفحه در HTML و معرفی دستورالعمل !DOCTYPE html

عناصر (تگهای) پایه و پر کاربرد HTML

تگ < html >
تگ < head >
تگ < body >
تگ < title >
تگ < heading >
تگ < p >
تگ < pre >
تگ < br >
تگ < hr >
تگ < span >
تگ < a > و آشنایی با صفت های href , target , rel

عناصر متنی (قالب بندی، نقل قول و استناد در متن)

عناصر کار با تصاویر، ویدئو و صوت

تگ < img > و آشنایی با صفت های src , alt , width–height , title
تگ < figure >
تگ < figcaption >
تگ < picture >
تگ < source > و صفت های srcset , type , media
تگ < video > و آشنایی با صفت های width , height , poster , controls
تگ < audio > و آشنایی با صفت controls

عناصر کار با لیستها و جدول

عناصر فرم

تگ < form > و صفت های action , method , enctype
تگ < fieldset >
تگ < legend >
تگ < input > و صفت های type , name , value , placeholder , maxlength , min , max
تگ < input > و دیگر صفت های size , readonly , disabled , title , checked , required , tabindex
تگ < input > و دیگر صفت های src , multiple , step , autocomplete , list
تگ < label > و صفت for
تگ < select > و < option > و صفت های value و selected
تگ < datalist > و تگ < option > و صفت id
تگ < textarea > و صفت های rows و cols
تگ < button > و type و صفت های button و reset و submit
آشنایی با انواع اینپوت (input) نوع text
آشنایی با اینپوت (input) نوع number
آشنایی با اینپوت (input) نوع password
آشنایی با اینپوت (input) نوع email
آشنایی با اینپوت (input) نوع date
آشنایی با اینپوت (input) نوع time
آشنایی با اینپوت (input) نوع submit
آشنایی با اینپوت (input) نوع reset
آشنایی با اینپوت (input) نوع hidden
آشنایی با اینپوت (input) نوع checkbox
آشنایی با اینپوت (input) نوع radio
آشنایی با اینپوت (input) نوع range
آشنایی با اینپوت (input) نوع color
آشنایی با اینپوت (input) نوع file

دیگر تگهای جدید در HTML5

تگ < details > و < summary >
تگ < meter > و صفت های min و max و value و low و high و optimum
تگ < progress > و صفت های max و value
نحوه استفاده از تگ < svg > به همراه تگ های < circle > و < rect > و < polygon > و < ellipse >
راهنمای استفاده از تگ < header >
راهنمای استفاده از تگ < main >
راهنمای استفاده از تگ < nav >
راهنمای استفاده از تگ < aside >
راهنمای استفاده از تگ < article >
راهنمای استفاده از تگ < footer >
آموزش استفاده از تگ < meta > و صفت name با مقادیر description و keyword و author و viewport و robots
آموزش استفاده از تگ < meta > و صفت content با مقادیر for description و for keyword و for author و for viewport و for robots
تگ < link >
تگ < style >
تگ < script >

مفاهیم پایه در CSS (Cascading Style Sheets)

انواع CSS ها از نظر قرار گرفتن دستورات
CSS خطی
CSS داخلی
CSS خارجی

انواع انتخابگرها (Selectors) در CSS

انتخابگرهای ساده (Simple selectors)
انتخابگرهای ترکیبی(Combinator selectors)
انتخابگرهایی برای عناصر با وضعیت خاص(Pseudo class selectors)
انتخابگرهایی برای بخشی از عناصر(Pseudo elements selectors)
انتخابگرهایی برای عناصری با مقادیر ویژه(Attribute selectors)

انتخابگرهای ساده (Simple selectors) در CSS

انتخابگر ستاره ( * )
انتخابگر element
انتخابگر ( id )
انتخابگر ( class )

انتخابگرهای ترکیبی(Combinator selectors) در CSS

descendant selector (space)
child selector (>)
adjacent sibling selector (+)
general sibling selector (~)

انتخابگرهایی برای عناصر با وضعیت خاص(Pseudo class selectors) در CSS

انتخابگرهایی برای بخشی از عناصر(Pseudo elements selectors) در CSS

انتخابگرهایی برای عناصری با مقادیر ویژه(Attribute selectors) در CSS

صفتها(Propeties) و مقادیر(Values) در CSS

صفت width
صفت height
صفت min-width و صفت max-width
صفت min-height و صفت max-height
صفت padding
صفت padding-left و padding-right و padding-top و padding-bottom
صفت margin
صفت margin -left و margin-right و margin-top و margin-bottom
صفت border
صفت های border-width و border-style و border-color و border-radius
صفت Color
صفت های Color Name و Color Hex Code و Color rgb()
صفت Color rgba()
صفت background
صفت background-color
صفت background-image
صفت background-size
صفت background-repeat
صفت background-position
صفت background-attachment
صفت text-align
صفت text-decoration
صفت text-transform
صفت text-indent
صفت letter-spacing
صفت word-spacing
صفت line-height
صفت vertical-align
صفت text-shadow
صفت font-face@
صفت font-family
صفت font-size
صفت font-weight
صفت font-style
صفت پرکاربرد display
صفت پرکاربرد و مهم position
نحوه استفاده از صفت خاص و فوق العاده و مهم flexbox
صفت list-style-type
صفت list-style-image
صفت list-style-position
صفت table
صفت overflow
صفت های overflow-x و overflow-y
صفت box-model
صفت box-sizing
نحوه استفاده از icon با صفت icon
خلق گرادیانت زیبا توسط صفت gradients
ایجاد سایه های زیبا و کاربردی توسط صفت shadow
صفت text-overflow
صفت word-wrap
صفت writing-mode
صفت transitions
صفت transform
کار با animation
صفت Opacity
Css Units شامل : cm و mm و px و em و ...
media query@

جامع ترین و متفاوت ترین دوره آموزش html و css

جلسه 1

آشنایی با طراحی وب، ساختار کلی صفحه و محیطهای برنامه نویسی

59 دقیقه / 10,000 تومان

جلسه 2

آشنایی با تگ های پایه و پرکاربرد و html entities

29 دقیقه / 10,000 تومان

جلسه 3

شروع کد نویسی با visual studio code و پیوند بین صفحات

46 دقیقه / رایگان

جلسه 4

آشنایی کامل و جامع با فرمت بندی متن(text formatting)

31 دقیقه / 20,000 تومان

جلسه 5

آموزش کار با تصاویر در htmlو آشنایی اولیه با دستورات css

21 دقیقه / 5,000 تومان

جلسه 6

کاربرد حرفه ای عناصر چند رسانه ای (بخش اول- تصاویر)

39 دقیقه / 10,000 تومان

جلسه 7

کاربرد حرفه ای عناصر چند رسانه ای (بخش دوم- صوت و ویدیو)

24 دقیقه / 10,000 تومان

جلسه 8

کار با عناصر لیستی به صورت کاملا کاربردی در زبان Html

19 دقیقه / 10,000 تومان

جلسه 9

صفر تا صد کار با جداول در html و یادگیری ساخت جداول تو در تو

31 دقیقه / رایگان

جلسه 10

تشریح کامل عناصر فرمی به صورت کاملا حرفه ای

119 دقیقه / 25,000 تومان

جلسه 11

معرفی دیگر تگ های جدید در html5

45 دقیقه / 5,000 تومان

جلسه 12

معرفی کامل متا تگها و نحوه استفاده کردن از favicon در html

23 دقیقه / 5,000 تومان

جلسه 13

مفاهیم پایه در css،معرفی BEM و کار با صفتها و سلکتورها

82 دقیقه / 10,000 تومان

جلسه 14

آشنایی کامل و حرفه ای برای کار با رنگها در طراحی وب

11 دقیقه / رایگان

جلسه 15

معرفی حرفه ای انتخابگر های ترکیبی و عناصر با وضعیت خاص(بخش اول)

35 دقیقه / 10,000 تومان

جلسه 16

آشنایی جامع و کاربردی با صفت های کار روی متون و فونت ها

40 دقیقه / رایگان

جلسه 17

انتخابگرهای عناصر با وضعیت خاص یا pseudo class selector (بخش دوم)

20 دقیقه / 10,000 تومان

جلسه 18

آشنایی با صفت های پرکاربرد Display و Position در css

20 دقیقه / 5,000 تومان

جلسه 19

مفاهیم اولیه کار با FlexBox در css

37 دقیقه / 10,000 تومان

جلسه 20

انتخابگرهایی برای بخشی ازعناصر و برای عناصر با مقادیر ویژه

21 دقیقه / 10,000 تومان

جلسه 21

کار با لیست ها و جدول به صورت کامل و حرفه ای در css

16 دقیقه / 15,000 تومان

جلسه 22

چند صفت مهم نظیر: overflow، box model، icon ، gradient و غیره در css

52 دقیقه / 10,000 تومان

جلسه 23

کار با صفتهای جذاب Transitions، Transform و Animation در css

35 دقیقه / 15,000 تومان

جلسه 24

صفت opacity و بررسی جامع واحدهای اندازه گیری در CSS

14 دقیقه / رایگان

جلسه 25

آموزش کامل ساخت صفحات واکنش گرا (ریسپانسیو) به کمک media query در css

17 دقیقه / 10,000 تومان

جلسه 26

مفاهیم تکمیلی کار با FlexBox در css

21 دقیقه / 10,000 تومان

جلسه 27

تمرین های کاربردی html css

0 دقیقه / رایگان

نظرات

مهشید محمدی87

عااااااااااااالی بود دورتون

برای پاسخ باید وارد شوید

مدیر سایت

ممنونم خوشحالیم که دوست داشتید دوره مارو، موفق باشید

زهره

سلام دوستان برای یادگیری این دوره پیش نیازی هم لازمه یا برای شروع همین کافیه؟

برای پاسخ باید وارد شوید

مدیر سایت

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

یاشار

سلام وقت همگی بخیر من الان این دوره رو دیدم و تموم شد به معنای واقعی یدونه اید بخصوص که دوره ی رایگان طراحی قالب سایت رو هم منتشر کردید

برای پاسخ باید وارد شوید

مدیر سایت

سلام خیلی خوشحالیم از این باز خورد خوبتون، امیدوارم موفق باشید

بهاره

سلام به همه ی درسمنی ها خواستم ببینم بازم روی دورتون تخفیف میزارید؟ من میخوام تهیه کنم ولی اگه تخفیف بدین عالی میشه

برای پاسخ باید وارد شوید

مدیر سایت

سلام خدمت شما، بله انشاالله بازم تخفیف براتون قرار می دهیم.

زهرا بانو

من این دوررو خریداری کردم و دارم با تمام انرژی یادش می گیرم وعالیه واقعا

برای پاسخ باید وارد شوید

مدیر سایت

ممنونم از اینکه از دوره ی ما رضایت داشتید، مطمئن باشید برای تهیه این دوره کلی تلاش کردیم تا بهترین کیفیت از نظر تدریس و بار علمی را داشته باشد.

محمد رضا

داداش به فکر ما پایتونی ها هم باشید و پیشرفتشو منتشر کنید لطفا

برای پاسخ باید وارد شوید

مدیر سایت

سلام سلام، باشه چشم حتما

نازنین

دوره جاوا اسکریپتتون رو کی منتشر میکنید من منتظرم

برای پاسخ باید وارد شوید

مدیر سایت

سلام، دوره مقدماتی تا متوسطو می تونید رایگان دانلود کنید.

رها995

میتونم بگم بهترین دوره ای که تا به الان دیدم واقعا عالی تدریس شده

برای پاسخ باید وارد شوید

مدیر سایت

ممنونم از نگاه مثبت و خوبتون، جای خوش حالی داره که راضی بودید و جز بهترین آموزشی بوده که مشاهده کردید.

maryam71

سایتتون و آموزشتون و پیجتون عالیهههه ممنون برای همه چی

برای پاسخ باید وارد شوید

مدیر سایت

سلام خدمت شما، کاربر گرامی درسمن، ما همه در تلاش هستیم که رضایت کامل شما را بدست بیاوریم و اینکه شما از ما راضی باشید و موفق باشید ما به هدفمون که پیشرفت شما باشه رسیدیم.

نگین

ممنون از دوره بسیار خوبتون

برای پاسخ باید وارد شوید

نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

مهدی عباسی

درباره مدرس :

دانلود رزومه

دوره های پیشنهادی

جامع ترین و متفاوت ترین دوره آموزش html و css

مدرس : مهدی عباسی

171

900 دقیقه

180 هزار تومان

جزئیات دوره

آموزش بوت استرپ 4 از صفر تا حرفه ای

مدرس : مهدی عباسی

114

601 دقیقه

175 هزار تومان

جزئیات دوره

آموزش رایگان طراحی قالب سایت با html-css و bootstrap

مدرس : مهدی عباسی

304

300 دقیقه

رایگان

جزئیات دوره

دوره آموزش جاوا اسکریپت-مقدماتی تا متوسط

مدرس : مهدی عباسی

391

470 دقیقه

رایگان

جزئیات دوره

آخرین مقالات

4270 / ﺳﻪشنبه 14 مرداد 1399

پولسازترین زبان های برنامه نویسی در سال2020 کدام است؟

حتما خیلی به این فکر کرده اید که پول سازترین زبان های برنامه نویسی درسال 2020کدام است و یا برای کار در بازار ایران چه زبان برنامه نویسی یاد بگیریم خوب است و اینکه بازار کار زبان های برنامه نویسی در ایران کدام است

زهرا چگینی

ادامه مطلب

5 / چهارشنبه 15 مرداد 1399