آموزش ساده و سریع طراحی وب

468 روز پیش

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

html & css learning video

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

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

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

در تهیه این آموزش همانند همه آموزش‌های قبلی سعی شده مطالب با سرعت بالا گفته بشه و شاید در طی این مجموعه لازم باشه به دفعات فیلم رو به عقب برگردونده و جملات و یا کدها رو مرور کنید.(البته یکی از چریکت‌های ما فیلم‌هارو با سرعت پخش دو برابر میدید!)

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

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

برای دانلود کامل و رایگان این مجموعه به ادامه مطلب بروید.

نیازمندی‌های مجموعه آموزشی طراحی وب

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

  • دانلود و نصب ادیتور سابلایم – Sublime
  • دانلود و نصب یک مرورگر مدرن مثل گوگل کروم – Chrome

دانلود

قسمت۰۱ | قسمت۰۲ | قسمت۰۳ | قسمت۰۴ | قسمت۰۵ | قسمت۰۶ | قسمت۰۷ | قسمت۰۸ | قسمت۰۹ | قسمت۱۰ | قسمت۱۱ | قسمت۱۲ | قسمت۱۳ | قسمت۱۴ | قسمت۱۵ | قسمت۱۶ | قسمت۱۷ | قسمت۱۸ | قسمت۱۹ | قسمت۲۰ | قسمت۲۱ | قسمت۲۲ | قسمت۲۳ | قسمت۲۴ | قسمت۲۵ | قسمت۲۶ | قسمت۲۷ | قسمت۲۸ | قسمت۲۹ | قسمت۳۰ | قسمت۳۱ | قسمت۳۲ | قسمت۳۳ | قسمت۳۴ | قسمت۳۵ | قسمت۳۶ | قسمت۳۷ | قسمت۳۸ | قسمت۳۹ | قسمت۴۰ | قسمت۴۱ | قسمت۴۲ | قسمت۴۳ | قسمت۴۴ | قسمت۴۵ | قسمت۴۶ | قسمت۴۷ | قسمت۴۸ | قسمت۴۹ | قسمت۵۰ | قسمت۵۱ | قسمت۵۲ | قسمت۵۳ | قسمت۵۴ | قسمت۵۵ | قسمت۵۶ | قسمت۵۷ |

دانلود کنید

دانلود مجموعه آموزش طراحی وب

