بلاگ

بلاگ

پوستر

از پوستر به عنوان شناسنامه تبلیغاتی محصول یا خدمات نام می برند. هر ساله مسابقات بسیاری در زمینه طراحی پوستر در سراسر دنیا برگزار میگردد. یک پوستر زیبا مساوی است با یک…

بنر، تابلو و بیلبورد

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

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

پیشینه بیلبورد به اولین تمدنها باز می‌گردد و ما در تاریخ مصر باستان به ستونهای سنگی اوبلیسک برمیخوریم که ستونهایی چهاروجهی با نوک هرمی شکل هستند و از سنگ یک تکه ساخته شده اند، این ستونها نه تنها جنبه تزئینی داشته‌اند لکه برای ترویج مذهب مصریان باستان به کار می‌رفته‌اند و بر روی آنها جملات مذهبی و دعاهای مختلف کنده کاری شده اند. همچنین اوبلیسکهایی وجود دارند که بر روی آنها قوانین مهم کشوری نبشته شده‌اند و در معرض دید عموم قرار می‌گرفته اند. هرچند مطالب موجود بر این ستونها محدود به موارد مذهبی و سیاسی است، اما بدون شک در تعریف امروز از تبلیغات میگنجد.
نمونه دیگر یک بیلبورد در آمریکا نخستین قدمها در مسیر تبلیغات در سال ۱۴۵۰، زمانی که یوهان گوتنبرگ Johannes Gutenberg ماشین چاپ قابل حمل را اختراع کرد، با انتشار برگه‌های آگهی دستی، تبلیغات به شکل امروزی آن به مردم معرفی شد. در سال ۱۷۹۶، با تکمیل روشهای لیتوگرافی، اولین پوستر تصویر سازی شده، به وجود آمد. به مرور زمان، مردم به دنبال جاهایی مناسب برای نسب آگهی‌های خود بودند تا در محدوده زمانی مشخص، بیشترین بازدید کننده و بالاترین تأثیر را داشته باشد، به این ترتیب، ستونها و جعبه‌های ویژه نصب آگهی در نقاط پر تردد شهرها برپا شد.
اولین بار تبلیغات در حاشیه جاده‌ها توسط بازرگانان و کسبه محلی آمریکایی به کار رفت. آنها علامتها و تابلوهایی را بر دیوارها و نرده‌ها نقش می‌کردند یا پوسترهایی را بر روی تیرهای تلگراف، دیوارها و هر محل ممکن، نصب می‌کردند. در نیویورک سال ۱۸۳۵، اولین پوستر بسیار بزرگ در فضای خارجی نصب شد. این پوستر ۱۵ متر مربعی، توسط چاپخانه جرد بل Jared Bell برای تبلیغ یک سیرک به چاپ رسید.
قرن بیستم و تحولات تبلیغاتی در سالهای ۱۹۰۰، در صنعت تولید بیلبورد اتفاق بزرگی رخ داد. صنایع و شرکتهای بزرگ برای تبلیغ کالاهای خود در بازرارهای داخلی، به استفاده گسترده‌ای از بیلبورد پرداختند و تصاویر بزرگ و پرجلوه‌ای از خمیردندان و صابون گرفته تا انواع خوراکیها و نوشیدنیها، بر روی بیلبوردها ظاهر شدند. در دوران جنگ، تبلیغات روی بیلبوردها، بر روی بسیج نیروها و دفاع از کشور و شعارهای وطن پرستانه متمرکز می‌شد و در دوران صلح، این تمرکز بر روی بهبود بخشیدن به شیوه زندگی و تبلیغ برای آخرین دستاوردهای صنعتی بود.بیلبورد، (یا تابلوی تبلیغاتی یا تختهٔ آگهی) به تابلو بزرگی گفته می‌شود که فضای مناسبی برای نصب آگهی را در اختیار دولت، صنعتگران و عرضه کنندگان کالا میگزارد. و در اصل به هر فضای خارجی که امکان نصب آگهی بر آن باشد اطلاق می‌شود. اما امروزه، بیشتر به معنای تابلوهای بسیار بزرگ و نورپردازی شده است مه بر پایه‌های بلندی قرار گرفته و از فواصل دور قابل دیده شدن هستند.
امروزه بیلبوردها مجموعه‌ای از تصاویر بزرگ هستند، بعضی از آنها مضحک، بعضی کمی عجیب و غریب و گاهی کنایه آمیزند. ما به عنوان بیننده می‌توانیم دیدگاههای مختلفی نسبت به هر بیلبورد داشته باشیم اما این واقعیت را نمی‌توانیم انکار کنیم که بیلبوردها، نماد جریان دائمی و روان زندگی هستند.
در بسیاری از کشورها، تختهٔ‌های آگهی به مردم کمک می‌کنند تا جایی برای غذا خوردن، خوابیدن یا تهیه بنزین پیدا کنند، به خصوص در جایی مانند آمریکا، با بزرگراههای متعدد و مسافتهای طولانی و خالی از سکنه بین شهری، وجود چنین تابلوهایی برای مسافرین غریب و خسته، نعمتی است.
از طرفی تابلوهای آگهی، به بسیاری از شرکتها و دارندگان صنایع مختلف کمک می‌کنند و وجود این تابلوهای بزرگ، برای شرکتها و تجارتهای نوپایی که قادر به پرداخت هزینه تبلیغات تلویزیونی نیستند، بسیار مفید بوده است. در مقایسه با قیمت تبلیغات تلویزیونی و رادیویی و کم نتیجه بودن تبلیغات در داخل مجلات و روزنامه ها، بیلبورد، می‌تواند با هزینه کمتر، بیشترین تعداد مخاطب را داشته باشد.
پیشینه بیلبورد به اولین تمدنها باز می‌گردد و ما در تاریخ مصر باستان به ستونهای سنگی اوبلیسک برمیخوریم که ستونهایی چهاروجهی با نوک هرمی شکل هستند و از سنگ یک تکه ساخته شده اند، این ستونها نه تنها جنبه تزئینی داشته‌اند لکه برای ترویج مذهب مصریان باستان به کار می‌رفته‌اند و بر روی آنها جملات مذهبی و دعاهای مختلف کنده کاری شده اند. همچنین اوبلیسکهایی وجود دارند که بر روی آنها قوانین مهم کشوری نبشته شده‌اند و در معرض دید عموم قرار می‌گرفته اند. هرچند مطالب موجود بر این ستونها محدود به موارد مذهبی و سیاسی است، اما بدون شک در تعریف امروز از تبلیغات میگنجد.
نمونه دیگر یک بیلبورد در آمریکا نخستین قدمها در مسیر تبلیغات در سال ۱۴۵۰، زمانی که یوهان گوتنبرگ Johannes Gutenberg ماشین چاپ قابل حمل را اختراع کرد، با انتشار برگه‌های آگهی دستی، تبلیغات به شکل امروزی آن به مردم معرفی شد. در سال ۱۷۹۶، با تکمیل روشهای لیتوگرافی، اولین پوستر تصویر سازی شده، به وجود آمد. به مرور زمان، مردم به دنبال جاهایی مناسب برای نسب آگهی‌های خود بودند تا در محدوده زمانی مشخص، بیشترین بازدید کننده و بالاترین تأثیر را داشته باشد، به این ترتیب، ستونها و جعبه‌های ویژه نصب آگهی در نقاط پر تردد شهرها برپا شد.
اولین بار تبلیغات در حاشیه جاده‌ها توسط بازرگانان و کسبه محلی آمریکایی به کار رفت. آنها علامتها و تابلوهایی را بر دیوارها و نرده‌ها نقش می‌کردند یا پوسترهایی را بر روی تیرهای تلگراف، دیوارها و هر محل ممکن، نصب می‌کردند. در نیویورک سال ۱۸۳۵، اولین پوستر بسیار بزرگ در فضای خارجی نصب شد. این پوستر ۱۵ متر مربعی، توسط چاپخانه جرد بل Jared Bell برای تبلیغ یک سیرک به چاپ رسید.
قرن بیستم و تحولات تبلیغاتی در سالهای ۱۹۰۰، در صنعت تولید بیلبورد اتفاق بزرگی رخ داد. صنایع و شرکتهای بزرگ برای تبلیغ کالاهای خود در بازرارهای داخلی، به استفاده گسترده‌ای از بیلبورد پرداختند و تصاویر بزرگ و پرجلوه‌ای از خمیردندان و صابون گرفته تا انواع خوراکیها و نوشیدنیها، بر روی بیلبوردها ظاهر شدند. در دوران جنگ، تبلیغات روی بیلبوردها، بر روی بسیج نیروها و دفاع از کشور و شعارهای وطن پرستانه متمرکز می‌شد و در دوران صلح، این تمرکز بر روی بهبود بخشیدن به شیوه زندگی و تبلیغ برای آخرین دستاوردهای صنعتی بود.

