عضو شوید

عضویت سریع

نام کاربری :

رمز عبور :

موبایل :

ایمیل :

نام اصلی :

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

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

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

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

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

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

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

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

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

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

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

[Post_Title]

<-ProductTitle->

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

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

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

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

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

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

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

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

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

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

آمار مطالب

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

آمار کاربران

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

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

آمار بازدید

:: بازدید امروز : 1
:: باردید دیروز : 1
:: بازدید هفته : 170
:: بازدید ماه : 260
:: بازدید سال : 378
:: بازدید کلی : 378

RSS

افرا گرافیک

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

آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ

شنبه 04 مهر 1394 ساعت 12:32 | بازدید : 89 | نوشته ‌شده به دست afragraphic | ( )

آموزش bootstrap

قسمت سوم

کار با جدول ها در bootstrap

کلاس Table :

با اضافه کردن کلاس table به تگ table جدول مان را به شکل بوت استرپی در می آوریم

آموزش bootstrap3

کلاس table-striped :

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

آموزش bootstrap3

کلاس table-bordered :

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

آموزش bootstrap3

کلاس table-hover :

با اضافه کردن کلاس hover به جدول هرگاه اشاره گر موس بر روی هر سطر جدول قرار گیرد رنگ آن سطر تغییر می کند

آموزش bootstrap3

کلاس table-condensed :

کلاس table-condensed خاصیت padding جدول را کاهش میدهد

آموزش bootstrap3

کلاس table-responsive :

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

آموزش bootstrap3

کلاس های Contextual :

همچنین می توان از کلاس های متنی زیر برای تغییر رنگ سطرها و ستون ها استفاده کرد

آموزش bootstrap3

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

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

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

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

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

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

دوشنبه 30 شهریور 1394 ساعت 12:37 | بازدید : 122 | نوشته ‌شده به دست afragraphic | ( )

آموزش 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

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

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

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

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

دوشنبه 30 شهریور 1394 ساعت 12:27 | بازدید : 173 | نوشته ‌شده به دست afragraphic | ( )

آموزش 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

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

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

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

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

یکشنبه 29 شهریور 1394 ساعت 16:55 | بازدید : 216 | نوشته ‌شده به دست afragraphic | ( )

آموزش 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 بوت استرپ. بوت استرپ چیست. آموزش بوت اسپرت. کلاس های موجود در بوت استرپ

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

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

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

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

شنبه 28 شهریور 1394 ساعت 10:24 | بازدید : 6203 | نوشته ‌شده به دست afragraphic | ( )

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

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

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

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

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

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

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

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

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

چهارشنبه 11 شهریور 1394 ساعت 09:45 | بازدید : 1079 | نوشته ‌شده به دست afragraphic | ( )

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

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

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

طرح شماره یک

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

- طرح شماره دو

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

- طرح شماره سه

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

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

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

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

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

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

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

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

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

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

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

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

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

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

شنبه 02 خرداد 1394 ساعت 13:30 | بازدید : 197 | نوشته ‌شده به دست afragraphic | ( )

راهکارهایی برای اینکه کاتالوگ با هزینه مناسبتری داشته باشید:
1- به جای اینکه کاتالوگتان را با پوشش سلفون چاپ کنید آنرا با UV چاپ کنید.
2- اگر تعداد صفحاتتان زیاد نیست می توانید هزینه صحافی را حذف و به جای آن از خط تا استفاده کنید.( کاتالوگهای چند لتی)
3- 3- گرماژ کاغذ تاثیر به سزایی در قیمت کاتالوگ شما دارد، می توانید از کاغذهایی با گرم پایین تر( 130 گرم یا 150 گرم ) استفاده کنید.
4- سعی کنید تعداد صفحات کاتالوگ حتما مضربی از عدد 8 باشد. مثلا( 8 صفحه، 16 صفحه، 24 صفحه، 32 صفحه)
زیرا فرم های چاپی در فرهای 8 تایی ( البته بسته به ابعاد کاتالوگ) بسته می شود.

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

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

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

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

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

سه‌شنبه 01 اردیبهشت 1394 ساعت 16:59 | بازدید : 131 | نوشته ‌شده به دست afragraphic | ( )

برای رنگی کردن background عکس کودک ابتدا

مونتاژ تصویر در فتوشاپ

1.از منوی بالا صفحه توسط file / open عکس مورد نظر را باز کنید .

مونتاژ تصویر در فتوشاپ

2.برای اینکه بخواهیم عکس تصویر را از زمینه راحت تر جدا کنیم ,ابتدا از منو ا بزار بالا به ترتیبImage/Ajusment/levelsرا انتخاب کرده مانند تصویر نور عکس را تنظیم کنید.

مونتاژ تصویر در فتوشاپ

3.کلید W را برای فعال سازی ابزار Wagic wand فشار دهید و بر روی فضای سفید عکس کلیک کنید ,در منوی بالا در قسمت Telerance هر عددی که وارد می کنید مقدار فضایی است که select کرده اید.

مونتاژ تصویر در فتوشاپ

4.برای اضافه کردن بخش selectنشده کلید shift را نگه دا شته و توسط همان ابزار انتخاب نمایید ( مانند تصویر )و در منوی بالا به آدرس select / modify/ featherیا shift + f6 دور select خود را محو نمایید .

مونتاژ تصویر در فتوشاپ

5.بعد از کا مل کردن select تصویر خود کلید shift + ctrl + I را نگه دا شته تا فضای انتخاب شده معکوس شود .مانند تصویر

