طراحي وب سايت و المانهای تبلیغاتی

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

تخصص ما طراحی انواع وب سایت ( پرتال، فروشگاه ، شرکتی ، شخصی ، وبلاگ، انجمن Forum و…) و راه اندازی و پیکربندی انواع سیستم های مدیریت محتوا (CMS) است.

امروزه بهینه سازی سایت و موتورهای جستجو – سئو (SEO) -  جزء مهمترین فاکتورها در طراحی سایت به شمار می آید. حتی برخی عقیده داریند بهترین روش برای بازاریابی سئو وب سایت می باشد زیرا شخص با یک جست و جو ساده می تواند محصول یا خدمت مورد نظر خود را پیدا کند اما وب سازه با بهره گیری از تجربه و دانش فنی مختصصانش در امر سئو و بهینه سازی می تواند سایت ها را در موتورهای جستجو به رتبه های بالا برساند.

نمونه کارهای ما را بازدید نمایید

هم اکنون سفارش طراحی وب سایت بدهید

طراحى گرافيک در واقع اصطلاحى است عام براى حرفه‌اى متشکل از طراحى حروف، تصويرسازي، عکاسى و چاپ به‌منظور ارائه اطلاعات يا آموزش. اين اصطلاح را اولين بار ويليام اديسون ديگينز در سال ۱۹۲۲ بکار برد. با اين همه فقط پس از جنگ جهانى دوم بود که کاربرد آن رايج شد.

ارتباط بصرى در مفهوم وسيع آن تاريخ طولانى مدتى دارد. زمانى که انسان اوليه براى يافتن غذا به شکار مى‌رفت و جاى پاى حيوانى را بر روى گِل مى‌ديد، در واقع نوعى نشانهٔ بصرى را مشاهده مى‌کرد. اثر گرافيکى مى‌تواند نشانه باشد، مانند حروف الفبا؛ يا يک نظام نشانه‌اى ديگر را شکل دهد؛ مانند علائم جاده‌اي. علائم گرافيکى در کنار هم تشکيل تصوير مى‌دهد. طراحى گرافيک در يک معنا حرفهٔ انتخاب يا ساخت علائم و آرايش آنها بر يک سطح براى انتقال يک ايده است. گرافيک هنرى است که ترسيم کردن و نگاشتن عناصر اصلى آن‌را تشکيل مى‌دهند.

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

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

:: طراحی انواع پوستر و تراکت های تبلیغاتی

:: طراحی انواع بروشورها و کاتالوگ های تبلیغاتی معرفی محصول و خدمات

:: طراحی کارت ویزیت و ست اداری (سربرگ ، پاکت نامه و ... )

:: طراحی بنر های تبلیغاتی، مناسبتی و مذهبی در کلیه ابعاد

:: طراحی فکسی های تبلیغاتی ، انواع استند و المان های نمایشگاهی

:: طراحی جلد کتاب (کتاب های درسی، هنری ، علمی ، مذهبی و ...)

:: طراحی انواع آگهی روزنامه ، نشریه و ...

:: طراحی و صفحه آرایی نشریات دانشجویی و کم حجم

:: طراحی هدر سایت و وبلاگ و تبلیغات اینترنتی

نمونه کارهای طراحی گرافیک

فرم سفارش کار های طراحی گرافیک

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

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

نمونه کارهای طراحی مالتی مدیا

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

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

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

برای ساخت دکمه های زیبا می توان از این تکنیک ها استفاده نمود

sprite تصویر مجموعه ای از تصاویر است که درون یک تصویر واحد گذاشته شده اند.

صفحه وبی با تصاویر زیاد، مدت طولانی طول می کشد تا load شود و requestهای زیادی از سرور می کند.

استفاده از spriteهای تصویر، تعداد requestها از سرور را کاهش می دهد و پهنای باند را ذخیره می کند.

در این آموزش با نحوه ایجاد تصاویر شفاف و همچنین کاهش شفافیت background آشنا می شویم .

ایجاد تصاویر شفاف با CSS آسان است.

ایجاد تصاویر شفاف:

از CSS می توان برای ایجاد گالری عکس استفاده کرد.

گالری عکس

گالری عکس زیر با CSS ایجاد شده است:

Pseudo-elements چندگانه

می توان چندین pseudo-elements را نیز با هم ترکیب کرد.

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

 Pseudo-classes و کلاس های CSS

می توان Pseudo-classes را با کلاس های CSS ترکیب کرد.

