قراره تو این دوره چی یاد بگیرم؟

  • تاریخچه زبان HTML
  • معرفی زبان HTML
  • آشنایی با ساختار تگ ها در Html
  • معرفی زبان Css
  • آشنایی با قاعده نوشتن CSS
  • و ...

سرفصل های دوره

۸ فصل
۱۲۰ جلسه
۲۱ ساعت
۱

معرفی دوره

۵ قسمت
۰۰:۲۲:۳۸
1

توضیحات اولیه در مورد اینترنت و وب

رایگان
۰۵:۲۸
2

مراحل پیاده سازی وبسایت ها ( طراحی - فرانت اند - بک اند )

رایگان
۰۷:۱۳
۲

زبان HTML

۳۱ قسمت
۰۴:۳۹:۲۲
۳

زبان CSS

۳۱ قسمت
۰۴:۵۵:۴۰
۴

فونت و آیکون

۵ قسمت
۰۰:۴۷:۵۲
۵

پروژه اول – قالب FRAME

۱۸ قسمت
۰۴:۳۰:۴۳
۶

مباحث تکمیلی

۲ قسمت
۰۰:۳۲:۰۶
۷

حرفه ای تر شدن در vs code

۳ قسمت
۰۰:۱۷:۲۹
۸

پروژه دوم – قالب Burger

۲۵ قسمت
۰۵:۰۲:۴۹

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

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

در این دوره چه می آموزیم؟

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

اهمیت دوره آموزش html css چیست؟

یادگیری html و css و مشاهده آموزش های این دوره از جهت های مختلفی حائز اهمیت است:

  1. این زبان ها پایه و اساس طراحی وب هستند و یادگیری آن برای تمامی افرادی که میخواهند در این زمینه فعالیت کنند ضروری است.
  2. مهارت های مورد نیاز بازار کار: با توجه به رشد مداوم این حوزه داشتن مهارت قوی در این زمینه می تواند فرصت های شغلی خوبی برای شما فراهم کند.
  3. خودکفایی در طراحی وب: این دوره به شما این امکان را می دهد بتوانید نیاز خود را در این زمینه خودتان برطرف کنید.
  4. این دوره با تمرکز بر پروژه های عملی و واقعی شما را برای مواجهه با چالش های دنیای واقعی آماده میکند.

این دوره برای چه کسانی مناسب است؟

دوره آموزش html css برای افراد با سطوح مختلف مناسب است از جمله:

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

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

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

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

نرم افزار های مورد استفاده در دوره

ما در این دوره آموزش html و css به یک مروگر نیاز داریم که معمولا از قبل در سیستم های ما موجود میباشد. علاوه بر آن به یک نرم افزار برای کد نویسی نیاز داریم که از نرم افزار vs code استفاده خواهیم کرد این نرم افزار کاملا رایگان ، سبک و قابل نصب روی سیستم های نه چندان قوی است.

سرفصل های دوره

  1. معرفی دوره
  2. زبان html
  3. زبان css
  4. فونت ها و آیکن ها
  5. پیاده سازی پروژه اول
  6. مباحث تکمیلی
  7. حرفه ای تر شدن در vs code
  8. پیاده سازی پروژه نهایی ( قالب کامل )

اینترنت و وب

احتمالاً اولین سوالی که در ذهن شما پیش بیاد اینه که “اینترنت چیه؟” و “وب چیه؟” آیا این دو یکی هستند؟

تفاوت اینترنت و وب

اینترنت چیست؟

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

وب چیست؟

وب (World Wide Web) بخشی از اینترنت است که به شما اجازه می‌دهد از طریق مرورگرها به اطلاعات و خدمات آنلاین دسترسی پیدا کنید. برخلاف اینترنت که شبکه‌ای جهانی است، وب یک سرویس بر بستر اینترنت محسوب می‌شود. این سرویس به وسیله وب‌سایت‌ها و صفحات وبی که ما روزانه از آنها استفاده می‌کنیم، عمل می‌کند. وب مثل یک پنجره است که ما رو به دنیای اینترنت متصل می‌کند. وقتی یک آدرس وب‌سایت رو با “www” شروع می‌کنیم، در واقع وارد شبکه جهانی وب شده‌ایم.

تفاوت اینترنت و وب

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

وب‌سایت‌ها و صفحات وب

وب‌سایت‌ها رو می‌توان به ساختمان‌های یک شهر بزرگ تشبیه کرد. همان‌طور که هر ساختمانی کاربردی خاص دارد، هر وب‌سایت نیز به یک نوع خاص از خدمت یا محتوا اختصاص دارد. در دوره آموزش html css، ما یاد می‌گیریم که چطور این ساختمان‌ها یعنی وب‌سایت‌ها رو طراحی و اجرا کنیم.

