مجموعه آموزش های وب > آموزش مقدماتی

آموزش مقدماتی Html و Css

HTML مخفف Hypertext Markup Language می باشد و به معنی زبان نشانه گذاری ابر متن است و برخلاف عقیده بسیاری این زبان یک زبان برنامه نویسی نیست. اما الزام همه زبان های برنامه نویسی تحت وب می باشد.
CSS مخفف Cascading Style Sheets می باشد و به معنی صفحات به سبک آبشار است و در واقع زبانی برای استایل دهی به تگ های HTML است.

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

قیمت این دوره آموزشی : 20,000 تومان
پیش نیاز(ها) :
  • آشنایی با هاست و ادمین
16جلسه آموزش کامل
مبتدی
2 امتیاز بگیرید
شامل : 17 فایل

به دوستان خود بگوئید

1
معرفی دوره
MP4 0.00 MB

معرفی دوره

اگر شما هم طراح وب باشید و به این مقوله علاقه داشته باشید و فعالیت در این زمینه و یادگیری بیشتر یکی از اهداف شما باشد، از جمله بدیهی ترین اطلاعاتی که لازم است به آن تسلط پیدا کنید؛ مفاهیم مرتبط با اچ تی ام ال (HTML) و سی اس اس (CSS) می باشد. به عبارتی دانش بنیادی ای که هر شخص طراح آموخته و در کار خود به کار گرفته است، همین زبان نشانه گذاری متن می باشد که از طریق آن می توانید کدهایی را ایجاد کنید که هر یک منجر به نمایش یک سری از ویژگی ها در صفحات وب خواهند شد.

2
ساختار سایت
MP4 0.00 MB

ساختار سایت

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

3
ساخت اولین وب سایت کارکردن با fireftp
MP4 0.00 MB

ساخت اولین وب سایت کارکردن با fireftp

در این جلسه یاد میگیریم چطور فایل ها خورد را روی هاست قرار دهیم به کمک ftp و همین طور نحوه کارکردن اصولی با تگ های heading ، Paragraph ، link آشنا میشویم

4
تگ نویسی و اصول آن در HTML
MP4 0.00 MB

تگ نویسی و اصول آن در HTML

در این جلسه ساخت انواع جداول آموزش داده می شود و طور کامل با تگ های پر کاربرد Table و Image و List و IFrame آشنا شده همچنین مفاهیم بسیار مهم Block و Inline و Inline-Block برای شما تشریح می گردد

5
فرم چیست و کاربرد آن در صفحات وب فرم ها
MP4 0.00 MB

فرم چیست و کاربرد آن در صفحات وب فرم ها

فرم ها کاربرد بسیار بالایی در صفحات وب دارند، بطور خلاصه برای دریافت هرگونه اطلاعات از کاربر و ارسال آن به سمت سرور باید از فرم استفاده کنیم. در این جلسه با مبحث مهم فرم ها آشنا میشویم که در ادامه مسیر برنامه نویسی وب بسیار پرکاربرد می باشدو همچنین با مفاهیم Comment و Text-decoration نیز آشنا خواهید شد.

6
نحوه نگارش CSS در صفحات وب
MP4 0.00 MB

نحوه نگارش CSS در صفحات وب

نگارش CSS به طور کلی در سه حالت انجام می گردد که در این جلسه با انواع روش های آن آشنا میشوید. در این جلسه همچنین با مفاهیم بسیار مهم id و class و نیز تفاوت ها آنها را یاد خواهید گرفت. سایر مواردی که در این جلسه آموزش داده می شود: مفهوم Box-modeling و تگ SPAN و تگ DIV.

7
حاشیه، قاب ، پس زمینه و مفهوم شناور
ZIP 0.00 MB

حاشیه، قاب ، پس زمینه و مفهوم شناور

حتماً شما هم سایت هایی را مشاهده نموده اید که دفرمه، ناخوانا و نا متوازن هستند، برای اجتناب از موارد یاد شده باید از Margin، Background، Border و Float بطور اصولی استفاده نمود. در این جلسه آموزشی با چند تگ ها مهم و پرکاربرد html آشنا شده و همچنین نحوه استایل دهی به آنها توسط CSS را یاد خواهید گرفت.

8
مباحث پیشرفته و حرفه ای
ZIP 0.00 MB

مباحث پیشرفته و حرفه ای

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

9
کار با متن ها و چیدمان آنها
MP4 0.00 MB

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

تعریف نوع فونت و ویژگی های آن، گام اول برای نمایش اصولی محتوا توسط css است، در قدم بعدی نیاز به تنظیم چیدمان مطالب و نحوه نمایش آنها است، این ویژ گی ها با text و زیرمجموعه های آن ایجاد می شوند.CSS3 چند ویژگی جدید برای نوشته ھای زیبای شما دارد که اصطلاحاً از آنها تحت عنوان Text-effect یاد میکنیم.در این جلسه به این موارد میپردازیم.

10
کار با تصاویر و تکنیک های آن
MP4 0.00 MB