● بیلبوردها از سالهای ۱۹۹۰ تا امروز
با ظهور فناوری دیجیتال، تابلوهای دست نویس و نقاشی شده، جای خود را به نسخه‌هایی از تصاویر دیجیتالی داده است که بر روی هر نوع سطح ممکن چاپ و نصب می‌شوند. این تصاویر در همه جا هستند، بدنه اتوبوسها، کیوسکها، سردر مغازه ها، بدنه تاکسیها، داخل فروشگاههای بزرگ و فرودگاه و…

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

● انواع
تابلوهای تبلیغانی چند نوعند یکی آنهایی که در مکانهای بزرگ مثل بزرگ راهها نصب می‌شوند که عمدتاً مستطیلی هستند دوم آنهایی که در پیاده روها نصب می‌شوند که چون فضای کمتری وجود دارد قطعشان عمودی است و سوم تابلوهایی که در راهروها یا آسانسورها و … نصب شده است. توجه داشته باشید که قطع کار در نوع طراحی می‌تواند اثر داشته باشد مثلاً در تابلوهای بزرگ که به آنها بیل بورد هم می‌گویند احتیاج نیست که حتما رنگهایی با کنتراست (تضاد) زیاد داشته باشیم. نکته دیگر این است که ما در میادین یا پارکها تابلوهایی میبینیم که خیلی حساب شده هم هستند ولی متاسفانه استفاده نادرست از قطع‌های متفاوت و هم استفاده از داربستهایی نامناسب تر باعث سردرگمی بیننده و از بین رفتن سلامت بصری آنها می‌شوند.
نکته بعدی این است که رساندن پیام در زمان کم ارزش زیادی دارد بخاطر همین موضوع نباید در پوسترها و تابلوهای تبلیغاتی از عناصر تصویری زیادی استفاده کرد، مخصوصا در بزرگراهها و مکانهای شلوغ، چون کسی که سوار ماشین است تا بیاید مفهوم تابلو را در آن شلوغی درک کند، عبور کرده و رفته است.

