عضو شوید

عضویت سریع

براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود

به وبلاگ من خوش آمدید

حمل ارسال خرید ماینر از چین [ ]

حمل و نقل هوایی چین [ ]

قلاده اموزشی شوک دار [ ]

صفحه آرایی مجله|صفحه آرایی|هزینه صفحه آرایی

توابع جاوا اسکریپت | آموزش جاوا اسکریپت | برنامه نویسی سایت

اپراتور typeof | آموزش جاوا اسکریپت | برنامه نویسی

داده در جاوا اسکریپت | آموزش جاوا اسکریپت | طراحی سایت

قواعد دستوری (syntax) جاوا اسکریپت |آموزش جاوا اسکریپت|بهینه کردن سایت

خروجی جاوا اسکریپت|آموزش جاوا اسکریپت|طراحی سایت

محل قرار گیری کد اسکریپت|آموزش جاوا اسکریپت|آموزش وب سایت

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاوا

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاواآموزش JavaScript

هزینه ی طراحی سایت | قیمت طراحی سایت | هزینه ساخت وب سایت

قیمت و نمونه سررسید 95

طراحی و چاپ سررسید اختصاصی ، طراحی و چاپ تقویم دیواری و رومیزی

آموزش Bootstrap--کاربرد کلاس collapse در بوت استرپ

آموزش Bootstrap--کار با پنل ها در بوت استرپ

آموزش Bootstrap-- کار با فرم ها در بوت استرپ

اضافه کردن View درMVC-- آموزش گام به گام ام وی سی

لیست قیمت چاپ تراکت

افزودن کنترلرها در MVC-- آموزش گام به گام ام وی سی

شروع به کار با mvc 5 - آموزش گام به گام ام وی سی

دانلود آیکون های گرافیکی

چاپ کاتالوگ با هزینه پایین

تصاویر خود را به سادگی مونتاژ کنید...

کلیه امور طراحی و چاپ با بهترین کیفیت و مناسب ترین قیمت

چگونه کارت ویزیت طراحی کنیم...

طراحی سی دی مالتی مدیا

آموزش bootstrap2- کلاس Container و row

نمونه طرح های بروشور

آموزش bootstrap- bootstrap چیست؟

آموزش bootstrap2- کلاس Container و row

بک گراندهای آماده [ 6169 ]

نمونه طرح های بروشور [ 1058 ]

کلیه امور طراحی و چاپ با بهترین کیفیت و مناسب ترین قیمت [ 269 ]

طراحی انواع وب سایت های تخصصی، فروشگاهی، شرکتی و شخصی مطابق با استاندارهای روز دنیا [ 214 ]

آموزش bootstrap- bootstrap چیست؟ [ 203 ]

هزینه ی طراحی سایت | قیمت طراحی سایت | هزینه ساخت وب سایت [ 201 ]

چاپ کاتالوگ با هزینه پایین [ 185 ]

آموزش Bootstrap--کار با پنل ها در بوت استرپ [ 182 ]

آموزش bootstrap2- کلاس Container و row [ 159 ]

چگونه کارت ویزیت طراحی کنیم... [ 147 ]


	نام :
	وب :
	پیام :
	2+2=:


(Refresh)

آمار مطالب

:: کل مطالب : 37
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 1
:: تعداد اعضا : 0

کاربران آنلاین

آمار بازدید

:: بازدید امروز : 7
:: باردید دیروز : 2
:: بازدید هفته : 9
:: بازدید ماه : 19
:: بازدید سال : 134
:: بازدید کلی : 21678

RSS

افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

آموزش bootstrap2- کلاس Container و row

دو شنبه 30 شهريور 1394 ساعت 12:28 | بازدید : 111 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش bootstrap

قسمت دوم

قبل از معرفی و استفاده از کلاس ها ی (استایل ها) بوت استرپ کد زیر را جهت responsive کردن پروژه به صفحه مان اضافه می کنیم

. بخش width=device-width :

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

بخش initial-scale=1 :

این بخش از کد میزان زوم اولیه را هنگامی که صفحه برای اولین بار load می شود تنظیم میکند

کلاس container :

این کلاس برای ساخت باکس کلی سایت استفاده خواهد شد و تمام کد ها درون این کلاس قرار خواهند گرفت ؛ این کلاس باکسی وسط چین و با عرض 1170 پیکسل را ایجاد میکند

آموزش bootstrap2

کلاس container-fluid :

این کلاس یک باکس با عرض فول اسکرین ایجاد میکند

آموزش bootstrap2

کلاس row :

در بوت استرپ برای ایجاد یک سطر از کلاس row استفاده میشود و هر باکس یا row از صفحه مان را به 12 قسمت تقسیم می کند که این تقسیم بندی ها به وسیله کلاس .col-*-* مشخص می شود

که بسته به اینکه عرض دستگاه مان چقدر است و صفحه ما چند ستونه است می توانیم کلاس های col را تغییر دهیم

برای تعیین نوع دستگاه از چهار گزینه lg,md,sm,xs استفاده می کنیم
برای مشخص کردن تعدا ستون ها می توانیم 1 تا 12 ستون قرار دهیم

