8اولین قدم برای وارد شدن به دنیای طراحی و برنامه نویسی وب، تسلط به HTML5 و CSS3 است.
شما در حیطه‌ی آنلاین هر هدفی داشته باشید، قبل از هرچیز باید به HTML و CSS و HTML5 و CSS3 مسلط باشید شما توی این دوره آموزش html و css.

یک بار برای همیشه طراحی وب را یاد بگیرید

میتوان گفت HTML5 و CSS3 پایه‌های وب هستند و هرکسی که بخواهد در دنیای وب کاری تخصصی انجام دهد، نیاز به دانش در این زمینه دارد.

در این دوره آموزش html و css بصورت کامل در کنار شما خواهیم بود و با هم آموزش 0 تا 100، HTML5 و CSS3 را بصورت کاربردی یاد میگیریم.

چرا HTML5 و CSS3 مهم‌ترین مباحث برای یادگیری هستند؟

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

آموزش html و css از 0 تا 100

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

دانش در خصوص HTML و CSS به شما کمک میکند که دنیای وب را بصورت پایه‌ای تر و بهتر درک کنید و آمادگی لازم را داشته باشید.

HTML و CSS پایه‌ای ترین و اصلی ترین و مقدماتی ترین مباحثی هستند که برای ورود به دنیای طراحی و برنامه نویسی وب به آن‌ها نیاز دارید. }
هرکاری که بخواهید در زمینه‌ی وب انجام دهید، قبل از آن حتما باید با HTML و CSS آشنایی کامل داشته باشید.

در واقع HTML و CSS مقدماتی ترین، اصلی ترین و پایه‌ای ترین مهارتی است که شما باید داشته باشید.

 

در این دوره آموزش HTML و CSS از تئوری خبری نیست!

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

به ما اعتماد کنید پشیمان نخواهید شد!

معرفی دوره آموزشی HTML و CSS

در این دوره ابتدا به این موضوع پرداخته ایم که برای یادگیری طراحی قالب سایت
به چه چیزی هایی نیاز داریم و به صورت مقدماتی تگ های موجود در HTML و CSS را می آموزیم.

  • با استفاده از این آموزش، می توانید وب سایتتان را خودتان طراحی کنید.
  • در این دوره آموزشی، مطالبی را در مورد HTML (اچ تی ام ال) آموزش خواهید دید.
  • یاد گیری HTML (اچ تی ام ال) کار آسانی است و از آموزش آن لذت خواهید برد.

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

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

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

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

نسخه‌های مختلف HTML

تا به حالا برای HTML پنج نسخه به اضافه یک نسخه (XHTML) توسعه داده شده است.

  • HTML در ابتدا در سال ۱۹۹۱ منتشر شد.
  • HTML 2.0 در ۱۹۹۵ منتشر شد.
  • HTML 3.2 در ۱۹۹۷ منتشر شد.
  • HTML 4.01 در ۱۹۹۹-۲۰۰۰ منتشر شد.
  • و HTML5 که آخرین و پیشرفته‌ترین نسخه از HTML است را در سال ۲۰۱۴ منتشر کردند.

هدف این دوره آموزش html در ابتدا آشنایی شما با مبانی HTML –که تقریبا در تمام نسخه‌ها یکی است- و پس از آن آشنا کردن شما با مفاهیم پیشرفته در HTML5 است.

  • HTML5 و CSS3 نسخه‌های جدید HTML و CSS هستند که ویژگی های بسیار زیادی به آن‌ها اضافه شده است.
    بسیاری از ویژگی های نسخه های قبلی منسوخ شده اند و ده‌ها ویژگی جدید به آن اضافه شده است که کار را برای طراحان وب بسیار ساده و حرفه‌ای میکند.

در این دوره در خصوص آخرین نسخه‌ی HTML و CSS، یعنی HTML5 و CSS3 صحبت میکنیم
و تمام سایت‌هایی که بصورت عملی طراحی میکنیم طبق استانداردها و ویژگی‌های HTML5 و CSS3 خواهند بود.

HTML5 چیست؟

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

آموزش طراحی وبسایت با CSS

با html ساختار و پیکربندی کلی یک صفحه وب رو میسازیم .
ولی برای اینکه ظاهر صفحه وب رو آراسته کنید باید از CSS استفاده کنید .
با CSS میتونید برای هر کدوم از تگ های html خصوصیاتی چون رنگ ، فونت ، سایز ، پس زمینه و … رو تعیین کنید .
CSS رو به این منظور ایجاد کردند که ساخت پیکربندی صفحه وب رو از شیوه ی نمایش اون جدا کنند (seperation of concepts).

آموزش طراحی سایت HTML5 CSS3 با bootstrap 5

فایل های تمرین را از کجا در یافت کنم ؟

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

پیش‌نیاز دوره آموزشی HTML و CSS

یک خبر خوب این که این دوره آموزشی اصلا نیاز به پیش نیازی نداره این خیلی عالیست …!

سرفصل های دوره آموزش html و css

آموزش html و css جلسه ۱ معرفی html چیست ؟

  • doctype html
  • تگ html
  • نگ head
  • تگ body