طراحی آرم و لوگو

 

آرم و لوگو

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

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

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

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

حال، راز طراحی موفق یک آرم چیست؟
قبل از پاسخ به این سؤال، بیایید سه رویکرد رایج بسیاری از بازاریابان را در توسعه و طراحی آرم، با کمک گرفتن از انس های تبلیغاتی مشاورین و مؤسسات طراحی آرم، بررسی کنیم.
۱- دکوراسیون
۲- الحاق
۳- Golem 

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

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

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

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

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

کارت ویزیت

 

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

مهم نیست که می خواهید چه استفاده ای از کارت ویزیتتان بکنید، مهم این است که این کارت باید کاملاً حرفه ای، خوانا، و جذاب باشد و به مشتریان کمک کند به خاطر بیاورند که شما چه می فروشید و چرا باید از شما خرید کنند.

اعمال همه این نکات روی یک کاغذ که فقط ½ ۳ طول و ۲ اینچ عرضش باشد، کارچندان ساده ای نیست؛ اما قابل انجام است. در زیر توصیه هایی برایتان دارین که قبل از طراحی کارت ویزیت باید حتماً در ذهن داشته باشید. 

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

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

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

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

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

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

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

کارت ویزیتتان درمورد شما چه می گوید؟ 

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

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

برای مثال، اگر من بخواهم کارت ویزیتم را به شما بدهم، به دلایل زیر شما تصور خواهید کرد که من فردی خوش مشرب و صیمیمی هستم: 

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

اگر شما کارت ویزیت ندارید و میخواهید یکی برای خودتان درست کنید، به توصیه های زیر دقت کنید. 

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

مهم نیست که می خواهید چه استفاده ای از کارت ویزیتتان بکنید، مهم این است که این کارت باید کاملاً حرفه ای، خوانا، و جذاب باشد و به مشتریان کمک کند به خاطر بیاورند که شما چه می فروشید و چرا باید از شما خرید کنند.

اعمال همه این نکات روی یک کاغذ که فقط ½ ۳ طول و ۲ اینچ عرضش باشد، کارچندان ساده ای نیست؛ اما قابل انجام است. در زیر توصیه هایی برایتان دارین که قبل از طراحی کارت ویزیت باید حتماً در ذهن داشته باشید. 

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

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

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

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

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

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

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