به مثال های زیر توجه کنید :

مثال اول :

آموزش bootstrap2

مثال دوم :

آموزش bootstrap2

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022

:: برچسب‌ها: کلاسcontainer , بوت استرپ , کلاس row , آموزش bootstrap , آموزش بوت استرپ ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

آموزش bootstrap2- کلاس Container و row

دو شنبه 30 شهريور 1394 ساعت 10:36 | بازدید : 159 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش bootstrap

قسمت دوم

. بخش width=device-width :

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

بخش initial-scale=1 :

این بخش از کد میزان زوم اولیه را هنگامی که صفحه برای اولین بار load می شود تنظیم میکند

کلاس container :

آموزش bootstrap2

کلاس container-fluid :

این کلاس یک باکس با عرض فول اسکرین ایجاد میکند

آموزش bootstrap2

کلاس row :

که بسته به اینکه عرض دستگاه مان چقدر است و صفحه ما چند ستونه است می توانیم کلاس های col را تغییر دهیم

برای تعیین نوع دستگاه از چهار گزینه lg,md,sm,xs استفاده می کنیم
برای مشخص کردن تعدا ستون ها می توانیم 1 تا 12 ستون قرار دهیم

به مثال های زیر توجه کنید :

مثال اول :

آموزش bootstrap2

مثال دوم :

آموزش bootstrap2

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022

:: برچسب‌ها: کلاس , container , بوت استرپ , کلاس row , آموزش bootstrap , آموزش بوت استرپ ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

آموزش bootstrap- bootstrap چیست؟

یک شنبه 29 شهريور 1394 ساعت 16:51 | بازدید : 203 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش bootstrap- bootstrap چیست؟

آموزش bootstrap

قسمت اول

Bootstrap چیست؟

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

استفاده از فریم ورک ها چه مزیت هایی دارد ؟

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

طریقه اضافه کردن framework بوت استرپ به برنامه Microsoft visual studio 2012

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

2. بر روی نام وب سایت کلیک راست کرده و گزینه Manage NuGet Package را انتخاب کنید

3. با نصب کرن Bootstrap css تمامی فایل های فریم ورک بوت استرپ به برنامه شما اضافه می شود

4. در تگ head صفحه وب خود چهار گزینه زیر را از پوشه Content و Script اضافه کنید

خوب به این ترتیب صفحه وب شما آماده استفاده از کدها و کلاس های Bootstrap می باشد

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

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

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022

.Bootstrap بوت استرپ. بوت استرپ چیست. آموزش بوت اسپرت. کلاس های موجود در بوت استرپ

:: برچسب‌ها: بوت استرپ , بوت استرپ چیست , آموزش بوت اسپرت , کلاس های موجود در بوت استرپ , Bootstrap ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

بک گراندهای آماده

شنبه 28 شهريور 1394 ساعت 10:22 | بازدید : 6169 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

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

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

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

برای دریافت فایل لایه باز طرح مورد نظر خود، کافیست شماره طرح را به آدرس ما (design@afragraphic.ir) ارسال کنید، تا طرح را برای شما ایمیل کنیم.

و برای دیدن نمونه های بیشتر از سایت www.afragraphic.ir دیدن نمایید

:: برچسب‌ها: بکراندهای آماده، بک گراندهای زیبا، طراحی بروشور، طراحی کاتالوگ ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

نمونه طرح های بروشور

چهار شنبه 11 شهريور 1394 ساعت 9:13 | بازدید : 1058 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

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

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

برای دیدن سایر طرح ها از www.afragraphic.ir دیدن نمایید

طرح شماره یک

نمونه طرح های بروشور

- طرح شماره دو

نمونه طرح های بروشور

- طرح شماره سه

نمونه طرح های بروشور

- طرح شماره چهار

نمونه طرح های بروشور

- طرح شماره پنج

نمونه طرح های بروشور

*** این نکات مهم و ضروری را قبل از ارسال فایل به چاپخانه حتما رعایت کنید: ***

- فایل های خود را با پسوند TIFF و یا JPG با Quality Maximum در مد CMYK با رزولیشن 300 Pixel / inch و به صورت تک لایه ارسال نمایید .

- گزینه Multiply را برای نوشته های ریز و مشکی که در لایه زیر آنها زمینه رنگی وجود دارد مد نظر داشته باشید . سعی کنید برای انتخاب رنگ نوشته حتما از یک یا نهایتا دو رنگ استفاده کنید و رنگ مشکی نوشته را از درصد رنگ K به صورت 100 و سایر فیلدهای رنگ 0 استفاده کنید.

-سایز کار چاپی را چک کرده و مطالب اصلی ، آرم و هرگونه نشانه یا عکس طرح خود را حداقل 5 میلیمتر از هر سمت داخل کادر اصلی قرار دهید .(رعایت فاصله برش)

- ممکن است در نوبت های متفاوت چاپی بین سفارشات چاپ شده حداقل 10 تا 15 درصد اختلاف رنگ داشته باشد

:: برچسب‌ها: بروشورهای زیبا، طرح های خلاقانه، بروشور چند لتی، طرح آماده بروشور، رنگ CMYK ، رنگهای چاپی ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0