مونتاژ تصویر در فتوشاپ

6.برای کپی کردن عکس خود و جدا کردن آن از backgroundکلید ctrl + c (جهت کپی کردن) و در ادامه ctrl+v(جهت past)را نگه داشته تا از تصویر نسخه برداری کند .

مونتاژ تصویر در فتوشاپ

7. بعد از کپی کردن از تصویر و جدا کردن آن از backgroundنوبت به رنگ کردن پس زمینه عکس می رسدو برای این کار باید ابتدا قسمت لایه ها در پایین منو بر روی ایجاد لایه جدید کلیک کنید تا لایه جدید ایجاد شود و توسط کلید paint bucetk tools رنگ انتخابی خود را ریخته و چشم کنار لایه backgroundرا بردارید.

مونتاژ تصویر در فتوشاپ

8.برای سایه ا نداختن زیر صندلی و کودک در منوی کناری ( مانند تصویر ) ا بزار Gradient tool را انتخاب کرده و در منوی بالا Gradient editor از رنگ زمینه کمی تیره تر انتخاب کرده ok کنید و از سمت پایین به بالا بر روی لایه پس زمینه بکشید تا روی زمینه بکشید تا روی زمینه سایه ایجاد شود .

مونتاژ تصویر در فتوشاپ

و در ا نتها یا با اضافه کردن عکس یا رنگ بکراند تصویرتان را تغییر دهید

مونتاژ تصویر در فتوشاپ

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

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

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

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

سه‌شنبه 25 فروردین 1394 ساعت 18:36 | بازدید : 162 | نوشته ‌شده به دست afragraphic | ( )

مرحله 1:برای ساخت یک صفحه جدید در ابتدا از منو File گزینه New (ctrl+N ) را انتخاب و مطابق تصویر اندازه و سایر مشخصات را تعریف کنید.
کارت ویزیت به صورت رایج در دو ابعاد 5/8 × 8/4 (سایز کوچک) و 9×6 ( سایز بزرگ) چاپ می گردد. ، نوع رنگ آن را CMYK انتخاب کنید،( تمام فایلها برای ارسال به چاپ حتما باید CMYK باشد.

آموزش فوتوشاپ
مرحله2: برای اینکه بکراند کارت ویزیت شما به صورت تک رنگ یا سایه روشن باشد می توانید:
الف) در قسمت toolbar در قسمت پایین رنگهای مورد نظر خود را انتخاب و با ابزار Gradient Tool در بکراند سایه روشن ایجاد کنید.

ب‌) در قسمت toolbar روی گزینه Pain Buscet کلیک کرده و با کلیک کردن روی دکمه چپ موس رنگ انتخاب شده را به روی بکراند قرار دهید.

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

مرحله 4: اگر می خواهید کارت شما بکراند تصویری داشته باشد، می توانید یک تصویر مناسب و یا بکراند تکسچر انتخاب و روی صفحه کارت ویزیتتان منتقل کنید و نوع لایه را Color Burn انتخاب کنید ( می توانید از سایر گزینه ها نیز انتخاب کنید)

مرحله 5: حالا باید متن کارت ویزیت را در صفحه کارت ویزیت تایپ کنید، اگر برنامه فتوشاپ شما فارسی باشد می توانید به صورت مستقیم در فتوشاپ فارسی را تایپ کنید. برای انتخاب رنگ ، فونت و سایز فونتها به تصویر دقت کنید.

در صورتی که میخواهید متن شما از زیباتر باشد می توانید از پالت Layer گزینه Layer Style را انتخاب و Shadow (سایه) به متن بدهید و یک Stroke با رنگی متفاوت ایجاد کنید.

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

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

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

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

سه‌شنبه 11 فروردین 1394 ساعت 12:23 | بازدید : 225 | نوشته ‌شده به دست afragraphic | ( )

قرن بیست و یکم قرن ارتباطات و فناوریهای دیجیتال می باشد. با توجه به نیاز جامعه و محدودیت زمان ، بسیاری از اشخاص ترجیح می دهند کوتاه ترین و مناسب ترین راه را برای خرید، مقایسه و بررسی کالای خود انتخاب کنند. از این رو تبدیل کسب و کار سنتی به کسب و کار نوین یک نیاز بسیار مهم می باشد. طراحی سایت مناسب و استاندارد می تواند خدمات و محصولات شما را به بهترین و کاملترین صورت ارائه دهد. در دنیای ارتباطات فاصله شما و مشتری تنها یک کلیک است. گروه مشاوران طراحی افرا سایت شما را با بهترین کیفیت و هزینه مناسب و کاملا کارآمد طراحی می کند. ما با شناخت بازار هدف و با در نظر گرفتن سلایق شما همچنین با توجه به تجربه و تخصصمان سایت را به گونه ای طراحی می کنیم که کلیه نیازهای شما را در جهت ارائه خدمات، محصولات و فعالیتهای شما برآورده سازد و مطمئنا این مساله باعث فروش بیشتر و درآمد بالاتر می گردد. ساخت سایت های فروشگاهی، خبری، تجاری و شخصی تخصص ماست. سایت های طراحی شده در افرا گرافیک به صورت: - با تکنولوژی asp.net و به صورت کاملا اخصاصی و با برآورد هزینه - سایتهای آماده و ارزان با قالبهای آماده می باشد.

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

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

برای دیدن نمونه کارها به سایتwww.afragraphic.ir مراجعه و برای مشاوره با تلفنهای 98 و 66120694 تماس حاصل فرمایید.

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

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

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