کارت ویزیتتان درمورد شما چه می گوید؟ 
احتمال آن زیاد است که برای خودتان کار ویزیت داشته باشید، اما اگر ندارید، حتماً باید یکی درست کنید. کارت ویزیت چیزی است که خیلی از ما آن را دست کم می گیریم، اما نباید اینطور باشد. شکل، احساس و پیامی که روی کارت ویزیت شماست، روی نظر مردم درمورد شما و مهمتر اینکه آیا یادتان می آورند یا نه، تاثیر می گذارد. 

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

برای مثال، اگر من بخواهم کارت ویزیتم را به شما بدهم، به دلایل زیر شما تصور خواهید کرد که من فردی خوش مشرب و صیمیمی هستم: 

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

اگر شما کارت ویزیت ندارید و میخواهید یکی برای خودتان درست کنید، به توصیه های زیر دقت کنید. 

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

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

آشنایی با پروتکل SSL و عملکرد آن

(SSLSSL) Secure Socket Layer راه‌حلی جهت برقراری ارتباطات ایمن میان یک سرویس‌دهنده و یک سرویس‌گیرنده است که توسط شرکت Netscape ارایه شده است. در واقع SSL پروتکلی است که پایین‌تر از لایه کاربرد (لایه ۴ از مدل TCP/IP) و بالاتر از لایه انتقال (لایه سوم از مدل TCP/IP) قرار می‌گیرد.

طراحی سایت

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

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

۱٫سایت های فلش :

سایت هایی که در آنها برای متحرک سازی گرافیکی از نرم افزار Flash استفاده می‌شود. سایت های full flash سایت هایی هستند که تمام مراحل پیاده سازی سایت فقط با نرم افزار Flash انجام می‌شود.

۲٫سایتهای ایستا (استاتیک) :

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

۳٫سایتهای پویا (داینامیک) :

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

پیشرو ارتباط با نظر به توضیحات بیان شده در معرفی انواع وب سایتها و اهدافی همچون :

۱٫ صرفه‌جویی در زمان ایجاد و به روز رسانی وب سایت

۲٫ صرفه جویی در هزینه طراحی

۳٫ امکان مدیریت و به روز رسانی وب سایت بدون تخصص

۴٫ انعطاف‌پذیری بسیار بالا

۵٫ توزیع مدیریت سایت در سیستم بین چند نفر

۶٫ امنیت بالاتر وب ‌سایت

۷٫ کاهش هزینه‌های نگهداری و پشتیبانی

۸٫افزایش نامحدود صفحه , منو , زیر منو و … در سایت بدون هزینه اضافی

۹٫ امکان اضافه کردن امکانات سفارشی

۱۰٫ طراحی قالب های اختصاصی با طراحی متفاوت

اقدام به ایجاد قسمت برآورد قیمت طراحی سایت به صورت آنلاین نموده است.

لازم به ذکر است که در کلیه پرتالها ، وب سایت شما به صورت کاملا رایگان در موتور جستجوگر google ثبت می شود.

برآورد قیمت طراحی سایت مراجعه و قیمت طراحی سایت خود را برآورد نمایید.

سئو چیست؟

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

اهمیت این موضوع از آنجا ناشی می شود که اکثر مردم از موتورهای جستجو برای رسیدن به مطلب یا محصول مورد نظر خود استفاده می کنند. بهینه سازی وب سایت برای موتورهای جستجوگر معروف شاید بتوان گفت که تقریبا همه افرادی که با وب آشنایی هر چند کمی دارند، حداقل برای یک بار هم که شده واژه SEO را شنیده اند. اما SEO چیست؟ معنای لغوی SEO که مخفف Search Engine Optimization است، بهینه سازی موتور جستجو می باشد. SEO یعنی تولید کردن صفحات وبی که برای موتورهای جستجو جالب و فریبنده هستند. بهینه سازی صفحات وب این است که شما در نتایج یک موتور جستجوی بزرگ بیشترین امتیاز را داشته باشید. اهمیت این موضوع از آنجا ناشی می شود که اکثر مردم از موتورهای جستجو برای رسیدن به مطلب یا محصول مورد نظر خود استفاده می کنند. متا تگ‌های سئو سئو وب سایت دایرکتوری های سئو موتور جستجو سئو عنکبوت سئو روبات سئو اسپایدر سئو خزنده سئو
به عنوان مثال در گوگل و یاهو، اکثر مردم فقط به صفحه اول نتایج جستجو نگاه می کنند. بنابراین برای داشتن ترافیک بالا از طرف موتورهای جستجو، این مسأله الزامی است که سایت شما در صفحه اول نتایج جستجو قرار گیرد. 

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

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

