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

۴۷۶ رای ۹.۳

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

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

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

آموزش طراحی وب سایت با HTML , CSS

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

مراحل شروع یادگیری طراحی سایت

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

برای شروع کار و آغاز طراح وب شدن ، لازم و ضروریه که اول از همه زبان html رو یاد بگیرید . زبان html برای ایجاد بدنه و ساختار اصلی صفحات وب به کار میره . شما از هر زبان برنامه نویسی (مثل php) که استفاده کنید نهایتا باید خروجی رو به صورت کدهای html بسازید .

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

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

ما در سون لرندوره آموزشی طراحی وب (HTML و CSS پیشرفته)رو برای شما به صورت 50 ساعت آموزش ویدیویی تهیه کردیم که می تونید با بهره گیری از اون یه طراح وب کاملا حرفه ای بشید .

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

روشهای طراحی سایت

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

با html ساختار و پیکربندی کلی یک صفحه وب رو میسازیم . ولی برای اینکه ظاهر صفحه وب رو آراسته کنید باید از CSS استفاده کنید . با CSS میتونید برای هر کدوم از تگ های html خصوصیاتی چون رنگ ، فونت ، سایز ، پس زمینه و ... رو تعیین کنید . CSS رو به این منظور ایجاد کردند که ساخت پیکربندی صفحه وب رو از شیوه ی نمایش اون جدا کنند (seperation of concepts).

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

ابزار مورد نیاز طراحی سایت

برای نوشتن کدها بهتره از ادیتور هایی که قابلیت های پیشرفته ای مثل پیشبینی کد ، کامل کردن خودکار کد (auto completion) ، رنگ گذاری کلمات کلیدی ، تشخیص خطاها ، فرمت بندی کدها و ... رو دارند استفاده کنید تا سریعتر کد بزنید ، درصد خطاتون پایین بیاد و کارتون راحتتر و استانداردتر باشه . پیشنهاد من استفاده از برنامه ی phpStorm هست که برای همه ی زبان های فوق امکانات فوق العاده ای داره . سعی می کنم در مطلب بعدی این برنامه رو برای دانلود بزارم . همچنین توصیه می کنم که نرم افزار notepad++ رو هم حتما نصب کنید . به خاطر سبک بودن و امکانات نسبتا خوبش میگم . همچنین برنامه های خیلی زیاد دیگه ای در این زمینه وجود داره که می تونید از اونها اسفاده کنید. من اسم بعضی از معروف ترین هاشو در زیر میارم که میتونید سرچ و دانلود کنید یا از فروشگاه های سی دی تهیه کنید :

  • PhpStorm (html,css,javascript,php)
  • Microsoft Visual Studio (asp.net)
  • Microsoft Expression Web
  • Notepad++
  • Adobe Dreamweaver
  • Komodo Edit
  • Aptana Studio
  • NetBeans

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

 

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

سر فصل آموزش پروژه محور طراحی وب سون لرن

  • فصل اول: مباحث پایه و مقدماتی - آشنایی با دنیای وب و زبان های برنامه نویسی تحت وب
  • فصل دوم: آشنایی با زبان های HTML و CSS و کاربرد آن ها در دنیای وب
  • فصل سوم: آموزش کامل و جامع زبان HTML و HTML5
  • فصل چهارم: آموزش جامع و کامل زبان CSS و CSS3
  • فصل پنجم : آموزش خطایابی و نحوه انجام تغیرات و رفع مشکلات موجود در صفحات وب
  • فصل ششم: ناسازگاری مرورگرها! چالش ها و نحوه کدنویسی استاندارد و صحیح
  • فصل هفتم: آشنایی با جاوااسکریپت و کاربرد آن در صفحات و
  • فصل هشتم: آموزش استفاده از کتابخانه های جالب در صفحات وب و قالب های شما (اسلایدر، فانسی باکس و ...)
  • فصل نهم: HTML و CSS در عمل! نحوه طراحی و کدنویسی بخش های مختلف یک وبسایت (تکنیک ها و ترفندها)
  • فصل دهم: پروژه - تبدیل طرح فتوشاپی (PSD) به کدهای HTML و CSS
  • فصل یازدهم: پروژه - تشریح مراحل دقیق طراحی یک قالب کامل با HTML5 و CSS3
  • فصل دوازدهم: آموزش روش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا، میهن بلاگ، وردپرس) (+پروژه)
  • فصل سیزدهم: آموزش تبدیل انواع قالب های خارجی و انگلیسی به فارسی (روش کار + تکنیک ها و ترفندها) (+پروژه)
  • فصل چهاردهم: طراحی قالب متناسب با سئو - بهینه سازی صفحات وب برای موتورهای جستجو
  • فصل پانزدهم: طراحی وب واکنشگرا (Responsive) - طراحی یک قالب برای همه ابزارها (موبایل،تبلت،کامپیوتر) (+پروژه)
  • فصل شانزدهم : آشنایی با فریمورک های HTML و CSS (فریمورک PureCSS و بوت استرپ)
  • فصل هفدهم : مباحث پیشرفته در HTML5
  • فصل هجدهم  : مباحث پیشرفته در CSS3
  • فصل نوزدهم (آخر): جمع بندی و نکات مهم برای ادامه کار

نیاز به لاگین

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