حدود ۱۴۹۰ مگابایت

  1. asd313 پاسخ دادن

    سلام خسته نباشید و خداقوت خدمت آقای عوض زاده؛ میخواستم بگم که قسمت دوم این مجموعه مشکل داره و پخش نمیشه و میره توو صفحه ای که یک سری خط کدنویسی وجود داره(بصورت یه عکس در میاد) و پایینش نوشته :
    Powered By Mixa

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

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

    • asd313

      درستش کردم فهمیدم مشکل از کجاست…لینک این قسمت از آموزش خوبتون یه اشکال کوچولو داشت که با برطرف کردن اون اشکال، تونستم فیلم رو لود کنم. آخر اسم فایل این قسمت (chrikt-htmlcss02-html-.mp4) یه علامت «-» اضافه زده شده که اینو که برداشتم (طبق الگویی که بنظرم رسید شما برای نامگذاری استفاده کردید حدس زدم این علامت اضافه باشه) درست شد و از شما ممنونم.

      فقط میمونه سوال دومم…اگه لطف کنید و پاسخ بدید؛ ممنونتون میشم.

      باتشکر.

    • جواد عوض زاده

      سلام
      ممنون از تذکرتون، لینک تصحیح شد.

    • جواد عوض زاده

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

  2. وحید پاسخ دادن

    سلام
    تشکر از اینکه این آموزش رو ارائه دادید،تازه دانلود کردم و هنوز شروع نکردم ولی خواستم حداقل قدردانی از این کار شما،متشکر

  3. مهدی پاسخ دادن

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

    • جواد عوض زاده

      سلام
      مجموعه فتوشاپ به صورت ساده آموزش داده شد منتها فیلمش به صورت کامل تهیه نشد و فعلا هم برنامه‌ای برای آموزش مجدد فتوشاپ نداریم

  4. آروین پاسخ دادن

    مهندس جان در یک جمله دمت گرم

  5. Ramin پاسخ دادن

    سلام اقای عوض زاده عزیز
    ممنون بابت سایت و اموزشهای خوبتون
    مثل اینکه اموزش cssپیش نیاز html رو لازم داره
    ولی اموزشش رو من ندیدم میشه اموزشش رو بزارید؟

    • جواد عوض زاده

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

  6. مرتضی پاسخ دادن

    باسلام و خسته نباشید
    برای ساخت و تولید نرم افزار ، برنامه درست کنین .
    با تشکر

  7. هادی پاسخ دادن

    سلام دادا… واقعا دمت گرم … در این زمینه استادی به مولا …. خیلی استفاده کردم

  8. این نوشته در مطلبی با عنوان آموزش ساده و سریع پی‌اچ‌پی منتشر شده است

  9. سلام ممنون بابت آموزش خوبتون.
    کمتر سایتی آموزش html5 css3 رو گذاشتن و علاقه مندان اکثرا همون نسخه های قبلی رو یاد میگیرند مثل html4.1 css2 تشکر

  10. none پاسخ دادن

    سلام خیلی عالی بود. ممنون از آموزش خوبتون.

    بنده می تونم اون فایلی که در قسمت ۵۲ با عنوان ermile.css که حدود ۴۵۰ تا لاین هم داشت. و شامل کد های پیش فرض هر فایل سی اس اسی بود. داشته باشم.؟

    • جواد عوض زاده

      سلام
      می‌تونید از طریق وب‌سایت ارمایل به این فایل دسترسی داشته باشید.
      ermile.com/static/css/ermile.css

  11. amirhossein پاسخ دادن

    سلام وقت بخیر
    برای طراحی وب همین آموزش ویدئویی که گذاشتین کافیه؟

    • جواد عوض زاده

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

  12. زهرا پاسخ دادن

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

  13. میلاد پاسخ دادن

    سلام دوست عزیز
    اول اینکه کلمه ای برای قدر دانی از شما در دایره لغاتم نمیبینم … واقعا سپاسگزارم
    سوالم اینه برای شروع کار برنامه نویسی و طراحی ووو آیا روند یادگیری که مینویسم درسته یا نه اگه درست نیست لطفا تصحیحش کنین که بفهمم چیکار کنم
    قدم به قدم C بعد C++ بعد HTML بعد CSS
    نهایت سپاس

    • جواد عوض زاده

      سلام
      میتونید مستقیم از اچ‌تی‌ام‌ال شروع کنید و بعد سی‌اس‌اس و …

  14. نابت پاسخ دادن

    سلام ممنون از سایت خوبتون
    آیا می توان با این آموزش ها چیزی مانند سایت دیجیکالا را تولید کرد یا آموزش بیش تری لازم است؟
    با تشکر

  15. باقری پاسخ دادن

    سلام، لطفا لطفا لطفا در ادامه فیلم های آموزشی HTML و CSS آموزش جاوا اسکریپ و جی کواری رو هم قرار بدید. با تشکر

  16. علی غیاث ابادی پاسخ دادن

    خیلی خوبه منو مشتاق کرد به یادگیری ازتون باتمام قلبم تشکر میکنم

  17. علی غیاث ابادی پاسخ دادن

    اگه میشه نرم افزارهای مهمی مثله نرم افزار مطلبو اموزش بدید. ممنون از شما.

  18. علی غیاثی پاسخ دادن

    یه سوال من وقتی طبق اموزشتون فایل htmlرو ساختم (درقسمت مقدماتی)وقتی داخل برنامه ساب عبارترو نوشتم و تب رو زدم هیچ اتفاقی نیوفتاد لطفا راهنمایی کنید ممنون

  19. مهناز پاسخ دادن

    مرسی برای تماممم آموزشهای خوب سایتتون . خدا قوت

  20. Shayan پاسخ دادن

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

  21. امید باقری پاسخ دادن

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