انواع وب‌سایت‌ها

وب‌سایت‌ها به انواع مختلفی تقسیم می‌شوند؛ از جمله:

  • وب‌سایت‌های فروشگاهی: برای فروش محصولات و خدمات
  • وب‌سایت‌های خبری: برای انتشار اخبار و اطلاعات
  • وبلاگ‌ها: برای به اشتراک‌گذاری نظرات و مطالب
  • وب‌سایت‌های آموزشی: برای ارائه محتوای آموزشی
  • وب‌سایت‌های شرکتی: برای معرفی شرکت‌ها و خدمات
  • شبکه‌های اجتماعی: برای ارتباطات و تعاملات اجتماعی
  • وب‌سایت‌های شخصی: برای نمایش اطلاعات و نمونه‌کارهای فردی

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

چطور سازنده وب‌سایت‌ها شویم؟

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

HTML چیست؟

HTML مخفف Hypertext Markup Language است، یکی از اصطلاحات شاخص در حوزه‌ی طراحی وب که ساختار و محتوای اصلی هر صفحه وب را تعریف می‌کند. این زبان از تگ‌هایی تشکیل شده است که هر کدام وظایف مشخصی دارند و با استفاده از آن‌ها می‌توان متن، تصاویر، لینک‌ها، جداول و سایر عناصر را به صفحات وب اضافه کرد.

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

تگ‌های متداول HTML

برخی از تگ‌های متداول HTML عبارتند از:

تگ های html

CSS چیست؟

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

دلیل اهمیت یادگیری html و css

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

۱- ایجاد صفحات وب: HTML و CSS دو ابزار اساسی برای ساخت صفحات وب هستند. با استفاده از HTML، محتوای صفحات وب را ساختاردهی می‌کنیم و با استفاده از CSS، آن را به صورت ظاهری جذاب و قابل توجه تر می‌کنیم. بدون آموزش HTML و CSS، امکان ساخت یک صفحه‌ی وب قابل قبول و جذاب وجود ندارد.

۲- بهبود تجربه‌ی کاربری: با استفاده از CSS، می‌توان طرح بندی و سبک‌دهی صفحات وب را بهبود بخشید و آنها را به یک شکل جذاب و قابل توجه تر تبدیل کرد. این امر بهبود تجربه‌ی کاربری در صفحات وب را فراهم می‌کند و باعث افزایش ترافیک و جذب کاربران وفادار به سایت می‌شود.

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

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

برای آموزش html css نیاز به خرید هاست است؟

برای آموزش HTML و CSS، نیازی به خرید هاست نیست. HTML و CSS به عنوان زبانهای سمت کلاینت (Frontend) شناخته میشوند و برای اجرا و نمایش آنها در مرورگر، نیازی به داشتن یک هاست وب نیست.

شما میتوانید به سادگی با استفاده از یک ویرایشگر کد (مانند Notepad یا Visual Studio Code)، فایلهای HTML و CSS را ایجاد کنید و سپس آنها را در مرورگر وب خود باز کنید تا نتیجه کدهای خود را مشاهده کنید. این امکان برای شما فراهم میشود که بدون هیچ هزینه ای، مفاهیم HTML و CSS را درک کرده و تمرین کنید.

بازار کار طراحی سایت با HTML و CSS

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

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

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

ادامه متن دوره ...

سوالات متداول

آیا یادگیری HTML و CSS سخت است؟

یادگیری HTML و CSS نسبتاً ساده است. با داشتن پشتکار و تمرین مداوم، می توان HTML و CSS را در یک بازه زمانی کوتاه یاد گرفت و به عنوان دو ابزار اساسی توسعه وب از آنها استفاده کرد.

آموزش HTML و CSS چقدر زمان می‌برد‌؟

به طور متوسط، آموزش اولیه HTML CSS حدود 1-2 هفته زمان می‌برد. افراد تازه کار در این زمینه با داشتن پشتکار و تمرین مداوم، می توانند در مدت 2-3 ماه به تسلط کامل بر HTML و CSS دست یابند.

HTML یک زبان برنامه‌نویسی است؟

خیر، HTML یک زبان برنامه‌نویسی نیست بلکه یک زبان نشانه گذاری (markup language) است که برای توصیف و ساختاردهی محتوای متنی، تصاویر، پیوندها و دیگر المان‌های وب استفاده می‌شود.