×
ribbon

آموزش مقدماتی طراحی وب با HTML و CSS

مدرس:

محمدرضا زهدی

دوره آموزشی مقدماتی طراحی وب با HTML , CSS در این دوره به بررسی چگونگی طراحی صفحات وب... بیشتر
گواهی‌نامه
3.2 (5)
4 دیدگاه
237دانشجو
5ساعت
سرفصل‌ها
مقدماتی سطح دوره

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

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

طراحی وب سایت

یادگیری زبان CSS

یادگیری زبان نشانه‌گذاری HTML

آَشنایی مختصر با JS

این دوره شامل:

4 ساعت ویدئو

16 جلسه متنی

9 سؤال سنجش و یادگیری

11 فایل ضمیمه قابل دانلود

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

4 فصل29 جلسه5 ساعت ویدیو
HTML
  مقدمه‌ای بر HTML (تئوری)
12:50
  مقدمه‌ای بر HTML (عملی)
15:40
  مختصری درباره‌ی سئو
07:06
  معرفی تگ پاراگراف و نکات
12:14
  استایل و ویژگی‌ها
09:03
  توضیحاتی درباره Style و موارد سیلابس آن
11:09
  معرفی تگ span و دیگر موارد
09:25
  Text Formatting در HTML
16:55
  لینک‌ها و پیوندها - بخش اول
10:45
  لینک‌ها و پیوندها - بخش دوم
03:41
  لینک‌ها و رنگ‌ها و تایتل
09:49
  Bookmarks
04:03
  تصاویر و نقشه بندی تصاویر
16:05
  انتخابگرها
07:50
  لیست‌ها
05:55
  جداول و نکات آنها
18:27
  وراثت جدول‌ها در HTML , CSS
01:15
  نکات تگ Div در HTML
04:37
  فرم‌ها و نکات آنها
09:11
  فرم‌ها پروژه محور - نمونه کد (پیشرفته تر)
02:33
  فرم‌ها ( پیشرفته )
11:31
  DOM در صوت و تصویر و فیلم‌ها HTML
06:32
  مختصری از رنگ‌ها در HTML
01:51
  HTML - رنگ‌ها
05:09
CSS
  شروع کار با CSS
05:20
  انتخابگرها در CSS (تئوری)
11:20
  انتخابگرها در CSS (مثال عملی)
04:27
  آشنایی با سیستم‌های رنگدهی در CSS مانند RGB
02:06
  تنظیمات پیشرفته پس زمینه
03:55
  کادرها حاشیه‌ها و جدول‌ها
03:55
  پویانمایی و طراحی واکنشگرا Responsive
06:36
  پویانمایی و طراحی واکنشگرا - بخش دوم : Responsive
03:12
JS مختصر
  معرفی جاوا اسکریپت
05:18
  جاوا اسکریپت و نمونه پروژه محور
04:43
  مسئله‌ی یک تابع در جاوا اسکریپت
04:31
  یک پروژه جالب (مدار الکتریکی)
00:21
فایل جزوات و پروژه‌ها و تمارین
  تمرین تئوری قسمت اول
03:00
  مقدمه‌ای بر HTML (عملی) - جدول ارائه شده در فیلم
09:57
  تمرین عملی - بخش دوم
01:00
  تمرین - مختصری درباره‌ی سئو
02:00
  تمرین مربوط معرفی تگ پاراگراف + نکات
01:00
  توضیحاتی درباره Style و موارد سیلابس آن
02:00
  معرفی تگ span و دیگر موارد
01:29
  تصاویر و نقشه بندی تصاویر
04:02
  Semantic Elements
02:22
  نحوه ذخیره سازی فایل‌های HTML در Mac (ویژه کاربران Mac)
03:04
  پروژه: فرم‌‎ها در HTML
06:36
  تگ‌های متا و کاربرد آنها در HTML
02:53
  تمرین و پروژه‌ای از جاوا اسکریپت: پروژه شماره 1
00:36
  تمرین تکمیلی- دو نمونه کد کاربردی JS برای طراحی وب
00:22

پیش‌نیاز‌ها

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

توضیحات دوره

دوره آموزشی مقدماتی طراحی وب با HTML , CSS 

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

در این دوره به یادگیری زبان نشانه گذاری HTML و CSS به طور مفصل و جامع می پردازیم،

