html آشنایی با

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

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

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

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

مشاهده آموزش html
آموزش css
آموزش سی اس اس

مشاهده آموزش سی اس اس

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

در این فصل به طور کلی مباحث زیر را ارایه خواهیم کرد :

  • استایل اینلاین ، استایل این هد ، استایل اکسترنال
  • سلکتورها در سی اس اس selectors
  • رنگ دهی
  • کار با فونت ها
  • سایز دهی
  • کار با تصاویر
  • حاشیه و سایه زنی
  • display
  • شناوری در سی اس اس یا همان float
  • گرید بندی  صفحات
  • پوزیشن position
  • کار با ایونت ها events
  • ریسپانسیو responsive
  • مدیا کوئری

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

در این فصل به طور کلی مباحث زیر را ارایه خواهیم کرد :

  • استایل اینلاین ، استایل این هد ، استایل اکسترنال
  • سلکتورها در سی اس اس selectors
  • رنگ دهی
  • کار با فونت ها
  • سایز دهی
  • کار با تصاویر
  • حاشیه و سایه زنی
  • display
  • شناوری در سی اس اس یا همان float
  • گرید بندی  صفحات
  • پوزیشن position
  • کار با ایونت ها events
  • ریسپانسیو responsive
  • مدیا کوئری

مشاهده آموزش سی اس اس
codekaran