subscriptions آموزش طراحی وب حرفه ای

۴۷۶ رای ۹.۳

access_time طول دوره ۴۸ ساعت
event_seat تعداد جلسات ۲۷ جلسه
people دانشجویان ۳۲۶۳ نفر
headset_mic پشتیبانی دوره۳ ماه

قیمت : ۹۹ هزار تومان

schedule بیش از 48 ساعت آموزش ویدیویی - 5.5 گیگابایت محتوای آموزشی
7Learn Experts
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی طراحی وب (جلسه 1): مقدمه و مفاهیم پایه دنیای وب و html و css play_circle_outlined
  2. دوره مجازی طراحی وب (جلسه 2): قواعد نوشتاری و مفاهیم زبان های HTML و CSS play_circle_outlined
  3. دوره مجازی طراحی وب (جلسه 3): رنگها، واحدهای اندازه و روش های استفاده از CSS و جاوااسکریپت play_circle_outlined
  4. دوره مجازی طراحی وب (جلسه 4): آموزش HTML : تگ های اصلی و فرمت بندی متن play_circle_outlined
  5. دوره مجازی طراحی وب (جلسه 5): ادامه تگ های فرمت بندی متن play_circle_outlined
  6. دوره مجازی طراحی وب (جلسه 6): فریم ها، لینکها، لیست ها و جاسازی فایل ها و اسکریپت ها play_circle_outlined
  7. دوره مجازی طراحی وب (جلسه 7): فرم ها و فیلدهای ورودی، تصاویر، صدا و ویدیو play_circle_outlined
  8. دوره مجازی طراحی وب (جلسه 8): جدول ها و تگ های بخش بندی صفحه وب play_circle_outlined
  9. دوره مجازی طراحی وب (جلسه 9): انواع سلکتور های CSS - قسمت اول play_circle_outlined
  10. دوره مجازی طراحی وب (جلسه 10): انواع سلکتور های CSS - قسمت دوم play_circle_outlined
  11. دوره مجازی طراحی وب (جلسه 11): ویژگی های CSS - قسمت اول play_circle_outlined
  12. دوره مجازی طراحی وب (جلسه 12): ویژگی های CSS - قسمت دوم play_circle_outlined
  13. دوره مجازی طراحی وب (جلسه 13): ویژگی های CSS - قسمت سوم play_circle_outlined
  14. دوره مجازی طراحی وب (جلسه 14): ویژگی های CSS - قسمت چهارم play_circle_outlined
  15. دوره مجازی طراحی وب (جلسه 15): استایل دهی و تکمیل پروژه یک play_circle_outlined
  16. دوره مجازی طراحی وب (جلسه 16): آشنایی با جاوااسکریپت، رفع مشکلات و ناسازگاری مرورگرها play_circle_outlined
  17. دوره مجازی طراحی وب (جلسه 17): آشنایی با جی کوئری، کار با پلاگین های jquery و CSS play_circle_outlined
  18. دوره مجازی طراحی وب (جلسه 18): تکنیک ها و ترفندها - ایجاد منوی وبسایت ها play_circle_outlined
  19. دوره مجازی طراحی وب (جلسه 19): پروژه : تبدیل قالب PSD فتوشاپ به کدهای html و CSS play_circle_outlined
  20. دوره مجازی طراحی وب (جلسه 20): پروژه سوم : طراحی و کد نویسی یک قالب مدرن play_circle_outlined
  21. دوره مجازی طراحی وب (جلسه 21): آموزش تبدیل قالب های html به بلاگفا، میهن بلاگ، وردپرس و ... play_circle_outlined
  22. دوره مجازی طراحی وب (جلسه 22): آموزش تبدیل و ترجمه انواع قالب های خارجی و انگلیسی به فارسی play_circle_outlined
  23. دوره مجازی طراحی وب (جلسه 23): طراحی وب متناسب با سئو و اهمیت آن play_circle_outlined
  24. دوره مجازی طراحی وب (جلسه 24): طراحی وب واکنشگرا، آشنایی با pureCSS و بوت استرپ play_circle_outlined
  25. دوره مجازی طراحی وب (جلسه 25): مباحث پیشرفته html - canvas و svg play_circle_outlined
  26. دوره مجازی طراحی وب (جلسه 26): مباحث پیشرفته CSS - transition , animation ، sprites و ... play_circle_outlined
  27. دوره مجازی طراحی وب (جلسه 27 - آخر): جمع بندی و توصیه های مهم play_circle_outlined

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

