وب از نگاه سوم

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

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

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

در پایان ، پای جناب مستر باند نیز به ماجرا باز می شود! حتما می دانید که اخیرا قسمت دیگر از سری فیلم های دیدنی 007 با عنوان Quantum Of Solace اکران شده است و جالب است این را هم بدانید که بلاگ جدید این فیلم ، با نیروی مووبل تایپ مدیریت می شود و مستر باند را داغتر از همیشه (البته برای خانم ها :دی) نشان می دهد!

و البته نکته جالبتر این است که در بخش زیرین صفحات این سایت ها و وبلاگ ها با عبارت هایی نظیر “Proudly powered by” و یا همان “با افتخار قدرت‌گرفته” خودمان روبرو نمی شویم!!

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

پروژه فارسی سازی مووبل تایپ 4 از تابستان امسال شروع شد و این روزها را می توان روز های پایانی این پروژه دانست. اکنون می توان گفت که قدرتمندترین سیستم مدیریت انتشار الکترونیک برای فارسی زبانان کاملا لوکالیزیشن شده است و کاربران فارسی زبان می توانند از این سیستم به همراه اینترفیس فارسی استفاده نمایند.
Read the rest of this entry »

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

همانند دیگر مهارت ها ، داشتن مهارت در Css نیز می تواند از سطوح ابتدایی شروع شود و تا سطوح پیشرفته و حرفه ای ادامه پیدا کند.

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

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

سینتکس و یا نحوه کارکرد سودو المنت ها به شکل زیر است:

selector:pseudo-element {property: value}
selector.class:pseudo-element {property: value}

اولین عنصر سودو first-line است. این عنصر برای اضافه کردن یک ویژگی خاص به خط اول عناصر انتخاب شده ، به کار می رود. به مثال زیر توجه کنید:

p:first-line {color:#0000ff;font-variant:small-caps}
Some text that ends up on two or more lines

نحوه نمایش این مثال در مرورگر می تواند چیزی شبیه این باشد:

Some text that ends

up on two or more lines

Read the rest of this entry »

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

طی خبر های منتشر شده مایکروسافت IE8 در راه است و نسخه های Beta این مرورگر در دسترس کاربران قرار گرفته است. به نظر می رسد که تغییرات زیادی را در این نسخه از IE مشاهده خواهیم کرد. شاید اگر مرورگر های مدرن دیگری وجود نداشتند ، هیچ وقت مایکروسافت فکر تغییر و افزاریش کیفیت مرورگر خود نمی بود.

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

در این نوشتار می خواهیم به بحث روی دستورات اختصاصی IE بپردازیم و با استفاده از آنها طرح خود را در نسخه های مختلف IE صحیح و بدون نقص نمایش دهیم.
Read the rest of this entry »

در این نوشته می خواهیم کمی در مورد Css و Table ها صحبت کنیم. اکثر طراحان وب می دانند که این روز ها متد های طراحی در حال تغییر است و طرح های حرفه ای محسوب می شوند که در ساختار آنها تا آنجا که امکان دارد از Table کمتر استفاده شده باشد و یا در اصطلاح Table less باشند.

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

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

اما با استفاده از Css می توان به عناصر Table نیز ظاهری متعارف داد تا هم حجم کمتری را به خود اختصاص دهند و هم بهتر نمایش داده شوند. اکنون می خواهیم یک نمونه جدول را با استفاده از Css پیاده سازی کنیم و ظاهری متناسب به آن دهیم.
Read the rest of this entry »

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

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

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

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

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

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

به هر حال نکته ای که به نظر می رسد آن است که وب سایت های وب 2 به سرعت در حال رشد و توسعه هستند و دیر یا زود تمامی کاربران باید خودشان را با حال و هوای وب 2 هماهنگ سازند.

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

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

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

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

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

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

در صفحه جدید و بعد از تایپ نام بلاگ جدید ، طبق تصویر گزینه Community Forum را برای Template Set انتخاب کنید و بر روی دکمه Create Blog کلیک کنید.

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

امروز 12 سپتامبر 2008 و 22 شهریور 1387 است و به نظر می رسد که اولین پست این بلاگ را می نویسم! اکثر اوقات شروعی دوباره ، حاکی از یک پایان است. بلاگ جدیدم را باز هم با وردپرس پیاده سازی کرده ام ، چون فکر میکنم در حال حاضر وردپرس ساده ترین سیستم وبلاگ نویسی است که با آن می توان یک بلاگ شخصی را با صرف اندک زمانی مدیریت کرد ، مخصوصا برای کسانی که با زبان های برنامه نویسی تحت وب و مسائل و مشکلات جانبی اش آشنایی دارند.

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

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

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

انتخاب عناصر با استفاده از تکنیک های CSS
برای اعمال کردن یک رویه خاص بر روی عناصر موجود در صفحه ، توسعه دهنگان وب روی به روشی ساده اما در عین حال بسیار قدرتمند و کارا آوردند. این روش ساده در تمامی مرورگر های وب قابل اجرا بود و باعث می شد تا حجم عظیمی از اطلاعات تکراری در صفحه از بین بروند و همچنین ویرایش و تغییر حالت و رنگ های صفحه نیز به سادگی میسر شود. این روش که با استفاده از شناسای عناصر مختلف از روی نام ID و یا Class آن امکان دسترسی به عنصر و یا گروهی از عناصر موجود در صفحه را امکان پذیر می کرد تکنیک CSS نامیده شد.
Read the rest of this entry »

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

در این نوشته می خواهیم در مورد بهینه سازی دستورات در php صحبت کنیم ، اگر روش های که در اینجا به آنها اشاره می شود را با دقت در برنامه های خود لحاظ کنید ، شاید در یک برنامه 10 خطی و یا کمی بیشتر بالا رفتن سرعت اجرای برنامه را حس نکنید ، اما در یک برنامه سنگین تر تغییرات کاملا حس می شوند. Read the rest of this entry »