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

۴۷۶ رای ۹.۳

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
  • فصل نوزدهم (آخر): جمع بندی و نکات مهم برای ادامه کار
Artin Souri replyپاسخ

سلام خدمت دکتر آوند

امکان داره اون فایل jar رو که شخصا برای phpStorm ویرایش کردید ، در سایت قرار بدید؟

خیلی ممنون از سون لرن

mohamad tamimipoor replyپاسخ

سلام. از گروه 7LERN تشکر میکنم. دوره ی خیلی جامعو کاربری بود و دقیقا مباحتی که واسه طراحی لازمه ولی کسی یاد نمیده اورده شده بود + کاملا مشخص بود که اقای اوند دوره رو با نیت کاملا خیرخواهنه و دلسوزانه برای دانشجو ها جمع اوری کرده باز کلی تشکر میکنم و ارزوی موفقیت میکنم و این یه خدمت بزرگ به جوان ها بود

اسیه جوکار replyپاسخ

سلام
در هنگام فعالسازی به کل برنامه از کار افتاد. Run As Administrator رو هم امتحان کردم ولی نتیجه نگرفتم. فکر میکنید دلیل چی باشه؟
ممنون میشم اگر راهنمایی بفرمائید. برنامه به کل از کار افتاده و کلاً Run نمیشه!!!
یبار هم حذف و نصب کردم و درست نشد.چیکار کنم؟

اسیه جوکار

درست شد ببخشید

Abolfazl B replyپاسخ

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

mmmmmmm replyپاسخ

سلام اقای لقمان آوند ی سری دمو های ویژه زیبا طراحی کرده بودید در قسمت اول نشون دادید اونهارو در کدوم جلسه یاد میدید بسازیم؟

محمد کافی replyپاسخ

سلام ببخشید این برنامه freegate کار نمیکنه باید چیکار کرد؟

محمدرضا replyپاسخ

سلام ببخشید شما CSS-SPRITE را آموزش دادین مگه نباید برای آیکون ها از لایبری فونت آسوم استفاده کرد؟
سوال بعد اینکه توی TRANSITION فرق transition-duration و transition-delay چی هست؟

محمد رسول replyپاسخ

سلام و خسته نباشید خدمت شما
می خواستم بدونم می شه یه سایت معرفی کنید که با html و css نوشته شده باشه
من هرچی سایت بررسی میکنم تو wappalyzer با وردپرس نوشته شده؟
و میشه به زبان ساده بگید که وردپرس و html چیند.

محمدرضا replyپاسخ

سلام ببخشید اگه بخام به خود path رنگ زمینه بدم طوری که تمام فضاهایی که داخل خمیدگی قرار دارن رنگ بگیرن چیکار باید کنم مقدار fill را رنگ دادم یه چیز عجیب غریبی شد

Sophia Dana replyپاسخ

سلام , متاسفانه علیرغم همه صحبت هایی که در فایل در دسترس قبل از ثبت نام قرار داده شده , مبنی بر نحوه پشتیانی دوره , اجرایی نشد برای من در این مقطعی که دوره را خریداری نمودم , در معرفی دوره شما میگید 4 روش برای پشتیبانی داریم 1-تلفن خودتان یعنی مدرس دوره 2-همین صفحه 3- نصب برنامه تیم ویور و ریموت شدن به کامپیوتر دانشجو 4- پشتبانی تلگرام , ولی متاسفانه گفتند مورد اول که کلا دیگه حذف شده , اینجا پایین این صفحه هم که پاسخی دریافت نکردم , در تلگرام به من گفتن امکان ریموت به کامپیوتر بنده نیست و بعدا هم کلا دیگه جواب ندادن , برای من باعث تاسف هست که با نوعی عدم مسئولیت مواجه شدم و وقت و هزینه کردم و البته اعتماد, امیدوارم حداقل در بازپرداخت هزینه دوره بدلیل انصرافم دچار مشکل نشوم

محمد امین لعل شعبانی replyپاسخ

با سلام به اقای لقمان اوند عزیز
اقای لمقان خواستم از شما تشکر کنم برای اموزشهای فوق العاده تون شما دستانی از طرف خداوند برای ما هستید که ما سطح اموزشمون رو ببریم بالا واقعا اموزشهای خیلی خوبی دارید با تشکر از شما و استاد های دوره های مثل اندروید فتوشاب و … غیره

Kamal replyپاسخ

سلام میخوام دیتابیس پی اچ پی و مای اسکیو ال کار کنم .
من این دوره خریداری کردم و راضی هستم خیلی خوب بود .
الان در ادامه باید کدام مبحث یا مباحث یاد بگیرم ؟
جاوااسکریپت یا جی کویری یا بوت استرپ یا پی اچ پی ……..

Sophia Dana replyپاسخ

سلام و روز بخیر . من بارها از تلگرام هم پیگیر شدم اما دریغ از راهنمایی
پشتیبانی واقعا خیلی ضعیفه , اینجور باشه مایلم انصراف بدم با همه احترامی که قایل هستم براتون

محمدرضا replyپاسخ

سلام ببخشید بنده دوره html,cssرو تقریبا تموم کردم و چنتا قالب هم زدم و فک میکنم تا حد خوبی مسلط شدم البته یکسری شک و ابهاماتی درم هست که فک میکنم درست مسلطنشدم که دارم سعی میکنم از بینش ببرم الان میخواستم با آقای آوند در ارتباط باشم تا ادامه ی راه را ازش بپرسم که الان باید سراغ چه چیزی برم چطور میتونم با ایشون در ارتباط باشم؟ممنون میشم پاسخ بدید

Sophia Dana replyپاسخ

سلام و روزبخیر , چندین روز از درخواست راهنمایی من گذشته و همچنان منتظر جواب هستم , امروز به آی.دی پشتیبانی در تلگرام نیز پیام دادم و اطلاع دادم ,

من تا بحال نرم افزاری رو کرک نکردم و بلد نیستم لذا سئوالاتم رو مجدد مینویسم :
1 . بعد از نصب پی.اچ.پی . اولین اجرا برای رد شدن از قسمتی که لایسنس رو میخواد باید به چه صورت عمل کنم و چگونه از فایل کرک استفاده کنم – اصلا بلد نیستم و سوال و جوابهای دوستان قبل رو خوندم و پیدا نکردم جوابم رو – ممنون میشم با جزییات برام بگین
2. در یوتیوپ دنبال چگونگی نصب گشتم و دیدم یه جا نرم افزار رو بعنوان ادمین شروع به نصب کرد , آیا ما باید بصورت ادمین نصب کنیم یا حالت معمولی
ممنون میشم زودتر بتونم جواب داشته باشم

Sophia Dana

من نرم افزار تیم ویور هم نصب کردم اگه ریموت برام نصب بکنید ممنون میشم , آی تلگرامم برای هماهنگی هست Sophia_Dana@

حامد امیری replyپاسخ

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

Ali replyپاسخ

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

جبار محمدی replyپاسخ

دقیقا
خیلی خسته کنندس

نیاز به لاگین

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