گنج واقعی تخصص شماست. 50 درصد تخفیف ویژه با کد تخفیف : ganj

مشاهده سایر خدمات

چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

۵۷۱۷ ساعت فیلم تدریس شده است

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش CSS3
دوره ی آموزش طراحی قالب responsive (بخش اول)
۵۰ نظر
بازدید : 8,197 بازدید
دوره ی آموزش طراحی قالب responsive (بخش اول)

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

این دوره که تا به حال درخواست کننده های زیادی داشته و عموم کاربرایی که در حال یادگیری طراحی وبسایت و برنامه نویسی وبسایت هستند بهش نیاز داشتن رو در ۱۰ قسمت آموزشی مفید به صورت کاملا پروژه محور در قالب پروژه ی یک قالب flat آماده کردیم.

با توجه به اینکه عموم کاربرا به این دوره نیاز داشتن سعی شده طوری بیان بشه که دوستانی که آشنایی زیادی با html و css و … ندارن هم بتونن به خوبی از آموزش استفاده کنن و قالب های واکنش گرا یا responsive طراحی کنن یا قالب هایی که دارن رو تبدیل به یک قالب واکنشگرا کنن.

در  آموزش طراحی قالب responsive مبحث با استفاده از روش CSS Media بررسی و کار شده است.

مواردی که در این دوره ی آموزشی خواهید آموخت :

در قسمت مقدمه »

– آشنایی با مبحث responsive و مشاهده ی مثالهایی از این نوع قالب

– مرور کلی و گذرای کدنویسی html و تگ ها متداول

در قسمت اول » تعیین نقشه ی راه و مشاهده ی طرح قالب و استارت کار

در قسمت دوم » آشنایی با مبحث css ها و کاربرد آنها در قالب مثال های عملی

در قسمت سوم » آشنایی با editor و شروع کار طراحی در editor قوی و کامل sublime

در قسمت چهارم » ادامه ی مبحث طراحی قالب ، چینش div ها در صفحه ی اصلی و استایل دهی به آن ها

در قسمت پنجم » آشنایی به border ها و selector ها و اشکال هندسی در css

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

در قسمت هفتم » ادامه ی طراحی قالب ، طراحی قسمت منوها و استایل دهی به آن ها

در قسمت هشتم » ادامه ی طراحی قالب ، کار با pading ها و سایر کدهای css برای بهتر شدن کار و کمک به flat شدن قالب

در قسمت نهم » ادامه ی طراحی قالب ، قسمت منوها و قرار دادن تصویر در div دوم از قالب

در قسمت دهم » طراحی قسمت skills و قرار دادن تصاویر در div سوم به صورت واکنش گرا و اتمام بخش اول

مشاهده ی دموی آموزش از اینجا

 

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

دریافت کنید