آموزش برنامه نویسی و آموزش طراحی سایت ، در دنیای کنونی برای علاقمندان به حوزه دیجیتال یک سرمایه گزاری ویژه می باشد. در این دوره ما آموزش ویدیویی طراحی وبسایت را از پایه تا پیشرفته خواهیم داشت و با بیانی ساده و شیوا جلسات دوره را برگزار نمودیم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی وب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش فارسی سازی قالب های خارجی، آموزش طراحی قالب Html برای سیستم های وبلاگدهی به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود.

مشاهده دموی نمونه قالب آموزش داده شده در این دوره (1) مشاهده دموی نمونه قالب آموزش داده شده در این دوره (2) مشاهده دموی قالب رسپانسیو شده دوم

 

دانلود فایل PDF سرفصل ها با جزئیات دقیق و به تفکیک جلسات ویدیویی

 

:: سرفصل ها دوره کاربردی و حرفه ای طراحی وب و رابط کاربری سون لرن

فصل اول: مباحث پایه و مقدماتی - آشنایی با دنیای وب و زبان های برنامه نویسی تحت وب

فصل دوم: آشنایی با زبان های HTML و CSS و کاربرد آن ها در دنیای وب

فصل سوم: آموزش کامل و جامع زبان HTML و HTML5

فصل چهارم: آموزش جامع و کامل زبان CSS و CSS3

فصل پنجم : آموزش خطایابی و نحوه انجام تغیرات و رفع مشکلات موجود در صفحات وب

فصل ششم: ناسازگاری مرورگرها! چالش ها و نحوه کدنویسی استاندارد و صحیح

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

فصل هشتم: آموزش استفاده از کتابخانه های جالب در صفحات وب و قالب های شما (اسلایدر، فانسی باکس و ...)

فصل نهم: HTML و CSS در عمل! نحوه طراحی و کدنویسی بخش های مختلف یک وبسایت (تکنیک ها و ترفندها)

فصل دهم: پروژه - تبدیل طرح فتوشاپی (PSD) به کدهای HTML و CSS

فصل یازدهم: پروژه - تشریح مراحل دقیق طراحی یک قالب کامل با HTML5 و CSS3

فصل دوازدهم: آموزش روش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا، میهن بلاگ، وردپرس) (+پروژه)

فصل سیزدهم: آموزش تبدیل انواع قالب های خارجی و انگلیسی به فارسی (روش کار + تکنیک ها و ترفندها) (+پروژه)

فصل چهاردهم: طراحی قالب متناسب با سئو - بهینه سازی صفحات وب برای موتورهای جستجو

فصل پانزدهم: طراحی وب واکنشگرا (Responsive) - طراحی یک قالب برای همه ابزارها (موبایل،تبلت،کامپیوتر) (+پروژه)  

فصل شانزدهم : آشنایی با فریمورک های HTML و CSS (فریمورک PureCSS و بوت استرپ)

فصل هفدهم : مباحث پیشرفته در HTML5

فصل هجدهم  : مباحث پیشرفته در CSS3

فصل نوزدهم (آخر): جمع بندی و نکات مهم برای ادامه کار

 
Ali jaberi replyپاسخ

ببخشید چرا وقتی روی دانلود کلیک میکنم ویدئو رو پخش میکنه

مصطفی قدیمی

سلام
دوست عزیز شما سعی کنید از برنامه های مدیریت دانلود استفاده کنید مشکلی نداره …

علی صالحی replyپاسخ

سلام جناب اوند
یه سوالی برام پیش اومده ممنون میشم جواب بدین
تو بخش footer پروژه ای که در این قسمت کار شد شما اومدین یه تگ div تعریف کردین و درون اون از تگ footer استفاده کردین
ولی فک کنم اگه قبلش اول از تگ footer استفاده میکردیم که به مرورگر بگیم اینجا بخش فوتر است بعدش با تگ div قسمت های مختلف footer و جدا کنیم نمیدونم شایدم من اشتباه میکنم یه سایتی هم رفتم ( خارجی ) خواستین ادرسشم میدم اونام اینجوری نوشته بودن اول تگ footer بود بعد تگ Div که با div اون بخش footer رو به چند بخش تقسیم کرده بودن
تشکر

علی صالحی replyپاسخ

سلام جواب کامنت قبلی و نمیدین ؟

علی صالحی replyپاسخ

یه سوال دیگه جناب اوند شما چرا تو مقاله های سایت خودتون از تگ article استفاده نکردید ؟ و فقط از تگ p استفاده کردید اونجوری که تو سئو سایت شمام تاثیر زیادی داشت

مصطفی قدیمی

