×
ribbon

آموزش رایگان طراحی سایت Google با HTML و CSS

اگر به فکر ساختن یک وب سایت هستید، مطمئناً واژه های HTML و CSS را شنیده اید. این... بیشتر
4.3 (66 امتیاز)
8,267دانشجو

مهدی خسروی

مشخصات دوره
محتوای دوره
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

محتوای دوره

1 فصل6 جلسه0:41 ساعت ویدیو
طراحی سایت Google با Html و CSS
  آشنایی با Html و ایجاد پروژه
مشاهده
"07:00
  ساخت صفحه سایت با Html - بخش اول
مشاهده
"07:28
  ساخت صفحه سایت با Html - بخش دوم
مشاهده
"04:30
  طراحی Header صفحه سایت با CSS
"06:17
  طراحی و استایل‌دهی قسمت جستجو با CSS
"09:59
  طراحی Footer صفحه سایت با CSS
"06:28

پیش‌نیاز‌ها

توضیحات دوره

اگر به فکر ساختن یک وب‌سایت هستید، مطمئناً واژه‌های HTML و CSS را شنیده‌اید. این دو ابزار ضروری برخی از پایه‌های هر صفحه وب را تشکیل می‌دهند. بااین‌حال، اگرچه آن‌ها اغلب همراه با یکدیگر استفاده می‌شوند، اما هر کدام از این دو مورد در زمینه برنامه‌نویسی وب اهداف متفاوتی دارند.

تفاوت‌های کلیدی در پیاده‌سازی، سهولت استفاده، ویژگی‌های مختلف و نحوه ساختار آن‌ها نهفته است. اما در نهایت  HTML و CSS کلیدهای باز کردن نحوه عملکرد وب جهانی هستند. برای یادگیری رایگان html css در کمترین زمان ممکن کافی است دوره آموزش رایگان html و css مکتب‌خونه را ببینید تا به‌خوبی با تمام بخش‌های گوناگون html و css آشنا شوید.

این دوره یکی از بهترین دوره‌های آموزشی است که در مدت‌ زمانی کم شما را با اصول کلی HTML و CSS آشنا می‌کند. پیش از آنکه به معرفی دوره پروژه محور و رایگان html و css بپردازیم، ابتدا اجازه دهید شما را با مفهوم html و css آشنا کنیم و اهمیت آنها را در فرایند طراحی سایت بیان کنیم.


HTML چیست؟

HTML مخفف HyperText Markup Language است و زبان نشانه‌گذاری متن نام دارد. HyperText در واقع یک متن در متن است و زبان نشانه‌گذاری زبانی است که توسط کامپیوترها قابل‌ درک است. HTML اساساً برای توصیف صفحات وب طراحی‌ شده است و متنی را که استفاده می‌کنید تعاملی‌تر می‌کند. به عبارتی ساده، اچ تی ام ال یکی از پایه‌ای‌ترین المان های طراحی سایت است و یادگیری آن از اهمیت بسیار بالایی برخوردار است.

این زبان ابتدا در سال 1989 به‌عنوان زبان انتشارات وب اختراع شد و به زبان ساده، اولین بلوک سازنده در ایجاد یک صفحه وب است. هنگامی‌که برای اولین بار با دنیای HTML آشنا شدید، احتمالاً با مجموعه‌ای از اصطلاحات و عبارات روبرو خواهید شد که تا حدودی گیج‌کننده نیز هستند. سه مورد اصلی عبارت‌اند از عناصر، برچسب‌ها و ویژگی‌ها.

HTML5 آخرین نسخه HTML است و دانش در این زمینه روند رو به رشدی در بازار کار دارد. این ورژن به‌طورکلی، عملکردی مشابه HTML استاندارد دارد، اما بسیار پویاتر است و از کدهای بسیار کمتری برای ساختن نتیجه‌ای خارق‌العاده استفاده می‌کند.

در دوره آموزش رایگان html و css شما به‌خوبی با HTML آشنا خواهید شد. HTML پایه و اساس طراحی وب‌سایت است و برای دوره‌های آموزش طراحی سایت شما به این مهارت مهم نیازمند خواهید بود.

HTML برای چه مواردی استفاده می‌شود؟

در اصل، HTML برای ایجاد محتوای اصلی یک صفحه وب و ساختار دادن به آن استفاده می‌شود. شما با نوشتن کلمات شروع می‌کنید، سپس برچسب‌ها یا عناصر را روی این کلمات اعمال می‌کنید. سپس مرورگر وب این کلمات را می‌خواند و سپس می‌تواند عنوان یک صفحه، هر پاراگراف و محل شروع و پایان صفحه را بفهمد؛ بنابراین صفحه وب شما را با محتوا پر می‌کند.

HTML توسط هر مرورگری پشتیبانی می‌شود و تقریباً در تمام صفحات وب موجود ایجاد می‌شود. اگر بتوانیم یک صفحه وب را با بدن انسان مقایسه کنیم، HTML همانند استخوان‌های بدن است.

CSS چیست؟

CSS مخفف Cascade Styling Sheets است. به‌طور خلاصه، این یک زبان سبُک برای استایل‌دهی به صفحات وب است. در واقع نوعی زبان است که می‌توانید از آن برای توصیف و ارائه یک‌زبان نشانه‌گذاری استفاده کنید. یا به زبان ساده، برای توصیف و زیبایی بخشیدن به حرکات HTML به کار می‌رود. این زبان به‌طور مؤثر تعیین می‌کند که چگونه بلوک‌های صفحه، همان‌طور که توسط HTML گذاشته‌شده است، تزئین شده و به کاربر ارائه می‌شود.