a.red:visited {color:#FF0000;}<a class="red" href="css_syntax.asp">CSS
 Syntax</a>

 اگر لینک مثال بالا بازدید شده باشد، قرمز نمایش داده خواهد شد.

CSS- The :first-child Pseudo-class

:first-child pseudo-class با عنصری معین شده که اولین child عنصر دیگر است، match می شود.

نکته مهم: برای اینکه :first-child در IE کارکند، یک DOCTYPE> باید تعریف شود.

عنصرهای روی هم افتاده (Overlapping Elements)

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

پراپرتی z-index، stack order یک عنصر را تعیین می کند ( که باید در جلو، پشت دیگران قرار گیرد)

عنصر ممکن است stack order مثبت یا منفی داشته باشد:

سلکتور های Grouping و Nesting در CSS

سلکتورهای Grouping

در style sheetها، اغلب عناصری با یک استایل وجود دارند.

h1
{color:green;
}h2
{color:green;
}p
{color:green;
}

outlineهای CSS

outline، خطی است که اطراف عناصر و بیرون از لبه border کشیده می شود تا عنصر را برجسته تر کند.

پراپرتی outline، استایل، رنگ، و پهنای outline را تنظیم می کند.

مثال زیر چگونگی رسم یک outline را در اطراف عنصر نشان می دهد:

تمامی عناصر HTML را می توان box در نظر گرفت. در CSS، عبارت "box model" هنگام صحبت در مورد design و layout استفاده می شود.

CSS Box Model، الزاماً یک box است که دور عناصر HTML را می گیرد، و تشکیل شده است از: حاشیه ها، قاب ها (border)، padding، و محتوای واقعی.

box model، به ما اجازه می دهد قابی را اطراف عناصر و فضای عناصر در رابطه با عناصر دیگر قرار دهیم.

تصویر زیر، box model را تشریح می کند:

پراپرتی های لیست CSS به شما اجازه می دهند:

• لیستی متفاوت از item markerها را برای لیست های سفارش داده شده تعیین کنید
• لیستی متفاوت از item markerها را برای لیست های سفارش داده نشده تعیین کنید
• تصویری را بعنوان لیست item marker تعیین کنید

لیست

در HTML، دو نوع لیست وجود دارد:

• لیست های سفارش داده شده – لیست آیتم ها با bullet نشانه گذاری می شوند
• لیست های سفارش داده شده – لیست آیتم ها به اعداد یا حروف نشانه گذاری می شوند

با CSS، می توان لیست ها را بیشتر style کرد، و می توان تصاویر را بعنوان لیست item marker استفاده کرد.

از این property برای تعیین indentation سطر اول متن استفاده می شود.

p {text-indent:50px;}

  فونت CSS

propertyهای فونت CSS، نوع فونت، ضخیم بودن، اندازه و سبک متن را تعریف می کنند.

بطور پیش فرض، property تصویر پیش زمینه، تصویری را هم بطور افقی و هم عمودی تکرار می کند.

بعضی از تصویر ها فقط باید افقی یا عمودی تکرار کرد، مگر نه عجیب غریب دیده می شوند، مانند مثال زیر:

body

{

background-image:url('gradient2.png');

}

استایل inline، با ترکیب کردن contentبا presentation، بسیاری از مزایای style sheetها را از دست می دهد. از این متد باید به ندرت استفاده کرد.

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

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

• CSS مخفف Cascading Style Sheets است
• styleها چگونگی نمایش عناصر HTML را تعریف می کنند
• styleها برای حل یک مشکل به HTML 4.0 اضافه شدند
• External Style Sheets می تواند در در انجام کار صرفه جویی کند
• External Style Sheets در فایل های CSS ذخیره می شوند

نمایش CSS

سند HTML را می توان با styleهای مختلف نمایش داد.

عنوان : طراحی و پیاده سازی سایت کاشی خاتم اردکان

شرح خدمات : طراحی قالب سایت - نصب نرم افزار مدیریت محتوا - پیکربندی و سئو

زبان برنامه نویسی : HTML - CSS - PHP - JAVA

آدرس وب سایت : khatamtile.com

عنوان : طراحی و پیاده سازی سایت گروه بهبود صنعت

شرح خدمات : طراحی قالب سایت - نصب نرم افزار مدیریت محتوا - پیکربندی و سئو

زبان برنامه نویسی : HTML - CSS - PHP - JAVA

آدرس وب سایت : www.isanat.com

شرح خدمات : طراحی قالب سایت - نصب نرم افزار مدیریت محتوا - پیکربندی و سئو

زبان برنامه نویسی : HTML - CSS - PHP - JAVA

آدرس وب سایت : proshot-intl.com

شرح خدمات : طراحی اینترو سایت

زبان برنامه نویسی : HTML - CSS

آدرس وب سایت : nseb.ir

شرح خدمات : طراحی قالب جوملا

زبان برنامه نویسی : HTML - CSS - PHP

آدرس وب سایت : دردسترس نیست

عنوان : طراحی سایت شرکت نوآوران صنعت الکترونیک

شرح خدمات : طراحی قالب سایت - نصب نرم افزار مدیریت محتوا - پیکربندی و سئو

زبان برنامه نویسی : HTML - CSS - PHP - JAVA

آدرس وب سایت : nseb.ir

شرح خدمات : طراحی قالب جوملا

زبان برنامه نویسی : HTML - CSS - PHP

آدرس وب سایت : دردسترس نیست

شرح خدمات : طراحی قالب جوملا

زبان برنامه نویسی : HTML - CSS - PHP

آدرس وب سایت : دردسترس نیست