هنر , خلاقیت , آموزش

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

هنر , خلاقیت , آموزش

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

:: از آنجا که اکثر ما تصور غلطی از یادگیری هنر طراحی داریم و طراحی را بیشتر یک استعداد خدا دادی می دانیم .
در حالی که طراحی بیشتر از آنکه نیاز به استعداد داشته باشد نیازمند آموزش , خلاقیت و پشتکار است. در واقع همه ما می‌توانیم به خوبیِ هنرمندانِ بزرگ طراحی کنیم کد بنویسیم و حتی قطعات الکترونیکی مخصوص برای خودمان بسازیم فقط نیازمند روشن شدن راه و زندگی نامه ی هنرمندان و افراد بزرگ هستیم تا به خود ایمان بیاوریم و پا پیش گزاریم.
بنا براین سایت همیشه بیدار ( http://online24h.ir) در تلاش برای افزایش سطح هنری و حرفه ای کاربران علاقه مند و هنرمندان عزیز می باشد تا این نقصان کوچک زندگیمان را برطرف سازیم.
وبلاگ من ( http://Online24H.blog.ir) از کاربرانی که در زمینه های هنری مهارت و فعالیت دارند دعوت به همکاری می نماید.
و از هنرمندانی که علاقه دارند آثارشان در وبلاگ یا سایت همیشه بیدار به نمایش در آید تقاضا می کند آثار خود را به ایمیل
aminis151@gmail.com
ارسال نمایند.

مدیریت Online24H.ir , Online24H.blog.ir :سعید امینی

پیام های کوتاه
  • ۳۱ فروردين ۹۴ , ۰۴:۵۶
    هنر
آخرین نظرات

۴۱ مطلب با موضوع «کامپیوتر» ثبت شده است

مطالب قبل:
پیاده سازی پروژه نقاشی شی گرا *قسمت اول* 
پیاده سازی پروژه نقاشی شی گرا *قسمت دوم*  
پیاده سازی پروژه نقاشی شی گرا *قسمت سوم*
پیاده سازی پروژه نقاشی شی گرا *قسمت چهارم*  

در این پست به شرح کلاس Rectangle جهت رسم مستطیل و Square جهت رسم مربع می‌پردازیم

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
using System.Drawing;
 
namespace PWS.ObjectOrientedPaint.Models
{
    /// <summary>
    /// Rectangle
    /// </summary>
    public class Rectangle : Shape
    {
        #region Constructors (2)
 
        /// <summary>
        /// Initializes a new instance of the <see cref="Rectangle" /> class.
        /// </summary>
        /// <param name="startPoint">The start point.</param>
        /// <param name="endPoint">The end point.</param>
        /// <param name="zIndex">Index of the z.</param>
        /// <param name="foreColor">Color of the fore.</param>
        /// <param name="thickness">The thickness.</param>
        /// <param name="isFill">if set to <c>true</c> [is fill].</param>
        /// <param name="backgroundColor">Color of the background.</param>
        public Rectangle(PointF startPoint, PointF endPoint, int zIndex, Color foreColor, byte thickness, bool isFill, Color backgroundColor)
            : base(startPoint, endPoint, zIndex, foreColor, thickness, isFill, backgroundColor)
        {
            ShapeType = ShapeType.Rectangle;
        }
 
        /// <summary>
        /// Initializes a new instance of the <see cref="Rectangle" /> class.
        /// </summary>
        public Rectangle()
        {
            ShapeType = ShapeType.Rectangle;
        }
 
        #endregion Constructors
 
        #region Methods (1)
 
        // Public Methods (1) 
 
        /// <summary>
        /// Draws the specified g.
        /// </summary>
        /// <param name="g">The g.</param>
        public override void Draw(Graphics g)
        {
            if (IsFill)
                g.FillRectangle(BackgroundBrush, StartPoint.X, StartPoint.Y, Width, Height);
            g.DrawRectangle(Pen, StartPoint.X, StartPoint.Y, Width, Height);
            base.Draw(g);
        }
 
        #endregion Methods
    }
}

کلاس Rectangle از کلاس پایه طراحی شده در ^ ارث بری دارد. این کلاس ساده بوده و تنها شامل یک سازنده و متد ترسیم شی مستطیل می‌باشد.

۰ نظر موافقین ۰ مخالفین ۰ ۱۹ خرداد ۹۴ ، ۲۰:۱۳
مهندس عشق هنر

در ادامه  پست های قبل

پیاده سازی پروژه نقاشی شی گرا  *قسمت اول *  
پیاده سازی پروژه نقاشی شی گرا *قسمت دوم* 
پیاده سازی پروژه نقاشی شی گرا *قسمت سوم*

، در این پست به بررسی کلاس Triangle جهت رسم مثلث و کلاس Diamond جهت رسم لوزی می‌پردازیم.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
using System.Drawing;
 
namespace PWS.ObjectOrientedPaint.Models
{
    /// <summary>
    /// Triangle
    /// </summary>
    public class Triangle : Shape
    {
        #region Constructors (2)
 
        /// <summary>
        /// Initializes a new instance of the <see cref="Triangle" /> class.
        /// </summary>
        /// <param name="startPoint">The start point.</param>
        /// <param name="endPoint">The end point.</param>
        /// <param name="zIndex">Index of the z.</param>
        /// <param name="foreColor">Color of the fore.</param>
        /// <param name="thickness">The thickness.</param>
        /// <param name="isFill">if set to <c>true</c> [is fill].</param>
        /// <param name="backgroundColor">Color of the background.</param>
        public Triangle(PointF startPoint, PointF endPoint, int zIndex, Color foreColor, byte thickness, bool isFill, Color backgroundColor)
            : base(startPoint, endPoint, zIndex, foreColor, thickness, isFill, backgroundColor)
        {
            ShapeType = ShapeType.Triangle;
        }
 
 
        /// <summary>
        /// Initializes a new instance of the <see cref="Triangle" /> class.
        /// </summary>
        public Triangle()
        {
            ShapeType = ShapeType.Triangle;
        }
 
        #endregion Constructors
 
        #region Methods (1)
 
        // Public Methods (1) 
 
        /// <summary>
        /// Draws the specified g.
        /// </summary>
        /// <param name="g">The g.</param>
        public override void Draw(Graphics g)
        {
            var points = new PointF[3];
            points[0] = new PointF(X + Width / 2, Y);
            points[1] = new PointF(X + Width, Y + Height);
            points[2] = new PointF(X, Y + Height);
            if (IsFill)
                g.FillPolygon(BackgroundBrush, points);
            g.DrawPolygon(new Pen(ForeColor, Thickness), points);
            base.Draw(g);
        }
 
        #endregion Methods
    }
}
۰ نظر موافقین ۰ مخالفین ۰ ۱۴ خرداد ۹۴ ، ۱۳:۰۸
مهندس عشق هنر

در ادامه مطالب قبل
پیاده سازی پروژه نقاشی شی گرا  *قسمت اول *  
پیاده سازی پروژه نقاشی شی گرا *قسمت دوم* 

قبل از شروع توضیحات متد‌های کلاس Shape در ادامه پست‌های قبل در ^ و ^ ابتدا به تشریح یک تصویر می‌پردازیم.

نحوه ترسیم شی

خوب همانگونه که در تصویر بالا مشاده می‌نمایید، برای رسم یک شی چهار حالت متفاوت ممکن است پیش بیاید. (دقت کنید که ربع اول محور مختصات روی بوم گرافیکی قرار گرفته است، در واقع گوشه بالا و سمت چپ بوم گرافیکی نقطه (0 و 0) محور مختصات است و عرض بوم گرافیکی محور X‌ها و ارتفاع بوم گرافیکی محور Y‌ها را نشان می‌دهد)
  1. در این حالت StartPoint.X < EndPoint.X و StartPoint.Y < EndPoint.Y خواهد بود. (StartPoint نقطه ای است که ابتدا ماوس شروع به ترسیم می‌کند، و EndPoint زمانی است که ماوس رها شده و پایان ترسیم را مشخص می‌کند.)
  2. در این حالت StartPoint.X > EndPoint.X و StartPoint.Y > EndPoint.Y خواهد بود.
  3. در این حالت StartPoint.X > EndPoint.X و StartPoint.Y > EndPoint.Y خواهد بود.
  4. در این حالت StartPoint.X < EndPoint.X و StartPoint.Y > EndPoint.Y خواهد بود.

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۴ خرداد ۹۴ ، ۱۳:۰۲
مهندس عشق هنر

در ادامه مطالب قبل

پیاده سازی پروژه نقاشی شی گرا *قسمت اول*


با توجه به تجزیه و تحلیل انجام شده تمامی اشیا از کلاس پایه به نام Shape ارث بری دارند حال به توضیح کد‌های این کلاس می‌پردازیم. (به دلیل اینکه توضیحات این کلاس در دو پست نوشته خواهد شد برای این کلاس‌ها از partial class استفاده شده است)

۰ نظر موافقین ۰ مخالفین ۰ ۱۴ خرداد ۹۴ ، ۱۲:۳۹
مهندس عشق هنر

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

  1. قابلیت ترسیم اشیا روی بوم گرافیکی دلخواه
  2. قابلیت جابجایی اشیا
  3. قابلیت تغییر رنگ اشیا
  4. ترسیم اشیا توپر و تو خالی
  5. تعیین پهنای خط شی ترسیم شده
  6. تعیین رنگ پس زمینه در صورت تو پر بودن شی
  7. قابلیت پیش نمایش رسم شکل در زمان ترسیم اشیا
  8. توانایی انتخاب اشیا
  9. تعیین عمق شی روی بوم گرافیکی مورد نظر
  10. ترسیم اشیایی مانند خط، دایره، بیضی، مربع، مستطیل، لوزی، مثلث 
  11. قابلیت تغییر اندازه اشیا ترسیم شده

خوب برای شروع ابتدا یک پروژه از نوع Windows Application ایجاد می‌کنیم (البته برای این قسمت می‌توانیم یک پروژه Class Library ایجاد کنیم)

سپس یک پوشه به نام Models به پروزه اضافه نمایید.

خوب در این پروژه یک کلاس پایه به نام Shape در نظر می‌گیریم.

همه اشیا ما دارای نقطه شروع، نقطه پایان، رنگ قلم، حالت انتخاب، رنگ پس زمینه، نوع شی، .... می‌باشند که بعضی از خصوصیات را توسط خصوصیات دیگر محاسبه می‌کنیم. مثلا خاصیت Width و Height و X و Y توسط خصوصیات نقطه شروع و پایان می‌توانند محاسبه شوند.

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

۱ نظر موافقین ۰ مخالفین ۰ ۱۲ خرداد ۹۴ ، ۱۲:۱۳
مهندس عشق هنر

10 روش برای افزایش بازدید کننده وب سایت و وبلاگ

10 روش برای افزایش بازدید کننده وب سایت و وبلاگ

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

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۱ خرداد ۹۴ ، ۱۲:۲۰
مهندس عشق هنر
من به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟

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

- تفاوت طراحی وب با توسعه وب
– استانداردهای وب
– الگوها و نمونه های طراحی وب
– طراحی صفحه اصلی و صفحات داخلی
– سرس PSD و یا سرس گرافیکی اثر
– کد خوانا، معنایی و قابل درک
– طراحی و استایل عناصر فرم
- قیمت و هزینه طراحی

تفاوت طراحی وب با توسعه وب

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

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

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۱ خرداد ۹۴ ، ۱۲:۱۸
مهندس عشق هنر

نگاهی به کسب و کار اینترنتی در یک سایت اجتماعی pinterest

نگاهی به کسب و کار اینترنتی در یک سایت اجتماعی pinterest

pinterest یک سایت اجتماعی برای به اشتراک گذاشتن عکس است که ظاهر گرافیکی آن شبیه به تابلوهای اعلانات است. حتماً می دانید کدام تابلوها منظورم است. همان‌هایی که با سوزن‌های مخصوص، اعلامیه‌های خود (تقاضاها یا فرصت‌های شغلی، اعلان یک جلسه یا گردهمایی) را روی‌شان نصب می کنیم و از دور شبیه یک تابلوی کاغذ-رنگی به نظر می‌رسند. بله، این ایده‌ی ساده که جلوی چشم هزاران و بلکه میلیون‌ها نفر قرار داشته و دارد، سه سال پیش مبنای کار مؤسسینسایت pinterest قرار گرفت تا یک سایت اجتماعی جدید درست کنند. 

 

۰ نظر موافقین ۰ مخالفین ۰ ۱۱ خرداد ۹۴ ، ۱۲:۱۲
مهندس عشق هنر
5 اشتباه در رایج در شبکه های اجتماعی

هر چه که در محیط مجازی انجام می‌دهید، می‌نویسید و یا منتشر می‌کنید می‌تواند در دادگاه بر علیه تان بکار گرفته شود. باور نمی‌کنید؟ ممکن است برای شما هم اتفاق بیافتد!

از سال ۲۰۱۰ رسانه‌های اجتماعی همچون فیسبوک، گوگل+ و توییتر  در بیش از ۷۰۰ پرونده ی قضایی حقوقی استفاده شده‌اند. تنها سایت فیسبوک منجربه ۲۰% طلاقها در آمریکا شده است.


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

۱- عکسهای خصوصی خود را منتشر نکنید

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

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

۲- لازم نیست هر اتفاقی که در زندگیتان می افتد، به اشتراک گذاشته شوند

لارا بایز، ۲۲ ساله یک ماه پس از تصادف رانندگی که منجر به کشته شدن دو تن از مسافران خودرویش شد، به تحمل دو سال زندان برای رانندگی در حالت مستی محکوم گردید.آنهم به دلیل اینکه مسئولین تجسس عکسهای نوشیدن الکل را در اکانت MySpace وی که در همان شب حادثه گرفته شده بود، دیدند.

۳- دنیای مجازی خطرناک است

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

۴- مراقب پیام های کوتاه خود باشید

اگر پیامکهای ارسالی و دریافتیتان را پس از خواندن پاک نکنید تا ابد در  سیم کارت یا حافظه گوشیتان خواهند ماند، مطمئن باشید پیام کوتاه با مضمون ” عزیزم این هفته نمی توانم ببینمت” می تواند بلیت یک طرفه ای به سوی طلاق را برای شما به ارمغان بیاورد. باور ندارید؟ از تایگر وودز بپرسید.

۵- مراقب توییتر باشید

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

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۱ خرداد ۹۴ ، ۱۱:۵۸
مهندس عشق هنر
نوع جواهر آلات
بنا نهاده ۱۸۳۷
بنیانگذاران چارلز لیوایز تیفانی
دفتر مرکزی ایالات متحده آمریکا نیویورک، ایالات متحده آمریکا
محدودهٔ فعالیت جهانی
مدیر عامل مایکل کوالسکی
رئیس هیئت مدیره مایکل کوالسکی
محصولات الماس
نقره‌کاری
طلا و جواهرآلات
درآمد افزایش ۳٫۷۹ $ میلیارد دلار(۲۰۱۳)
سود خالص ▼ ۴۱۶٫۲ $ میلیون دلار(۲۰۱۳)
مجموع دارایی افزایش ۴٫۶۳ $ میلیارد دلار(۲۰۱۳)
کارکنان ۹٫۸۰۰ نفر (۲۰۱۳)
وب‌گاه www.tiffany.com

تیفانی اند کو. (به انگلیسی: Tiffany & Co.) که معمولأ بنام تیفانی شناخته می‌شود، شرکت کالای لوکس آمریکایی و چندملیتی است، که در زمینه طراحی،ساخت و فروش جواهرآلات، اعم از طلا، نقره و الماس، فعالیت می‌نماید.

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

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

شرکت تیفانی در سال ۲۰۱۳ در فهرست فوربز جهانی ۲۰۰۰ با ارزش بازار سرمایه ۸٫۸ میلیارد دلار، در رتبه ۱۶۵۹ از بزرگترین شرکت‌های جهان قرار گرفت.

۰ نظر موافقین ۰ مخالفین ۰ ۰۳ خرداد ۹۴ ، ۰۹:۵۱
مهندس عشق هنر
  1. تیتر جذاب 

  2. کلمات کلیدی بدون فعل و استفاده کمتر از حرف و...
  3. مطلب کوتاه خلاصه و کم محتوا نباشد (مطالب کوتاه و کم محتوا گوگل اهمیت نمیدهد)
  4. در هر پستی حتما از تگ H2  یا H1 برای تیتر داخل متن استفاده شود.
  5. در هر پستی حتما یک یا چند کلمه کلیدی بولد شود و در صورت نیاز کلمه رنگی شود مثل "توجه" با رنگ قرمز و...

  6. کلمات سرچ خور کلیدی مترادف آنها به انگلیسی به فارسی در طول متن نوشته شود.برای مثال اگر کلمه کلیدی متنی که مینویسیم "گوشی" است: گوشی ، همراه ، موبایل، اسمارت فون ، به انگلیسی Mobile حتما در متن نوشته شود
  7. اگر متنی نیاز به آموزش داشت حتما آموزش آن را بنویسید مثال برنامه آموزش استفاده یا بازی طریقه نصب و... 
  8. نکته مهم اینکه شما برای کاربران مطلب می نویسید تا حد امکان از بیان شیوا با توضیحات کافی استفاده نمایید.

۰ نظر موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۱۸:۵۴
مهندس عشق هنر
  1. مطالب جدید که کمتر سایتی درباره آن نوشته باشد. خبر، بازی، اپلیکیشنهای که قدیمی هستند و وقتی سرچ کنید خیلی از سایتها در مورد آن نوشته اند اصلا مفید نیستند چون شانسی برای دیده شدن ندارند
  2. مطالب جالب و مفید (یک خبر جالب بازی خوب، برنامه مفید، آموزش مفید) :بدلیل اینکه روزانه اخبار بازی و برنامه های زیادی تولید میشوند پس مطالبی را انتخلب نمایید که در رده برترینها باشند.
  3. مطالبی که از درستی آن مطمئن هستید و تست شده و یا از منبع رسمی هستند را انتخاب نمایید تا لطمه ای به سایت شما از لحاظ محتوا وارد نشود. 
  4. مطالبی که بطور مستقیم یا غیر مستقیم طبق قوانین ایران غیر مجاز می باشند یا به هرنوعی خطری برای فیلتر شدن سایت داشته باشند را پست نکنید .

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

  •  جدید
  •  محتوای جالب و مفید
  •  تست شده و مستند

۰ نظر موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۱۸:۴۰
مهندس عشق هنر

خطا های رایج در طراحی وب سایت  

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

استفاده از کدهای قدیمی

وب سایت رابطه مستقیمی با تکنولوژی دارد و تکنولوژی نیز دائما در حال رشد و پیشرفت است. یکی از مواردی که باید در یک وب سایت استاندارد رعایت شود بروز بودن کدهای HTML,XHTML,CSS و … با استاندارد های سازمان بین المللی استانداردهای وب W3C است . رعایت این استانداردها فواید بسیار زیادی برای وب سایت ها خواهد داشت .

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

استفاده از تصاویر گیج کننده و آزار دهنده

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

استفاده از فونت های غیر استاندارد

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

فونتها از اجزاء اصلی تشکیل دهنده یک وب سایت هستند که عدم رعایت استاندارد در استفاده از آنها می تواند باعث عدم مقبولیت و یا کارایی وب سایت شما باشد.از فونتهایی استفاده کنید که با تمامی سیستم ها و مرورگرها سازگاری داشته باشد.فونتهای استاندارد زیادی برای زبان انگلیسی وجود دارد ولی در زبان فارسی بیشتر از فونت Tahoma برای متن ها و از Arial و یا Time برای عنوانها استفاده می شود.در انتخاب اندازه فونتها نیز بسیار دقت کنید زیرا همه با هر توانایی دیدی باید بتوانند مطالب وب سایت شما را بخوانند.از دستورات Css برای تعیین فونتهای جایگزین استفاده کنید، به این معنا که در صورت پشتیبانی نکردن یک فونت ، جایگزینی برای آن موجود باشد .

۰ نظر موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۰۰:۴۱
مهندس عشق هنر

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

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

کلیات

تنظیم تصاویر به شکلی که عرض تگ در برگیرنده خود را اتخاذ نماید کار ساده ای به نظر می رسد به عنوان مثال می توانید عرض تصویر را در شیوه نامه اصی یا شیوه نامه Normalize پوسته خود به شکل زیر تعریف نمایید :

در بیشتر موارد تعریف فوق به درستی عمل خواهد کرد بدین صورت که با کاهش عرض صفحه، کلاس img-container باریکتر خواهد شد و در نقطه ای که عرض این کلاس از عرض تصویر logo.png کمتر شود عرض تصویر را به اجبار کاهش خواهد داد . در حقیقت با تعریف max-width و اختصاص مقدار ۱۰۰% به آن عرض تصویر وابسته به عرض کلاس احاطه کننده تصویر (img-container) شده و با کاهش عرض این کلاس عرض، تصویر نیز کاهش خواهد یافت .

همچنین اختصاص max-width با مقدار ۱۰۰% از نمایش تصویر با ابعاد بزرگتر از مقدار واقعی جلوگیری خواهد کرد.

برخی از کاربران جهت نمایش تصویر به صورت تمام صفحه  مقدار ۱۰۰% را به صفت width اختصاص می دهند این تعریف در مواردی که عرض تصویر کمتر از عرض container یا عرض صفحه باشد باعث کشیدگی تصویر یا نمایش آن در ابعادی بزرگتر از مقدار واقعی و کاهش کیفیت آن خواهد شد.

البته در صورتی که تمایل دارید پوسته با مروگر های IE6 و IE7  سازگار باشد به جای صفت max-width باید از width در شیوه نامه های فرعی که جهت این مرورگرها طراحی می کنید استفاده نمایید.

اگر علاقمند به طراحی  و کدنویسی برای وب هستید حتما با واژه تصاویر Retina آشنایی دارید این اصطلاح توسط apple و جهت معرفی کیفیت صفحات نمایش دستگاه های تولید شده توسط این شرکت معرفی شده است .

فرض کنید شما قصد دارید لوگوی سایت را در ابعاد ۲۰۰*۲۰۰ و با کیفیتی بالاتر از حالت عادی نمایش دهید راه حلی که در این مورد به نظر می رسد ساخت تصویری با ابعاد ۴۰۰*۴۰۰ و نمایش آن در ابعاد ۲۰۰*۲۰۰ خواهد بود بدین ترتیب چگالی پیکسل ها ۲ برابر شده و کیفیت بهتری از تصویر را خواهید داشت سوالی که این جا مطرح است نحوه نمایش تصویر ۴۰۰*۴۰۰ در ابعاد ۲۰۰*۲۰۰ خواهد بود اولین راه حل اختصاص عرض ۲۰۰ به تصویر به شکل زیر است :

۰ نظر موافقین ۰ مخالفین ۰ ۰۱ خرداد ۹۴ ، ۰۰:۰۵
مهندس عشق هنر

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

بینایی رایانه‌ای (به انگلیسی: Computer vision) یا بینایی ماشینی (به انگلیسی: Machine vision) یکی از شاخه‌های علوم کامپیوتر است که شامل روش‌های مربوط به دستیابی تصاویر، پردازش، آنالیز و درک محتوای آن‌ها است. معمولاً این پردازش‌ها تصاویر تولید شده در دنیای واقعی را به عنوان ورودی دریافت و داده‌هایی عددی یا سمبلیک را به عنوان خروجی تولید می‌کنند، مانند در شکل‌هایی از تصمیم‌گیری. یکی رویه‌های توسعهٔ این شاخه بر اساس شبیه‌سازی توانایی بینایی انسان در رایانه است.

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

کاوش در داده‌ها

مقالهٔ اصلی: کاوش‌های ماشینی در داده‌ها

بینایی ماشینی را می‌توان یکی از مصادیق و نمونه‌های بارز زمینهٔ مادر و اصلی‌تر کاوش‌های ماشینی داده‌ها به‌حساب آورد که در آن داده‌ها تصاویر دوبعدی یا سه‌بعدی هستند، که آن‌ها را با استفاده از هوش مصنوعی آنالیز می‌کنند.

۰ نظر موافقین ۰ مخالفین ۰ ۳۱ ارديبهشت ۹۴ ، ۰۸:۵۷
مهندس عشق هنر

www.picsearch.com

پیک سرچ یک کمپانی سوئدی است که در سال 2000 راه اندازی شد، که سایت های دیگر را نیز پشتیبانی می کند. ویژگی هایی که این موتور جستجو را از دیگر موتورهای جستجو جدا می کند، شامل موارد زیر است:

  • مختص جستجوی تصویر است؛
  • دارای حذف خودکارمواد مربوط به بالغین؛
  • اجازه دسترسی به حجم وسیعی ازیافته (به ادعای خود سایت) دارد؛
  • این موتور علاوه بر موارد بالا دارای ویژگی های زیر نیز است:
  • دارای جستجو ساده و پیشرفته و جستجو از طریق عملگرهای بولین؛
  • در ربط یافته ها بسیار خوب است؛
  • پیوندهای کور و تصاویر حذف شده وجود دارد؛
  • دارای بیانیه حق مؤلف؛
  • امکان برقراری ارتباط از طریق ایمیل .
۰ نظر موافقین ۰ مخالفین ۰ ۳۰ ارديبهشت ۹۴ ، ۲۲:۴۰
مهندس عشق هنر

-بازیابی محتوامحور تصویر (CBIR) که با نام‌های جستجو بر اساس محتوای تصویر (QBIC) و بازیابی محتوامحور داده‌های دیداری (CBVIR) نیز شناخته می‌شود کاربرد بینایی ماشین در مسالهٔ بازیابی تصویراست، یعنی مسالهٔ جستجو برای تصویر دیجیتال درپایگاه داده بزرگ. "محتوامحور" یعنی جستجو به جای استفاده از فوق داده وارد شده توسط انسان، مانند عنوان و کلیدواژگان، از محتوای خود تصاویر استفاده می‌کند. یک سامانه بازیابی محتوامحور تصاویر (CBIRS) نرم‌افزاری است که بازیابی محتوامحور تصاویر را پیاده‌سازی می‌کند.

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

سامانه ایده‌آل CBIR از دیدگاه کاربر دربرگیرنده چیزی است که به آن بازیابی معنایی می‌گویند و به عنوان مثال کاربر درخواستی مانند "تصاویر سگ‌ها را پیدا کن" و یا حتی "تصاویر آقای ایکس را پیدا کن " مطرح می‌کند. انجام چنین کار بی‌انتهایی برای رایانه‌ها بسیار مشکل است - تصاویر سگ‌های ژرمن‌شپرد و دوبرمن تفاوت زیادی با هم دارند، و آقای ایکس ممکن است همواره رو به دوربین و با همان ژست عکس نگرفته باشد. بنابراین سامانه‌های CBIR کنونی از ویژگی‌های سطح پایین‌تر همچون بافت، رنگ و شکل استفاده می‌کنند، با این وجود برخی از سامانه‌ها از ویژگی‌های سطح بالاتر بسیار عمومی مانند صورت‌ها سود می‌برند(سامانه بازشناسی صورترا ببینید). همه سامانه‌های CBIR عام نیستند. برخی برای زمینهٔ خاصی طراحی شده‌اند، به عنوان مثال تطبیق شکل می‌تواند برای یافتن قطعات در یک پایگاه داده کد-کم به کار رود. پیاده‌سازی‌های مختلف CBIR از انواع مختلف جستجوهای کاربر استفاده می‌کنند.

  • با جستجو به کمک مثال، کاربر به کمک یک تصویر نمونه (تامین شده توسط خود کاربر یا انتخاب شده از یک مجموعه تصادفی) جستجو می‌کند، و نرم‌افزار تصاویر شبیه آن را بر اساس چندین ضابطه سطح پایین می‌یابد.
  • با جستجو به کمک طرح، کاربر تقریبی اولیه از تصویری که به دنبال آن است می‌کشد، مثلاً به کمک قطره‌های رنگ، و نرم‌افزار تصاویری را که طرح‌بندیشان به آن شبیه باشد را می‌یابد.
  • روش‌های دیگر شامل مشخص کردن نسبت رنگ‌های درخواستی(مثلاً "۸۰% قرمز، ۲۰% آبی") و گشتن به دنبال تصاویر دربرگیرنده جسمی که در یک تصویر نمونه داده شده است.

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

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

۰ نظر موافقین ۰ مخالفین ۰ ۳۰ ارديبهشت ۹۴ ، ۲۲:۱۷
مهندس عشق هنر

10 نکته برای افزایش سرعت بارگزاری صفحات وب

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

صبر خیلی خوب است ، اما تمرین دستیابی به آن دشوار است . خصوصا این روزها که همه به دنبال راهی برای افزایش سرعت دسترسی به اطلاعات هستند و کاربران لزومی بر انجام این تمرین سخت نمی بینند . پس چاره ای نیست جز اینکه به جای کار کردن روی صبر میلیون ها بازدیدکننده وب سایت ها ، فقط روی وب سرعت سایت خود کار کنید !  اینکار به مراتب آسانتر است ، اینطور نیست؟

حتما این را شنیده اید که بازدید کننده ای که صبر خود را از دست بدهد ، خیلی راحت بازدن دکمه X سایت شما را ترک کرده و احتمال کمی دارد که مجددا بازگردد . بهبود سرعت بارگزاری صفحات وب نه تنها برای بازدیدکنندگان وب سایت ها ، بلکه برای موتورهای جستجو و افزایش رتبه نیز امری مهم است . اواخر آوریل گوگل اعلام کرد که سرعت بارگزاری صفحات وب را در الگوریتم رتبه بندی موتور جستجوی خود وارد خواهد کرد . با وجود اینکه دخیل کردن این معیار در الگوریتم رتبه بندی ، تعادل را با سایر معیارهای رتبه بندی رعایت نمیکند ، به هر حال چیزی است که باید هنگام طرح ریزی برای مسائل SEO  وب سایت در نظر گرفته شود .

موارد زیر نکاتی هستند که باعث کاهش زمان بارگزاری صفحات وب سایت شما میشوند :

۱ نظر موافقین ۰ مخالفین ۰ ۲۸ ارديبهشت ۹۴ ، ۱۴:۱۶
مهندس عشق هنر

شروع تجارت الکترونیک برای تازه کارها


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

در این مقاله به شما آموزش داده می شود چگونه با کمترین هزینه و دانش فنی، یک فروشگاه اینترنتی راه اندازی نمایید و بیشترین بهره را از آن ببرید.

 

1- چه چیزی بفروشم

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۷ ارديبهشت ۹۴ ، ۱۳:۰۶
مهندس عشق هنر

تئوری رنگ در هنرهای تجسمی به یک راهنما عملی برای بیان تاثیر ترکیب رنگ‌ها گفته می‌شود.

دایره رنگ

چرخه رنگ گوته در سال ۱۸۱۰ میلادی

یک دایره رنگ ابتدایی که در آن رنگ‌های قرمز، زرد و آبی وجود دارند، در واقع دایره رنگ سنتی در هنرهای تجسمی به شمار می‌آید. سر آیزاک نیوتون (Sir Isaac Newton) در سال ۱۶۶۶ اولین نمودار رنگ دایره شکل را به وجود آورد. از آن زمان تا کنون، دانشمندان و هنرمندان به مطالعه و طراحی نمونه‌های متنوع و مختلف این مفهوم اولیه بوده‌اند. اختلاف نظرهای متعدد درباره صحت و برتری یک چیدمان نسبت به دیگری، مدام موجب بروز مناقشاتی در این جمع شده‌است، اما در حقیقت هر دایره رنگی که ترتیب منطقی رنگ‌های خالص در آن رعایت شده باشد، موثق و قابل استفاده خواهد بود.

رنگ‌های اصلی

رنگ افزایشی mixing
Subtractive color mixing

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

رنگ‌های فرعی یا ثانویه

سبز، نارنجی و بنفش رنگ‌هایی هستند که از ترکیب رنگ‌های اصلی با یکدیگر حاصل می‌شوند. محل قرار گیری هر رنگ ثانویه در دایره رنگ، بین دو رنگ اصلی تشکیل دهنده اش است.

رنگ‌های ترکیبی

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

۰ نظر موافقین ۰ مخالفین ۰ ۱۶ ارديبهشت ۹۴ ، ۰۱:۰۶
مهندس عشق هنر