CSS برای اولین بار در حدود سال 1996 ایجاد شد تا مفهوم HTML را دگرگون کند و صفحات وب را زیبا جلوه دهد. دانستن CSS یکی از مهم‌ترین مهارت‌های یک طراح سایت است. دوره آموزش رایگان html و css کاملاً پروژه محور بوده و به شما نحوه استفاده از CSS را در طراحی یک صفحه می‌آموزد.

CSS برای چه مواردی استفاده می‌شود؟

اگر HTML استخوان‌های بدن است، پس CSS پوستی است که آن را می‌پوشاند. برای رنگ پس‌زمینه، استایل ‌بندی، چیدمان، حاشیه‌ها، سایه‌زنی استفاده می‌شود. CSS شما را قادر می‌سازد با تغییر طراحی و نمایش عناصر HTML، بین ارائه و محتوا تمایز قائل شوید. CSS برای موارد زیادی در صفحه مانند:

  • margin و padding
  • رنگ پس‌زمینه
  • عرض و ارتفاع عناصر
  • و...

استفاده می‌شود.

درحالی‌که CSS اغلب در ارتباط با HTML استفاده می‌شود، درواقع مستقل از آن است و می‌تواند با هر زبان نشانه‌گذاری مبتنی بر XML استفاده شود.

اطلاعات بیشتر

امتیاز و نظرات کاربران

4.3

از مجموع 66 امتیاز

25نظر

8 روز پیش

خیلی پر انرژی بود و پر مفهون

معصومه هزاره ای

1 ماه پیش

بسیاربسیار عالی بود خیلی خوب توضیح دادهید واقعا ممنون ازشما آموزش های بیشتری بگذارید.

دانشجوی دوره

2 ماه پیش

عالییییییییییییییییییییی

دانشجوی دوره

2 ماه پیش

ممنون بابت انرژی خوبت

عبداله عبدی

2 ماه پیش

عالی بود اگر میشه آموزش های بیشتر بگذارند خیلی خوب می شود

محمد حسین وزیریان

6 ماه پیش

دقیق با تمام جزئیات ممنون بابت دقت در تلفظ یک کم تدریس هیجانش زیاده اگر با هیجان ملایم باشه بهتره برفراز باشید.

شیرین ربیعی

7 ماه پیش

خیلی خوب بود برای آشنایی

آرمان مومیوند

1 سال پیش

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

سهیل آیینه وند

1 سال پیش

بسیار خلاصه و مفید و دقیقا برای مبتدی ها 🌹ممنونم

دانشجوی دوره

1 سال پیش

سلام.ممنون بابت دوره آموزشی جالب و کاربردی تان.

حنانه خوشرو

1 سال پیش

عالی بود 💪👏🙌🤝

طاهر کردی

2 سال پیش

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

معین عبدالهی

3 سال پیش

من هنر جوی رشته تولید و توسعه پایگاه داده اینترنتی هستم و تحت آموزش یکی از بهترین اساتید هستم با جرعت میتونم بگم با اینکه آموزش در حد مبتدی بود ولی دوره خیلی خوبی بود برای کسایی که تحت آموزش هستن یا بودن ولی هیچی متوجه نشدن و نمیشن این دوره میتونه بهشون کمک کنه کل مباحث براشون مرور بشه و کامل متوجه بشن چه چیزایی آموزش دیدن قبلا

عرفان یاوری

4 سال پیش

بسیار سپاسگزارم. آموزش بسیار کاربردی، مختصر و مفید بود.

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

4 سال پیش

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

پوریا فلاحت پیشه

دوره‌های پیشنهادی مشابه

درباره استاد

مهدی خسروی
1دوره
8,267دانشجو

مهدی خسروی، برنامه‌نویس بک‌اند از سال 1392 در زمینه توسعه وب مشغول به فعالیت است و از سال 95 آموزش حرفه‌ای در زمینه برنامه‌نویسی وب را آغاز کرده است و در تلاش است که آموزش‌های حرفه‌ای و پروژه محور و با استانداردهای جهانی با تمرکز بر نتیجه گرفتن دانشجوها ارائه دهد.

وی به زبان‌ها و اسکریپت‌های طراحی وب مانند HTML5 ،CSS3 ،JavaScript ،jQuery ،Bootstrap ،Sass ،Less مسلط بوده و کارگاه‌های متعدد آموزش برنامه‌نویسی را در شهرهای مختلف ایران برگزار کرده است.

مهدی خسروی نویسنده کتاب و مقالات متعدد در زمینه طراحی و برنامه‌نویسی وب بوده است.

اطلاعات بیشتر

سوالات پرتکرار

آیا ممکن است برخی جلسات یک درس ناقص باشند؟

معمولا تمامی جلسات هر درس به‌طور کامل ضبط می‌شوند؛ اما گاهی به دلیل برخی ناهماهنگی‌ها ممکن است یک یا چند جلسه ضبط نشده باشد. جزئیات این موارد در توضیحات هر درس درج شده است.

اگر لینک دانلود یا پخش ویدئو مشکل داشت، چه کاری باید انجام داد؟

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

آیا می‌توان ویدئوهای یک درس را به‌صورت سی‌دی یا دی‌وی‌دی از شما تهیه کرد؟

در حال حاضر امکان ارسال دروس به‌صورت سی‌دی یا دی‌وی‌دی وجود ندارد و همه محتواها به شکل آنلاین ارائه می‌شوند.

مهارت‌هایی که می‌آموزید