چرا SEO مهم است؟!

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

چه کسانی به SEO احتیاج دارند؟ 

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

راهنمای , آموزش استفاده از فایر باگ – firebug – برای طراحان وب

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

 

01 - بلاگ

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

فایر باگ – firebug

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

پنل فایر باگ را باز کنید

راه های مختلفی برای باز کردن پنل فایر باگ وجود دارد وقتی که این پنل را باز می کنیم باید تصویر مشابه تصویر زیر باشد.

02 - بلاگ

باز کردن فایر باگ با استفاده از کلید های میانبر

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

استفاده از فایر باگ از طریق Context Menu مرور گر

در هر صفحه از وب سایت با کلیک راست کردن روی صفحه، بخشی از html صفحه( هایپرلینک، دکمه ها، تصاویر ) و بعد از انتخاب inspect element از منو، پنل فایر باگ ظاهر می شود.

03 - بلاگ

آیکون فایر باگ

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

04 - بلاگ

استفاده از فایر باگ در یک پنجره جدید روی صفحه

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

05 - بلاگ

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

بررسی قالب و ساختار صفحه وب و نشانه گذاری ها

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

06 - بلاگ

در پنل HTML دو بخش در پنل وجود دارد

قسمت نمایش ند ها

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

07 - بلاگ

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

08 - بلاگ

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

09 - بلاگ

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

10 - بلاگ

پنل کناری نمایش کد های اچ تی ام ال

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

در پنل کناری ۴ پنل دیگر موجود است:

  • ۱- استایل style
  • ۲- قالب یا layout
  • ۳- محاسبه computed
  • ۴- سند مدل شیء یا DOM (document object model)

پنل استایل style در پنل کناری به شما تاثیر سی اس اس های مهم عناصر صفحات وب را نمایش می دهد این پنل نمایی از استایل شیت ( صفحه نوشتن کد های سی اس اس ) با شماره خط آن سی اس اس را نمایش می دهد. در این حالت شما بیشتر از یک استایل شیت خواهید داشت.

11 - بلاگ

در پنل محاسبات یا computed ، شما خصوصیات سی اس اس را مشاهده خواهید کرد مانند font-size, font –color,text-align و غیره این اطلاعات به شما در درک نحوه ارائه این کد ها توسط مرورگر کمک میکند.

12 - بلاگ

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

13 - بلاگ

پنل DOM ، در واقع سند مدل شیء یک عنصر در صفحه وب را نمایش می دهد این بخش بیشتر برای کسانی که با جاوا اسکریپت یا اسکریپت های کلاینت ساید کار می کنند مناسب است.

اصلاح اچ تی ام ال اجرا شده

صد ها راه مدیریت اجرای اچ تی ام ال در جریان کاری، از طریق دسترسی به فایل ها روی سرور یا وقتی که با استفاده از سرور لوکال از وب سرور XAMPP یا wamp server استفاده می کنید، وجود دارد. من فکر می کنم که اکثر طراحان وب ترجیح می دهند که کد ها را از طریق ادیتور خود اجرا و ادیت نمایند زیرادر این حالت هر تغییر و ویرایش روی کد ها در فضای امن تری انجام می شود.

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

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

افزودن / ویرایش کردن و حذف کردن تمام عناصر اچ تی ام ال

برای مثال در صورت حذف این div چه اتفاقی برای floats صفحه خواهد افتاد؟

افزودن / ویرایش و حذف ID وکلاس

برای مثال در صورت حذف این کلاس آیا خصوصیات ارائه شده با مشکل مواجه می شوند؟

قرار داد تکمیل کننده های بیشتر در عنوان ، متن ها و روی دکمه ها برای تست line brek یا شکست خطوط متنی

افزودن استایل های inline موقتی برای تست سریع با استفاده از خصوصیات html

مثلا آیا این هایپر لینک hyperlink با این استایل بهتر می شود style=”color:#00aeef” or style=”color:# 067fad”

فایر باگ کد هایی ویرایش شده را ذخیره نمی کند. در صورت کلیک یک لینک با رفرش کردن صفحه تغییرات انجام شده ناپدید می شوند. بنابر این بهتر است یک ادیتور متون مثل نت پد در کنار خود داشته باشید که کد های جدید و دستاورد های خود را در آن یادداشت کنید

اصلاح سی اس اس های اجرا شده

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

14 - بلاگ

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

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

15 - بلاگ