15000 تومان
شرکت در در این دوره آموزشی
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۵۰
    • jafar
      شنبه ۴ اردیبهشت ۱۳۹۵ - ۲۰:۴۴

      سلام،لینک دانلود دمو خرابه!

      • مشاور 7
        سه شنبه ۴ خرداد ۱۳۹۵ - ۰۸:۴۹

        سلام
        اصلاح شد.

    • بهاره
      دوشنبه ۳۰ آذر ۱۳۹۴ - ۰۹:۳۴

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

      • مدیر- تقی زاده
        سه شنبه ۱ دی ۱۳۹۴ - ۱۰:۰۵

        سلام
        بله کامله و بخش بعدیشم روی سایت قرارگرفته

        • بهاره
          سه شنبه ۱ دی ۱۳۹۴ - ۱۴:۰۴

          لینک قسمت دوم را میشه بفرستید برام؟ و اینکه لینک دمو ه میشه بفرستید؟

    • طاها
      دوشنبه ۱۶ آذر ۱۳۹۴ - ۱۰:۱۰

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

    • saman
      پنج شنبه ۴ تیر ۱۳۹۴ - ۱۱:۲۶

      سلام … این دومین باره که پیام میدم … من این آموزش رو خریداری کردم … اما فایل شماره ۱۰(یکی به آخر مونده) خرابه و امکان دانلودش نیست…ممنون می شم اگه رسیدگی کنید…!

    • saman
      چهارشنبه ۳ تیر ۱۳۹۴ - ۲۲:۳۵

      سلام من این آموزش رو خریدم…موقع دانلود کردن پارت ۱۰(یکی به آخر مونده)ایراد داشت…و دانلود نمیشه…ممنون میشم که رسیدگی کنید … دمتون گرم…!

      • هادی نیا
        سه شنبه ۹ تیر ۱۳۹۴ - ۱۲:۴۹

        سلام
        به ایمیل شما ارسال شد.

    • SeyedMHM
      شنبه ۲۲ فروردین ۱۳۹۴ - ۱۰:۲۶

      دوستانی که می خوان پروژه نهایی رو ببینند می تونند از بخش دوم-آخر همین آموزش اونو دانلود کنند.
      این هم لینک مستقیم :
      http://dl.daneshjooyar.com/users/user1038/SeyedMHM/Responsive%20finish.rar
      تعداد قسمت های کل این مجموعه (بخش اول و بخش دوم-آخر) هم ۲۲ قسمت + ۲ قسمت مقدمه است.
      زمان کل این بخش (بخش اول) هم ۳:۱۶:۱۱ ثانیه و زمان کل دوره (بخش اول و بخش دوم-آخر) روی هم ۸:۲۶:۳۶ است

    • losi
      چهارشنبه ۱۹ فروردین ۱۳۹۴ - ۱۸:۲۳

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

      استاد ۳ فروردین گفتین حداکثر تا یه هفته اموزش میاد

      الان ۱۹ هست بازم خبری از اموزش نیست

      لطفا اموزشارو زود منتشر کنید

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

      • SeyedMHM
        جمعه ۲۱ فروردین ۱۳۹۴ - ۱۷:۳۵

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

        • عرفان
          جمعه ۲۱ فروردین ۱۳۹۴ - ۲۰:۳۷

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

          • مدیر- تقی زاده
            جمعه ۲۱ فروردین ۱۳۹۴ - ۲۲:۳۶

            سلام
            بخش دوم آموزش روی سایت قرار گرفته

            • عرفان
              شنبه ۲۲ فروردین ۱۳۹۴ - ۲۱:۲۱

              منظورم بخش سومی از اموزش هم باشه . . .
              این طور حرفه ای تر میشیم

    • hamed
      شنبه ۱ فروردین ۱۳۹۴ - ۱۲:۰۱

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

      • SeyedMHM
        دوشنبه ۳ فروردین ۱۳۹۴ - ۰۰:۰۰

        سلام
        نظر لطفتونه
        حداکثر تا یک هفته دیگه ان شاءالله

    • hadi-110
      پنج شنبه ۲۸ اسفند ۱۳۹۳ - ۱۲:۰۷

      چرااز اول نگفتین آموزشکامل نیست! این فقط بخش اولشه؟؟؟؟

      • هادی نیا
        پنج شنبه ۲۸ اسفند ۱۳۹۳ - ۱۲:۲۷

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

    • مسعود
      چهارشنبه ۲۷ اسفند ۱۳۹۳ - ۲۳:۳۸

      من این آموزشو گرفتم ولی بجای ۷۵۰۰ تومان ۳۰۰۰۰ تومان از حسابم کم شد. چرا؟

      • هادی نیا
        پنج شنبه ۲۸ اسفند ۱۳۹۳ - ۰۸:۴۶

        سلام
        سفارش شما رو چک کردم.تعداد محصول درخواستی و ۴عدد زده بودید که جمعا میشد۶۰۰۰۰تومان و با احتساب تخفیف۵۰% از حساب شمااین مبلغ کم شده است.با شماره ۰۵۶۳۲۲۳۲۸۸۴ تماس بگیرید.

    • hadi-110
      چهارشنبه ۲۷ اسفند ۱۳۹۳ - ۱۷:۵۴

      واقعا !!!!

    • webmaster
      سه شنبه ۲۶ اسفند ۱۳۹۳ - ۱۲:۴۸

      من بالاخره متوجه نشدم این آموزش چطوریه آخه؟؟
      قسمت ۵ که هنوز نیست؟؟!!
      مدرس میگه ۱۰ قسمت ،بعد تو قسمت ۱۰ میگه بقیش بمونه واسه بعد؟؟!!
      بعدش کو په؟؟
      تا الانم که ما resposive ندیدیم؟!
      همش مقدمات css , html بود؟

      • اکبری منش
        سه شنبه ۲۶ اسفند ۱۳۹۳ - ۱۲:۵۵

        سلام
        احتمالا مدرس قصد ضبط ادامه فیلم ها رو در بخش دوم آموزش ها داره

      • SeyedMHM
        سه شنبه ۲۶ اسفند ۱۳۹۳ - ۱۵:۰۸

        سلام
        من خدمت مدیر سایت هم عرض کردم که عنوان رو تغییر بده و بنویسه ۱۰ قسمت اول
        ولی تو عنوان به اشتباه نوشته شده مجموعه کامل!
        ۱۰ قسمت اول هم یه مقدمه ای برای ساخت قالب
        قسمت های بعدی هم برای اتمام قالب
        در انتها می ریم سراغ ریسپانسیو کردن
        کل مجموعه هم حدود ۲۰ الی ۲۵ قسمته که زمان هر قسمت هم میانگین ۱۵-۲۰ دقیقه است.

        سوال دیگه بود در خدمتم

    • مجتبی
      سه شنبه ۲۶ اسفند ۱۳۹۳ - ۱۱:۴۵

      آقا این ۱۰ قسمت کامله یا بازم ممکنه دوره پیشرفتش بیاد؟

      • هادی نیا
        چهارشنبه ۲۷ اسفند ۱۳۹۳ - ۰۸:۵۹

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

    • reza
      دوشنبه ۲۵ اسفند ۱۳۹۳ - ۱۸:۰۴

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

      • SeyedMHM
        پنج شنبه ۲۸ اسفند ۱۳۹۳ - ۱۰:۴۲

        دوست من شما از همون اول انتظار داری من قالب رو نساخته برم ریسپانسیوش کنم. خوب نمی شه دیگه
        از طرفی هم شما خوب بلدی، کسی که کلا html و css بلد نیست باید یه قالب رو اول براش بزنم بعد بیام ریسپانیسوش کنم دیگه.
        اگر من می یومدم یه قالب درست می کردم و فقط تو یه دوره یکساعته اونو ریسپانیسوش می کردم اونموقع خیلی ها ایراد نمی گرفتن که چرا یه قالب رو ساختی و از اول آموزشش رو نذاشتی؟
        و اما اگر می بینید قالب انتهاش اسکرول می خوره
        قالب هنوز ریسپانسیو نیست
        و …
        عجله نکنید اینها رو انتها بهش می رسیم. من خیلی جاها عمدا یک چیزایی رو نگفتم یا گذاشتم به حال خودش. مثلا تا اینجا تقریبا تمام واحدهایی که استفاده کردم به پیکسل بوده که بیشتر این موارد در انتها آموزش تغییر خواهد کرد

        • reza
          پنج شنبه ۶ فروردین ۱۳۹۴ - ۱۲:۱۸

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

          • هادی نیا
            پنج شنبه ۶ فروردین ۱۳۹۴ - ۱۲:۱۹

            سلام
            عذرخواهی میکنیم.

    • SeyedMHM
      دوشنبه ۲۵ اسفند ۱۳۹۳ - ۱۲:۴۵

      ممنون می شم بگید به چه دلایلی به این نتیجه رسیدید؟

    • مجتبی
      دوشنبه ۲۵ اسفند ۱۳۹۳ - ۱۱:۰۱

      قسمت ۴ و۵ که یکی بوده، الانم یکی است یا اصلاح شده؟
      الان بخریم یا صبر کنیم تا اصلاح شه؟

      • هادی نیا
        دوشنبه ۲۵ اسفند ۱۳۹۳ - ۱۱:۴۲

        سلام
        لینک ها اصلاح شده است.از طریق لینک های قبلی هم می توانید دانلود کنید.

    • Mohammad
      دوشنبه ۲۵ اسفند ۱۳۹۳ - ۰۰:۵۸

      سلام و خسته نباشید ! واقعا قیمت ها از حالت دانشجویی بودن خارج شدن

      • هادی نیا
        دوشنبه ۲۵ اسفند ۱۳۹۳ - ۰۸:۴۹

        سلام
        شما می تونید از کد تخفیف bahar با۴۰%تخفیف محصولات پستی و ۵۰%تخفیف محصولات دانلودی استفاده کنید.

    • pro_user
      یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۸:۱۹

      چرا قسمت ۴ و ۵ یکی هستن ؟؟؟؟

      • مدیر- تقی زاده
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۸:۳۹

        سلام
        به زودی اصلاح می شود.

    • فراز
      یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۷:۵۴

      سلام
      اگه می شه یک عکس از پروژه ی نهایی آموزش قرار بدین.

      • SeyedMHM
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۹:۰۷

        دوست عزیر قسمت دمو رو نگاه کنید داخل نشون داده شده که تو انتها قراره با چه چیزی روبه رو بشیم. البته کمی هم تغییر خواهد کرد

    • pro_user
      یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۴:۳۸

      سطح این آموزش چطوره؟؟؟
      مقدماتی یا پیشرفته؟؟؟

      • مدیر پاسبان
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۶:۴۵

        سلام
        مقدماتی

    • مهمان
      یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۱:۵۳

      آیا این قالب به درد کار با asp.net هم میخوره؟

      • مدیر پاسبان
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۶:۴۷

        سلام
        بله تفاوتی وجود نداره

    • اصغر
      یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۰:۰۸

      از مدرس محترم یا مدیریت خواهشمندیم مدت زمان آموزش ها رو هم حتما ذکر کنند تا بنده و سایر دوستان مدام در این مورد سوال نکنیم.
      این اموزش کلا چند ساعت هست؟

      • مدیر- تقی زاده
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۱:۴۰

        سلام
        هر قسمت بین ۲۰-۳۰ دقیقه است.

    • alireza
      شنبه ۲۳ اسفند ۱۳۹۳ - ۲۲:۴۳

      با سلام . ببخشید حجم این اموزش چقدر است ؟ ممنون

    • دانشجو
      شنبه ۲۳ اسفند ۱۳۹۳ - ۲۰:۲۳

      دیگه واقعا قیمت هاتون دانشجویی نیست
      ولی دستتون درد نکنه خیلی چیزا ازتون یاد گرفتم ممنون

    • مجتبی
      شنبه ۲۳ اسفند ۱۳۹۳ - ۱۱:۳۹

      سلام
      آقا حجم کل این ۱۶ قسمت چقدره؟ چند ساعته؟

      • مدیر- تقی زاده
        یکشنبه ۲۴ اسفند ۱۳۹۳ - ۱۱:۳۷

        سلام
        حجم مجموع فایل ها حدود ۲۲۰M و هر قسمت بین ۲۰-۳۰ دقیقه است.

    دوره های آنلاین دانشجویار

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    کلاس آنلاین

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,Network)
      60 درصد تخفیف
    • کد تخفیف :

      ganj

      گنج واقعی تخصص توست.
      50 درصد تخفیف

    مطالب سایت بر اساس

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