koobdar.ir

وبسایت آموزشی کوبدار

جستجو در سایت
صفحه اصلی زبان انگلیسی دیکشنری کوبدار کامپیوتر و برنامه نویسی برق و الکترونیک
ورود/ثبت نام تماس با ما جستجو در سایت
معنی کوبدار چیست؟
ورود به حساب کاربری ارتباط با ما

مجله آموزشی کوبدار برگ درخت کوبدار

koobdar.ir

برای مشاهده لیست آموزش های ویژه کوبدار گزینه زیر را انتخاب کنید:

لیست آموزش ها

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

برای حمایت از ما کلیک کنید

آموزش html و css (+ فیلم رایگان) – آموزش طراحی سایت از مبتدی تا پیشرفته

با html (+ فیلم رایگان) - پکیج آموزشی از مبتدی تا پیشرفته

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

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

همچنین روی نکات و مواردی که در بین برنامه نویسان و طراحان سایت مورد سوال قرار می گیرد و نکات و دستوراتی چالشی و دشوار هستند نیز در طول دوره آموزشی به کرات تاکید کرده ایم و مثال ها و توضیحات فراوانی را پیرامون اینگونه دشواری های طراحی سایت در فیلم های آموزشی ارائه کرده ایم.

در ابتدا به تفهیم اصول اصلی پرداخته ایم و در ادامه به صورت پیشرفته و حرفه ای نکات تکمیلی را با مثال های فراوان آموزش داده و خواهیم داد.

تعریف html و css

html یا Hypertext Markup Language یک زبان نشانه گذاری استاندارد است و هدف از استفاده از آن، ایجاد توانایی نمایش اسناد (شامل متن، فیلم، عکس و ...) برای مرورگرهای وب است.

css یا Cascading Style Sheets ابزاری برای کمک به html برای نمایش هرچه مطلوب تر اسناد در محیط وب است.

Html و css پایه طراحی سایت هستند و لازمه و پیشنیاز ورود به بخش های دیگر حوزه وب مانند برنامه نویسی (php ،javascript) محسوب می شوند.

Html و css درصد بسیار بالایی از برنامه نویسی سمت کاربر یا frontEnd را به خود اخصاص می دهند.

منظور از یادگیری و هدف از یادگیری html و css چیست؟

برای فهم این موضوع باید ابتدا به درکی از نحوه عملکرد html و css برسیم.

در html برای وارد کردن متن، عکس، فیلم و ... از یک سری تگ های شناخته شده استفاده می کنیم. مثلاً برای وارد کردن یک پاراگراف از تگ p (به شیوه ای که در ویدئوهای آموزشی شرح داده شده است) استفاده می کنیم.

حال اگر بخواهیم به این متن تغییراتی مانند نوع فونت، رنگ فونت ، اندازه و... اعمال کنیم از css بهره خواهیم گرفت. (به همین سادگی)

اما همانطور که گفتیم ما در html و همچنین در css از یکسری تگ ها و دستورهای مشخص و تعریف شده ای استفاده می کنیم.

دستورات و تگ هایی که برای مرورگرهای اینترنت شناخته شده باشند. پس:

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

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

بر اساس نظرسنجی سایت معتبر Stack OverFlow در سال 2019، html و css جزء پنج ابزار برتر و محبوب در طراحی و برنامه نویسی سایت نزد برنامه نویسان و توسعه دهندگان وب هستند که این آمار به تشریح در وب سایت آمریکایی techrepublic آورده شده است.

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

سر فصل های آموزش طراحی سایت به کمک html و css:

1: مراحل طراحی وب سایت چیست + مفاهیم و شناخت زبان های برنامه نویسی (رایگان)

2: نرم افزار های مورد نیاز برای طراحی سایت + نمایش اولین مطلب در سایت (رایگان)

3: کار با نرم افزار اتم (atom) + آموزش مطلب گذاشتن در سایت و کار با متن (رایگان)

4: css چیست + نحوه استفاده از css در html (استایل دادن به المان ها) (رایگان)

5: فراخوانی فایل css در html + روش های مختلف رنگ دهی در css (رایگان)

6: فارسی نویسی در وب سایت + تعریف charset + افکت دادن به متن با css (رایگان)

7: شروع کار با کلاس ها و آی دی ها در html و css – تفاوت id و class (رایگان)

8: نحوه گذاشتن لینک در سایت (تگ a)+ margin و padding چیست (تفاوت ها) (رایگان)

9: همه چیز در مورد تگ div + گذاشتن عکس در سایت با html و css (رایگان)

10: همه چیز درباره class (انتخاب المان های html در css) + کار با افکت hover (رایگان)

11: کامنت نویسی (درج توضیحات) در html و css + تفاوت ها و اصول لازم (رایگان)

12: همه چیز درباره ویژگی و افکت position در css + تفاوت انواع position (رایگان)

13: نوشتن متن روی عکس با css + کار با پوزیشن relative و absolute (رایگان)

14: وارد کردن ویدیو و نمایش آن داخل سایت (آپلود کردن فیلم از داخل سرور) (رایگان)

15: آموزش قرار دادن ویدیو آپارات در سایت (در اندازه و مکان دلخواه) + کار با iframe (رایگان)

برای مشاهده لیست آموزش های ویژه کوبدار گزینه زیر را انتخاب کنید:

لیست آموزش ها