سلام سئو به خیلی از عوامل دیگه بستگی داره دوست عزیز نمیشه کاملا گفت بخاطر این موضوع باشه اینمیکی از فاکتور هاشه که از تگ های به روز وبدون اشکال استفاده کنید

علی صالحی replyپاسخ

سلام جناب اوند
یه سوالی مدتیه درگیرشم دیگه اخر سر خواستم بپرسم
شما تو اموزش تاکید دارید که از تگ های معناگر استفاده کنیم که این خوب درست تو سئو سایت هم تاثیر زیادی داره ولی اگه ما برای یه بلاگفا مثلا یه قالب بنویسیم بعد تو قسمت مدیریت یه مطلب جدید اضافه کنیم وقتی میخوایم مثلا از تگ storng یا code تو مطلب استفاده کنیم باید چیکار کنیم ؟ تگ های i b هست ولی اینا مفهوم گر نیست باید بریم تو تنظیمات قالب و کد هاشو عوض کنیم یا مجبوریم همونجوری ادامه بدیم ؟
دو تا سوال دیگه دارم
این بلاگفا خودش بر پایه php نوشته شده ؟ که به هر کاربر یه پنل مدیریتی میده و میتونه صفحه خودشو مدیریت کنه ؟ و اگه کسی php بلد باشه میتونه یه همچین سیستمی بسازه ؟ wordpress هم مثل سیستم بلاگفاس یا اون فرق میکنه
یه سوال دیگم اینه ایا میشه یه صفحه مدیریتی برای بلاگفا ساخت به غیر از امکانات خود بلاگفا مثلا با Php یه پنل مدیریتی بسازیم که از اونجا با امکانات زیاد تر وبلاگ خودمونو مدیریت کنیم یا از این پنل مدیریتی فقط تو وردپرس میشه استفاده کرد ؟
کلا یکم ذهنم دگیره امیدوارم به جواب سوالام برسم
این خیلی خوبه که با ارامش کامل و با تسلط زیاد اموزش رو پیش میبرین
تشکر

علی صالحی replyپاسخ

سلام خدمت شما مشکل حل شد تشکر

علی صالحی replyپاسخ

نسخه 2018.2

مصطفی قدیمی

شما با استفاده از این سایت سرور جدید رو اضافه کنید به phpstorm

https://jetbrains.tools/

مصطفی قدیمی replyپاسخ

سلام وقت بخیر
از ناحیه کاربری قسمت بازاریابی میتونید کد مخصوص خودتون رو به دوستانتون معرفی کنید

مصطفی قدیمی replyپاسخ

سلام
موردی نداره دوست عزیز لطفا دوباره بررسی کنید

مصطفی قدیمی replyپاسخ

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

مصطفی قدیمی replyپاسخ

شما نیاز نیست توضیح بدید نسبت به پروژه به صلاح دید خودتون کارو انجام بدید و سعی کنید از فلکس باکس و مدیا کوئری استفاده کنید

مصطفی قدیمی replyپاسخ

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

مصطفی قدیمی replyپاسخ

سلام بله

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

مصطفی قدیمی replyپاسخ

سلام وقت بخیر
برای اکتیو کردن برنامه از سایت زیر استفاده کنید https://jetbrains.tools/

مصطفی قدیمی replyپاسخ

adobe muse برای سهولت فرایند طراحی سایت به کمک برنامه نویس های صفحات وب می آید. کاربرد adobe muse در صفحات وب خلاصه نمی شود و برای برنامه نویسی اندروید هم کاربرد دارد.

مصطفی قدیمی replyپاسخ

سلام وقت بخیر
موردی وجود نداره دوست عزیز لطفا دوباره بررسی کتید

مصطفی قدیمی replyپاسخ

سلام وقت بخیر
موردی وجود نداره دوست عزیز لطفا دوباره بررسی کتید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 4 5 77
مدرس و آمار دوره
Course-Teacher
لقمان آوند
دانشجوی دکترای نرم افزار دانشگاه شیراز ، با 10 سال سابقه فعالیت های آموزشی در بستر وب فارسی . مدیر، موسس و برنامه نویس وبسایت سون لرن با بیش از 8 سال سابقه طراحی وب و برنامه نویسی حرفه ای زبان های Html, CSS, Javascript, Jquery, Ajax و PHP.
library_books
۳۴۶ مقاله تخصصی
school
۷ دوره برگزار شده
۸۹۵۴ علاقمندfavorite
۸۱۴۰ دانشجوpeople
۱۴۳۴ رایstar
٪ ۹۲.۵ میانگین رضایت از مدرس
پیشنیاز های دوره
این دوره هیچ پیشنیازی ندارد، از سطح پایه و با زبانی ساده تدریس شده است.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com