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

صفحه اصلی دوره‌های آموزشی / 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 دقیقه / رایگان

نظرات

جواد

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