آموزش html تگ های meta و تگ title جلسه ۲

  • آموزش تگ p
  • آموزش تگ meta
  • آموزش تگ title
  • آموزش تگ h1 تا  h6

آموزش html و css اتریبیوت های زبان HTML جلسه ۳

  • attribute در html چیست؟
  • مقدار اتریبیوت
  • اتریبیوتdir
  • اتریبیوت lang

آموزش html و css لیست در HTML جلسه ۴

  • لیست های نامنظم(تگ ul)
  • لیست های منظم ( تگ ol)
  • بررسی تگ <ol> در HTML 4.01 و HTML5
  • تعریف صفت برای تگ ol یا لیست شمارشی
  • تعریف صفت برای تگ ul یا لیست شمارشی
  • تگ dl در HTML

آموزش مسیره در HTML به صورت فیلم آموزشی

  • مسیر های نسبی
  • تگ a
  • روش ایجاد لینک های
  • اتریبیوت های a
  • پارامتر target مقادیر های آن
  • و لینک های داخلی و غیره…

آموزش کار با تصاویر یا Images درHTML

  • عنصر <img> یک تصویر را تعریف می کند.
  • ویژگی src یک URL برای تصویر تعریف می کند.
  • ویژگی alt یک متن جایگزین برای زمانی که تصویر قابل نمایش نباشد، تعریف می کند.
  • ویژگی ها width و height اندازه تصاویر را تعریف می کنند.
  • و غیره …

آموزش ساخت image map در html

  • آموزش ساخت image map
  • آموزش ساختار کلی تگ map
  • ویژگی usemap
  • تگ area
  • خصوصیت Shape و Coords
  • و غیره …

تگ table در html

  • تگ های thead , tbody , tfoot
  • آموزش caption
  • اتریبیوت align
  • اتریبیوت cellpadding
  • اتریبیوت height
  • اتریبیوت width
  • اتریبیوت title
  • اتریبیوت border
  • اتریبیوت rules
  • و غیره …

آموزش کار با فرم ها یا Forms در HTML

  • آموزش input ها به صورت کامل
  • email
  • url
  • password
  • checkbox
  • hidden
  • submit
  • reset
  • button
  • text input
  • radio button
  • dropdown
  • upload widget
  • submit button

آموزش کار با رنگ ها یا Colors در HTML جلسه 10

  •  کار با رنگ ها یا Colors در HTML
  • سه شیوه RGB و HEX و Name
  • کدهگزادسیمال رنگ ها
  • مدل رنگ آر جی بی
  • و غیره…

آموزش CSS و HTML جلسه اول معرفی css جلسه 11

  • معرفی css
  • css چیست
  • روش های فراخوانی css
  • External Style Sheet : شیوه نامه خارجی
  • Internal Style Sheet : شیوه نامه داخلی
  • Inline Style : شیوه درون خطی
  • وغیره …

آموزش css در این جلسه ID و Class جلسه 12

  •  انتخابگر(selector) و نحوه استفاده از آن
  • معنی سلکتور (Selector) در CSS
  • آموزش نحوه ایجاد کلاس در CSS
  • آموزش Id در html
  •  تفاوت id و class در css .
  • و غیره …

آموزش پس زمینه در css جلسه 13

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

آموزش کار با فونت ها یا Fonts در CSS  جلسه 14

  • صفت font-family
  • ویژگی های Font Style
  • ویژگی های Font Size
  • تنظیم و انتخاب اندازه بر حسب پیکسل (با px)
  • اندازه ی فونت با Em
  • فونت (font weight)
  • line-height در css
  • text-align در css
  • text-decoration در css
  • word-spacing در css
  • letter-spacing در css

استایل لینک در CSS آموزش کامل link در CSS

  • تعریف لینک (Link) در HTML
  • تنظیم استایل لینک در CSS
  • بررسی برخی لینک‌ها در css
  • به کاربرد این سلکتورها
  • خاصیت text-decoration در تنظیم استایل CSS لینک
  • (ID) و (Class) در تنظیم استایل لینک در CSS

آموزش border در css

  • ویژگی border یعنی چه ؟
  • ویژگی border-style
  • ضخامت حاشیه (border-width)
  • رنگ خط حاشیه (border-color)
  • مختصر نویسی خصوصیت border
  • تمام خواص مربوط به لبه در CSS Wiki
  • و خیلی امکانات دیگر ….

آموزش ویژگی border-radius در css

  • تسلط بر border-radius
  • مقدار تکی border-radius
  • چهار مقدار متفاوت
  • هشت مقدار جدا شده با استفاده از یک اسلش
  • کد ساخت مربع با CSS3
  • کد ساخت دایره با CSS3
  • و غیره …

آموزش کار با ویژگی margin و padding در CSS

  • ویژگی margin و padding
  • آموزش کار با ویژگی Margins در CSS
  • ویژگی مارجین یا Margin در CSS
  • آموزش margin به صورت جداگانه
  • آموزش مختصرنویسی margin
  • آموزش تعریف padding
  • مختصرنویسی padding
  • وغیره …