HTML مخفف و بر پایه ی عبارت انگلیسی HyperText Markup Language و به معنای زبان نشانه گذاری فرا متن ( ابر متن ) می‌باشد. این زبان توصیف کننده ساختار است و اسکلت و نحوه چینش المان‌ها (عناصر ) صفحه وب را مشخص می‌کند. از زبان نشانه گذاری HTML برای راهنمایی و نشانه گذاری به مرورگر استفاده می‌شود که چگونه محتواها را نمایش دهد، چیزی که در مبحث SEO یعنی Search Engine Optimization از اهمیت بسیار زیادی برخوردار است.

در این دوره نحوه استفاده از تگ ها را ملاحظه خواهید نمود، با استثناءها در زبان نشانه گذاری HTML اشنا می‌شوید، مرجع‌های تشکیل دهنده‌ی زبان من جمله (CharacterSets, Events , Global , Attributes , Elements, Audio Video DOM , Tags, Country codes , Colors, Canvas, Pixel to Em Converting ,... خیلی چیزهای دیگر ) خواهید آموخت. با محیط ویرایشگرهای HTML که معروف‌ترین آنها Notepad و +Notepad است آشنا می‌شوید. همچنین به مفاهیمی من جمله تگ‌ها، تصاویر، اشیاء، پاراگراف‌ها، هدینگ‌ها و خطوط و جدول‌ها و لیست‌ها و... پرداخته می‌شود.

CSS که مخفف و بر پایه ی عبارت Cascading Style Sheet است ، زبانی است که برای استایل دهی ، رنگ آمیزی و مشخص کردن صفات ظاهری سایت و نحوه قرارگیری و ترتیب دهی به آن استفاده می‌شود.مثلا سایز فونت‌ها را تغییر می‌دهید، شکل و ساختمان متن‌ها عوض می‌کنید و یا رنگ پس زمینه ، کادر ها ، لینک ها و... را تغییر می‌دهید. و حتی ترتیب قرار گیری آن را مشخص می‌کنید. همچنین سایت خود را Responsive یا واکنش گرا می‌کنید.

از تفاوت های زبان برنامه نویسی با زبان های نشانه گذاری غافل نشوید!!! : زبان برنامه نویسی با زبان نشانه گذاری فرق دارند ، برای نمونه بسیاری از المان های یک زبان برنامه نویسی در زبان نشانه گذاری نیست ، مانند توابع ، شروط و حلقه ها و آرگومان ها و بسیاری دیگر ... و این در حالی است که زبان های نشانه گذاری راهنما و نشانه گذار زبان های برنامه نویسی می باشند.

دوره آموزشی HTML و CSS طراحی وب برای چه کسانی مناسب است؟ و چه هدفی دارد؟ 

هدف از یادگیری زبان هایی من جمله HTML , CSS , Javascript (JS) همان طراحی سایت و توسعه و رونق کسب و کارهای تجاری و شخصی و شرکتی شما است، می‌توانید با طراحی سایت و بهینه سازی آن درآمد دریافتی خود را از این طریق افزایش دهید، حتی در غیر این صورت می توانید با کسب یک مهارت جدید ، مهارت های شخصی خود را تقویت کنید تا در کار و زندگی حرفه ای خود در آمد و موقعیت بهتری داشته باشید.

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

بعد از فراگیری این دوره شما قادر خواهید بود پروژه‌های متنوع و دلخواه خودتان را در این دو زبان بگنجانید!

دیدگاه کاربران

3.2

بر اساس امتیاز 5 دانشجو

1
2
3
4
5

آرتین حسین زاده شانجانی

17 روز پیش

5

good

گیتی بیات

8 ماه پیش

5

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

پروانه سعیدی

19 روز پیش

4

سپاس از استاد گرامی آموزش راحت و قابل درک است فقط صدای کلاس کم و کمی ناواضح است

امیرمحمد فقیهی

1 ماه پیش

1

کیفیت افتضاح صدا و غلط بودن سوال تمرین

گواهینامه اختصاصی دو زبانه

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

امکان اشتراک گذاری در لینکدین
دو زبانه
2دوره
256دانشجو
5نظر و امتیاز

محمدرضا زهدی، دانشجوی کارشناسی پیوسته رشته اویونیک از دانشکده صنعت هواپیمایی کشوری می باشد و مسلط به برنامه‌نویسی طراحی وب در حیطه‌های Front-End و Back-End است. همچنین به زبان‎‌های برنامه‌نویسی Python, java, C++ , C, R, C# , F# , Visual Basic و COBOL و ... تسلط دارد. وی به انجام تحقیقات در حیطه نرم افزاری و کامیپوتری به ویژه سخت افزار و میان افزار نیز علاقه مند است.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه

سوالات پرتکرار

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

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