کار با تصاویر و تکنیک های آن

در طراحی سایت مسلما از عناصر گرافیکی ( تصویر ) استفاده زیادی خواهید کرد. به طور متوسط برای طراحی یک صفحه حدود 20 تصویر مورد استفاده قرار میگیرد و در بسیاری از موارد این تعداد بسیار بیشتر خواهد بود. css sprite تکنیکی است که به شما اجازه میدهد تمام تصاویر بکار رفته برای طراحی یک سایت را درون یک تصویر قرار دهید.

11
لسیت ها و انواع آن
MP4 0.00 MB

لسیت ها و انواع آن

ویژگی List-style یک ویژگی خلاصه نویسی برای تنظیم مقادیر ویژگی های list-style-type ،list-style-image و list-style-position بصورت یکجا می باشد. در این قسمت دوره آموزشی بجز موارد فوق با Gradient نیز آشنا خواهید شد.

12
انیمیشن و متحرک سازی
MP4 0.00 MB

انیمیشن و متحرک سازی

در جدیدترین الگو های صفحات وب استفاده از فلش به علت مشکلات آن منسوخ گردیده است ولی برای افزودن جذابیت و بالابردن راندمان صفحه از نگاه کاربر برای متحرک سازی می توان از خواصیت های Animation و Transition و Transform استفاده نمود. ویژگی transition را برای یک عنصر تعریف می کنیم تا کاربر بتواند تغییر ویژگی های خاصی از آن عنصر را به صورت متحرک در طول زمان مشاهده کند. در این بخش نحوه کارکردن با موارد و انیمیشن سازی در وب را می آموزید.

13
ایجاد اولین سایت به کمک HTML و CSS - قسمت اول
MP4 0.00 MB

ایجاد اولین سایت به کمک HTML و CSS - قسمت اول

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

14
ایجاد اولین سایت به کمک HTML و CSS - قسمت دوم - منو
MP4 0.00 MB

ایجاد اولین سایت به کمک HTML و CSS - قسمت دوم - منو

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

15
ایجاد اولین سایت به کمک HTML و CSS - قسمت سوم - محتوا و سایدبار
MP4 0.00 MB

ایجاد اولین سایت به کمک HTML و CSS - قسمت سوم - محتوا و سایدبار

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

16
ایجاد اولین سایت به کمک HTML و CSS - قسمت چهارم - فوتر و سایدبار
MP4 0.00 MB

ایجاد اولین سایت به کمک HTML و CSS - قسمت چهارم - فوتر و سایدبار

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

17
سورس پروژه
ZIP 0.00 MB

سورس پروژه

آموزش مقدماتی Html و Css

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

مدت آموزش

قیمت این دوره آموزشی : 20,000 تومان

HTML مخفف Hypertext Markup Language می باشد و به معنی زبان نشانه گذاری ابر متن است و برخلاف عقیده بسیاری این زبان یک زبان برنامه نویسی نیست. اما الزام همه زبان های برنامه نویسی تحت وب می باشد.

سرفصل های این آموزش

این دوره آموزشی با 16جلسه آموزش کامل مشتمل بر سرفصل های زیر می باشد :

  •  1 - انیمیشن سازی با css توسط transform , transition , animation
  •  2 - نحوه کار با image-sprite , image-opacity
  •  3 - آموزش list-style,link-style , gradient
  •  4 - انواع فونت، text-style, text-effect
  •  5 - آموزش position , font , text-decoration
  •  6 - نحوه کار با float , background , border , margin
  •  7 - انواع نگارش css و id , class , div , span , box-modeling
  •  8 - فرم ها و comment و text-decoration
  •  9 - آشنایی با تگ ها table , image , iframe وآموزش inline و block و entities
  •  10 - ساخت اولین وب سایت وآموزش کارکردن با Fireftp و آشنایی با تگ های link ، Paragraph ، Heading
  •  11 - معرفی دوره
  •  12 - بررسی ساختار سایت
  •  13 - ایجاد یک پروژه به کمک html و css -قسمت اول
  •  14 - ایجاد یک پروژه به کمک html و css -قسمت دوم منو
  •  15 - ایجاد یک پروژه به کمک html و css -قسمت سوم محتوا و سایدبار
  •  16 - ایجاد یک پروژه به کمک html و css -قسمت چهارم فوتروسایدبار و فونت
مبتدی

2 امتیاز بگیرید

نظرات کاربران
IP : 54.145.83.79 ساعت : 11:14:00
CAPTUA
سارا ( saghijon2000@yahoo.com )

دوره خوب و مناسبی بود

پاسخ :

  باسپاس

کیان علوی ( kiyanalavi1379@gmail.com )

بسیار دوره عالی و مفیدی بود
استاد خیلی روان تدریس میکنن و بسیار با حوصله هستن و همینطور مطالب و به بهترین شیوه ممکن ارائه میدن

پاسخ :

  با سپاس

  ورود به سایت
نام کاربری :
رمز عبور :

در صورتیکه ثبت نام نکرده اید،اینجا کلیک کنید