زیپ

آموزش و طراحی وب سایت - بهینه سازی وب سایت -SEO -مشاوره بهینه سازی سایت رایگان-آشنایی با ابزارها و اخبار داغ دنیای فناوری

زیپ

آموزش و طراحی وب سایت - بهینه سازی وب سایت -SEO -مشاوره بهینه سازی سایت رایگان-آشنایی با ابزارها و اخبار داغ دنیای فناوری

افزودن دامنه خود به وبلاگ Tumblr

آیا مایل هستید وبلاگ Tumblr خود را با نام دامنه دلخواه خود سفارشی کنید؟ در این مقاله خواهید دانست چگونه می توان یک دامنه خاص را به  وبلاگ Tumblr  هدایت کرده (redirect) و  وبلاگ را با این ادرس در دسترس دیگر کاربران گذاشت.

وقتی که در سایتTumblr برای ایجاد یک وبلاگ جدید ثبت نام می کنید، به طور پیش فرض آدرس وبلاگ شما این شکلی خواهد شد: your_blog_name.tumblr.com (به شکل فارسی اش: .tumblr.comنام وبلاگ شما ).یکی از بهترین دلایل برای استفاده از نام دامنه اختصاصی کاربر به جای  tumblr.com  این است که اگر تصمیم به تغییر و ترک وبلاگ نویسی از Tumblr گرفتید، همیشه می توانید دامنه خود را به سرویس وبلاگ نویسی  دیگری انتقال دهید. با در اختیار داشتن دامنه خاص خود ، هویت وبلاگ شما در امان است ، و بهتر از همه ، هنگامی که دامنه ای داشته باشید، افزودن آن به Tumblr کاملا رایگان است.

ادامه مطلب ...

معرفی سیستم های مدیریت محتوای وب

مقدمه

 

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

ادامه مطلب ...

آیکالو؛ یک سروس دهنده ابری تمام عیار!؟


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

یک مثال ساده ، اگر شما بخواهید یک وب سایت (تارنما ) ایجاد کنید ابتدا باید فضایی را در اختیار داشته باشید و سپس یک دامنه اینترنتی برای مثال (gooyait.com) اما این تازه شروع کار است ، شما باید با توجه به وب سایت خود پهنای باند مناسبی را در اختیار داشته باشید و یک سرویس دهنده با امکانات بالا برای نصب انواع مدیریت محتوا. البته انتخاب  نوع هاستینگ (ویندوز ، لینوکس) به انتخاب شما است .

ادامه مطلب ...

باید ها و نباید های طراحی رابط کاربری

ویکی پدیا UI را اینگونه تعریف کرده است: سیستمی که کاربران از طریق آن با ماشین (رایانه) ارتباط و تعامل دارند. رابط کاربری می تواند شامل اجزای سخت افزاری و نرم افزاری باشد. در یک کلام و به صورت خلاصه رابط کاربری فرایند ورود و خروج (Input & Output) را تسهیل می نماید.

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

برای ایجاد یک رابط کاربری کاربر پسند مهارتهای بسیاری لازم است. تسلط کامل بر HTML و CSS، مهارت در استفاده از Javascript و کتابخانه های آن مثل JQuery و مهارت های جانبی مانند رنگ شناسی و مخاطب شناسی از مواردی است که یک طراح وب خوب باید داشته باشد. در کنار این موارد داشتن خلاقیت و تجربه کاری می تواند از شما یک طراح وب کامل بسازد. البته یادم نرفته است که تسلط بر فتوشاپ و فلش و سایر نرم افزارهای گرافیکی نیز از الزامات "طراح رابط کاربری" بودن است.

با هم نگاهی می اندازیم به باید ها و نباید هایی که در طراحی رابط کاربری باید در نظر داشت.

ادامه مطلب ...

ایجاد و قرار دادن Favicon در وب سایت به همرا کد HTML

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


برای شروع بر روی این لینک کلیک کنید 




عکس ایجاد شده را با پسوند favicon.ico ذخیره کنید و بر روی یک فضای مجازی (host)  آپلود کنید سپس آدرس عکس آپلود شده را در کد زیر قرار داده و کل کد را در قالب وب سایتتان در قسمت <head>قرار دهید.


<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

CSS3 را با AutoCSS.ir تجربه کنید.

CSS3 Logo

 

CSS 3 ویژگی‏های جالب زیادی دارد. چند تا از این ویژگی‏ها به نظر من اینها هستند:

  • گوشه‏های دایره‏ای: درست کردن این گوشه‏ها به طور معمولی کار سختی است و باید تصاویر زیادی را ذخیره کرد و DIVهای زیادی را درست کرد که کار را سخت می‏کند. اما با Selector تازه‏ای که در CSS 3 به نام border-radius درست شده، این کار به راحتی دادن یک عدد به این Selector است.
  • امکان کم و زیاد کردن Opacity یک DIV: در CSS 2 این کار تنها با یک فایل PNG 24 Bit و Background کردن آن امکان‏‎پذیر بود. اگر چه این روش هم در IE6 به دلیل پشتیبانی نکردن از PNG 24 Bit کار نمی‏کرد. در CSS 3 به سادگی می‏شود با Selector تازه‏ای به نام Opacity، این تغییر را ایجاد کرد.
  • امکان انداختن سایه به DIVها: این کار هم به سادگی با Box-shadow امکان پذیر است. می‏شود این سایه را به هر یک از چهار طرف یک DIV داد.
  • تغییر اندازه DIVها: این ویژگی واقعا فوق‏العاده است. با مقداردهی ویژگی resize به both امکان تغییر اندازه یک DIV توسط کاربر وجود دارد
  • استفاده از تصاویر در حاشیه باکسها
  • چرخش متن همراه با انیمیشن و زوم
  • هایلایت متن با رفتن ماوس بر روی متن
  • چرخش متن
  • دادن رفلکشن به متن
  • افزودن حشایه به نوشته ها
  • افزودن 2 یا چند تصویر پس زمینه به صفحه
  • ایجاد Transparency در رنگها
  • سایه دادن به جعبه ها
  • ایجاد gradient
  • و بسیاری از ویژگیهای دیگر

ادامه مطلب ...