چیز جالب که در پنل کناری بخش سی اس اس وجود دارد این است که این کد ها قابلیت ادیت شدن را دارند مثلا اگر می خواهید ببیند که وب سایت چه تغییری می کند اگر شما padding-top را به ۲۲px تغییر بدید فقط کافی روی عدد کلیک کنید و اون رو تغییر بدید یا حتی می تونید اون خصوصیت را ادیت کنید یا خصوصیت جدیدی به آن اضافه کنید

16 - بلاگ

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

17 - بلاگ

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

اگر شما تمایل دارید سی اس اس ی را به عنصری که مقدار عددی و کلاس ID ندارد( که در اینصورت در پنل سمت راست کناری دیده نخواهد شد) شما میتوانید یک استایل inline در پنل نمایش ند های سمت چپ با در پنل سی اس اس اضافه کنید

پنل سی اس اس یک نمایی را از کد های سی اس اس در استایل شیت های متعدد که شما به سایت اضافه کردید می دهد Source edit mode مد ادیت سورس یا منبع، شما به ویرایش مقادیر یا ارزشها می پردازید ( که شبیه پنل اچ تی ام ال سمت راست است که ما راجع به آن توضیح داده ایم) در این بخش می توانید آزادانه کد های خود را مانند وقتی که در ادیتور خود هستید تایپ کنید.

18 - بلاگ

محدودیت ها و خصلت های فایر باگ

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

بگذارید راجع به محدودیت های فایر باگ هم صحبت کنیم:

عناصری در اچ تی ام ال که دارای خصوصیت هاور hover هستند

این سخت است که عناصری را که دارای سی اس اس هستند اشکال زدایی کرد دارای قوانین هاور و یا دارای هاور جاوا اسکریپتی هستند مانند منوهای دراپ دان چون وقتی موس رو از روی انها بر می داریم خصوصیتشون کاملا عوض می شوند موضوع این است که شما باید چاره ای بیابید که به بررسی عناصر تودر تو (که تا زمانی که روی عناصر اصلی کلیک نکرده اید پنهان هستند) ، از طریق بررسی عناصر اصلی بپردازید .

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

در مثال زیر می خواهیم یکی از آیتم های لیست غیر منظم را از منوی flyout-menu بررسی و رفع عیب کنیم و جاوا اسکریپتی وجود دارد که باعث می شود منو زمانی که موس روی ان نیست پنهان شود

۱
۲
۳
۴
۵
۶
<div class="flyout-menu">
  <ul>
    <li>Menu item one</li>
    <li>Menu item two</li>
    <li>Menu item three</li>
  </ul></div>

می توانید استایل inline زیر را به div مورد نظر ( با توجه به طرز پنهان شدن div و نظر به اینکه شما می خواهید از دستکاری DOM جاوا اسکریپت بپرهیزید ) اضافه کنیم.

۱
۲
۳
۴
۵
۶
<div class="flyout-menu" style="display:block;">
  <ul>
    <li>Menu item one</li>
    <li>Menu item two</li>
    <li>Menu item three</li>
  </ul></div>
فایر باگ بعضی اوقات از کار می افتد

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

فایر فاکس با سایر مرور گر های دیگر فرق دارد

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

۱
<li><a href="home.htm">Home</li>

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

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

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

در Google Chrome, Safari, IE و Opera ابزار هایی مشابه فایر باگ موجود است که برای کسب اطلاعات بیشتر از این لینک ها استفاده کنید:

در راه اندازی یک وب سایت چه نکاتی را می بایست مد نظر قرار دهیم؟

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

ارسال و دریافت از طریق FTP

۱- ابتدا یک صفحه مای کامپیوتر باز کنید و سپس در قسمت آدرس تایپ کنید:  ftp.yourdomain.com (بجای yourdomain.com اسم سایت خود را بنویسید)

۲- بازدن دکمه Enter صفحه ای باز می شود که شما باید username و password سایت خود را در آن قسمت وارد کنید.

۳- اکنون شما چند دایرکتوری مشاهده میکنید شما باید روی دایرکتوری public_html کلیک کنید و داخل آن شوید.

حالا کافی است که فایلهایی را که در کامپیوتر شما قرار دارد و میخواهید در وب سایتتان بگذارید را انتخاب کرده و در این محل قرار دهید

 

ftp2 - بلاگ

۵- برای پاک کردن فایلها هم میتوانید از گزینه Delete استفاده نمایید.

توجه داشته باشید که فایل صفحه نخست سایت شما حتما نامش را defautl.html یا index.htm یا index.html بگذارید تا اجرا شود.