آی آر نی نی
‏نمایش پست‌ها با برچسب روش های طراحی سایت. نمایش همه پست‌ها
‏نمایش پست‌ها با برچسب روش های طراحی سایت. نمایش همه پست‌ها

۱۳۸۸ اسفند ۱۵, شنبه

پيش به سوي دنياي بدون جدول [طراحي وب]


css.gifطراحي بدون جدول (Tableless Web Design) روشي از طراحي وب سايت است که از جدول براي چيدمان صفحات، استفاده نمي شود. بجاي استفاده از جدول، از صفحات نما (Style Sheets) که مرسوم ترين آن CSS است استفاده مي شود. CSS اولين بار توسط کنسرسيوم جهاني وب (W3C) معرفي شد.

متاسفانه هنوز در ايران استفاده از CSS آنطور که بايد باب نشده است. طراحان وب سايت يا از آن استفاده نمي کنند و يا استفاده از آن را محدود به چند بخش جزئي در طراحي مي کنند. اما استفاده از CSS مزاياي بسيار دارد که در زير برخي از آنها را نام مي برم.

*

از آنجا که CSS يک استاندارد جهاني است و تمامي مرورگرهاي معتبر آن را کاملاً پشتيباني مي کنند، لذا استفاده از CSS باعث نمايش صحيح وب سايت شما در تمامي مروگر هاي معتبر خواهد شد. (هرچند موانعي وجود دارد که بايد رعايت شود.)
*

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

در طراحي به وسيله جداول، طراحي هاي پيچ و خم دار اگر غير ممکن نباشد، بسيار مشکل خواهد شد. اما در CSS نه تنها امکان طراحي هاي مشکل وجود دارد بلکه اگر درست طراحي انجام شود، حتي مي توان از ماتيتورهاي با رزولوشن بسيار بالا و يا پايين به درستي پشتيباني کرد.

اين ليست به موارد فوق محدود نمي شود. در واقع CSS چنان به تار و پود HTML چسبيده است که کمتر طراح آشنا به آن قادر است بدون آن به حيات طراحي وب سايت خود ادامه دهد.

نويسنده: نيما حجازي

۱۳۸۸ اسفند ۳, دوشنبه

Ajax چيست؟


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

Ajax چيست؟
واژه Ajax با تلفظ <اي‌جكس> يا <اي‌ژاكس> سرنام عبارت Asynchronous JavaScript and XML و به معني <تركيب نامتقارن جاوا اسكريپت و>XML است. ماهيت صفحات وب و پروتكل HTTP به گونه‌اي است كه به طور معمول وقتي درحال وب‌گردي هستيم، به ازاي هر كنش و واكنش ميان ما و سايتي كه در حال كار با آن هستيم، كل يك صفحه وب از نو بارگذاري و تازه‌سازي (refresh) مي‌شود.

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

جادوي اي‌جاكس چيزي نيست جز يك فكر بكر و آن هم تركيب كردن جاوا اسكريپت و XML در قالب يك موجود ‌نرم‌افزاري جديد.

اصطلاح Ajax را اولين بار كارشناسي از شركت Adaptive Path به نام جسي جيمزگرت در مقاله‌اي با عنوان <اي‌جكس؛ رهيافت جديدي در برنامه‌هاي تحت وب> مطرح كرد و خيلي سريع مورد استقبال گسترده برنامه نويسان وب در سراسر جهان قرارگرفت. اعتقاد عمومي اين است كه تاريخچه به‌كارگيري تكنيك مذكور به پيدايش نرم‌افزار Outlook WebAccess و استفاده از فرمان XMLHttpRequest كه مايكروسافت ابداع كرده و در نرم‌افزار اينترنت اكسپلور به‌كار رفته است، برمي‌گردد. اما امروزه اغلب مرورگرهاي مهم و شناخته‌شده (از جمله فايرفاكس) از آن پشتيباني مي‌كنند و ديگر يك فناوري محدود به اينترنت اكسپلورر نيست.

چرا Ajax اين قدر اهميت‌دارد؟
فناوري اي‌جكس جديد است و شگفت‌انگيز به‌نظر مي‌رسد. ولي در حقيقت كل اين شعبده بر اساس فناوري‌هايي بنا شده است كه هم‌اكنون موجودند: جاوا اسكريپت و XML. هر دوي اين فناوري‌ها تا حد زيادي باز هستند و منحصر به شركت خاصي نيستند. به همين دليل اين روزها تمام محافل دنياي برنامه نويسي مملو از مقالات و تحليل‌هايي درباره Ajax است. به عنوان نمونه مي‌توانيد صفحه نخست سايت موسوم به <كانال شبكه برنامه نويسان سان> را بازكنيد.

بيشتر اين صفحه (در زمان نگارش اين يادداشت) به مقالات و مطالب متنوعي درباره Ajax اختصاص يافته است. مجلات برنامه‌نويسي نيز مقالات متعددي در اين زمينه منتشر كرده‌اند و سايت‌هاي معروفي مانند
O' Reilly و xml.com نيز در اين باره مطلب دارند.

بنابراين ظرفيت بالايي براي تبديل اي‌جكس به يك استاندارد جهاني وجود دارد. از اين رو قرار است در تاريخ سيزدهم مارس سمينار مهمي در زمينه Ajax برگزار شود. اگر همين الان به سايت ajaxseminar.com مراجعه كنيد، متوجه مي‌شويد كه علاوه بر طراح اين تكنيك، چندين برنامه‌نويس شاخص از شركت‌هاي بزرگي همچون ياهو در آن شركت خواهند داشت.

اين فناوري از يك جنبه ديگر نيز اهميت دارد. به‌دليل عدم نياز به بارگذاري مجدد كل يك صفحه وب، مقدار داده‌هايي كه لازم است براي تكميل يك Interaction ميان كاربر و سايت مبادله شود، به شدت كاهش مي‌يابد و اين به معني افزايش محسوس سرعت نرم‌افزارهاي تحت وب، سهولت به‌كارگيري اينترفيس‌هاي مبتني بر اي‌جكس و كاربرپسندترشدن آن‌ها مي‌شود. به همين دليل اين روزها اكثر پورتال‌هاي بزرگ (مانند ياهو) مشغول طراحي اينترفيس‌هاي مبتني بر Ajax هستند.

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

حال تصور كنيد اگر فناوري اي‌جكس در مقياس گسترده‌اي مورد استفاده نرم‌افزارهاي تحت وب قرارگيرد. آنگاه افزايش سرعت كار با اينترنت چند برابر خواهد شد. چنين تحولي مي‌تواند اينترنت را به كامپيوتر دوم كاربران تبديل كند. به گونه‌اي كه براي آن‌ها اجراي يك نرم‌افزار از روي وب تفاوت محسوسي با اجراي آن از روي كامپيوتر دسكتاپ نداشته باشد. در اين صورت ممكن است واقعا بخش مهمي از توان پردازشي نرم‌افزارها، چه از نوع دسكتاپ و چه از نوع تحت وب به سيستم‌هاي موسوم به Web Service واگذار شود. از اين رو كساني كه مبتكر و مشوق ايده وب سرويس بوده‌اند، اين روزها انگيزه تازه‌اي براي سرعت بخشيدن به اين فناوري پيدا كرده‌اند و تلاش مي‌كنند دو فناوري اي‌جكس و وب سرويس‌ را به‌يكديگر پيوند دهند و راهكارهاي تازه‌اي بيافرينند.

كدام سايت‌ها از اي‌جكس استفاده كرده‌اند؟
دنياي برنامه‌نويسي وب هنوز درگير هيجانات مربوط به آشنايي با اين پديده است و در حال بررسي مشكلات تكنيكي و هضم و جذب آن در بافت برنامه‌هاي تحت وب مي‌باشد. به همين دليل ميزان استفاده عملي از آن چندان گسترده نيست. اما چون كارايي اي‌جكس ديگر براي همه ثابت شده است، حركت‌هاي بزرگي در سراسر اينترنت به سمت استفاده از اين فناوري در جريان است. از جمله اينترفيس نسخه دوم Yahoo Mail كه به نسخه بتا معروف است و فعلا در دسترس كاربران سرويس غير رايگان ياهو قراردارد، از همين فناوري استفاده مي‌كند كه به زودي اينترفيس جديد در دسترس عموم قرار مي‌گيرد. سرويس Gmail و Google Map نيز از اين فناوري استفاده مي‌كنند.

۱۳۸۸ بهمن ۲۱, چهارشنبه

با Word هم میتوان وب سایت طراحی کرد!


مطمئنأ تمامی کاربران هنگامی که به بحث طراحی وب سایت بر میخورند به یاد برنامه های تخصصی طراحی صفحات اینترنتی می افتند اما ، در این ترفند قصد داریم اصولی را به شما معرفی کنیم که با استفاده از آنها میتوانید به سادگی در Microsoft Word معروف هم سایت طراحی کنید ، با همان ویژگی ها و زیبایی ها. برای این کار حتی میتوانید از Word 97 هم استفاده کنید اما عالی ترین حالت Word 2003 است.

خب حالا دست به کار شوید؛
یک صفحه جدید باز کنید و از منوی File گزینه Save as HTML یا Save as web pages را برگزینید و به صورت یک فایل با پسوند htm در مسیر دلخواه ذخیره کنید. بهتر است نام آن را index.htm انتخاب کنید. چرا که در آینده ای نزدیک این فایل، صفحه اصلی سایت شما خواهد شد.
اگر دوست داشته باشید می توانید برای صفحه خود یک رنگ زمینه (Background) برگزینید. توجه کنید انتخاب رنگ زمینه باید دقت کافی صورت گیرد، تا از خوانایی مطالب صفحه کاسته نشود معمولاً رنگهای کمرنگ و ملایم و مناسب ترند. برای این کار از منوی Format گزینه Background را انتخاب کنید و رنگ مورد علاقه خود را برگزینید. از قسمت Fill Effects هم می توانید افکتهای مختلفی به آن بدهید.

در این قسمت می توانید با انتخاب پوشه Picture یک تصویر برای پیش زمینه سایت خود قرار دهید. مثل یک صفحه معمولی Word می توانید از فونتهای مختلف، بولت (Bullet) جدول، تصویر نمودار و... استفاده کنید. برای افزودن تصویر می توانید از آیکن موجود در نوار ابزار (Toolbar) یا از گزینه Picture موجود در Insert استفاده کنید. Word تصاویر جالب و جذابی دارد که Clip Art نامیده می شود. برای استفاده از آنها (patogh4u.net) می توانید از منوی باز شده، Clip Art را برگزینید. اگر قصد دارید از تصاویر دلخواه خودتان استفاده کنید، گزینه ی دوم را که From file است انتخاب کنید. پس از مشخص کردن مسیر و نام فایل تصویر مربوطه در صفحه ظاهر می شود. نگران سایز تصاویر Clip Artها نباشید. با یک کلیک روی آنها می توانید به کمک ماوس از گوشه های تصاویر آنها را تغییر سایز دهید. فراموش نکنید در حین انجام مراحل مختلف کار، هر از گاهی صفحه خود را Save کنید. یکی از اجزای مهم یک صفحه ی وب پیوند با لینک (Hyperink) است. لینک قسمتی از صفحه است که اگر روی آن کلیک کنید شما را به یک سایت دیگر صفحه دیگری از همان سایت، یا قسمت دیگری از همان صفحه می برد. وقتی ماوس را روی یک لینک قرار می دهید، حالت ماوس از حالت فلش، به صورت یک دست تغییر می یابد. لینک می تواند یک یا چند کلمه، یک تصویر و یا حتی قسمتی از یک تصویر باشد. با استفاده از لینکها، بین صفحات مختلف سایت حرکت می کنید. اگر سایت شما بیش از یک صفحه داشته باشد، نیاز دارید در قسمتی از صفحه ی اول یک سری لینک برای رفتن به صفحات دیگر قرار دهید.

صفحه دوم سایت را به همان روش صفحه نخست ایجاد کنید و آن را با نام مناسبی در همان مسیر قبل ذخیره کنید. مجدداً به صفحه ی index.htm برگردید. کلمات یا تصویری که می خواهید به صفحه ی دوم لینک شود Select کنید. ماوس را روی آن قرار دهید. کلیک سمت راست کنید و از منوی باز شده گزینه ی Hyperlink را انتخاب کنید (می توانید از آیکن Hyperlink در نوار ابزار و یا از گزینه ی Hyperlink در منوی Insert نیز برای این کار استفاده کنید). حال مسیر و نام صفحه ی دوم را انتخاب کنید و OK را بزنید. با این کار اگر روی صفحه لینک شده از صفحه index کلیک کنید به صفحه دوم خواهید رفت.
اگر اهل گشت و گذار در اینترنت باشید حتماً دیده اید که وقتی به صفحات داخلی یک سایت مراجعه می کنید، معمولاً راه بازگشت برای شما پیش بینی می شود تا در سایت گم نشوید. بهتر است شما هم در همه صفحات داخلی سایت خود، یک لینک «صفحه ی اصلی» یا (Home) داشته باشید. در این مثال هم در صفحه دوم یک لینک قرار دارد و آن را به index.htm لینک کنید. مراحل فوق را برای صفحات دیگر سایت خود نیز انجام دهید. تمام شد به همین راحتی شما به کمک Word یک سایت ساده ساختید.

حال باید سایت خود را بر روی یک سرور قرار دهید.

۱۳۸۸ بهمن ۱۶, جمعه

سیستم مدیریت محتوا (سایت ساز) [CMS] چیست؟

عکس

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

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

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

- ایجاد و ویرایش محتوا به تعداد نامحدود

- ساختار دهی و شکل دهی بر اساس یک قالب از پیش تعریف شده

- برخورداری از زمان و هزینه بیشتر در جهت ارائه مطالب و محتوای اصلی در سایت

- عدم نیاز به رجوع به مراجع فنی طراح سایت در آینده جهت توسعه وب سایت و افزودن مطالب بیشتر

- عدم نیاز به دانش فنی در جهت پیاده سازی وب سایت و درج محتوا و مطالب

- صرف وقت کمتر جهت راه اندازی وب سایت

- صرف هزینه کمتر جهت ایجاد یک وب سایت قدرتمند

- برخورداری از امکانات بسیار زیاد جهت فعالیت های مختلف در سایت

- استفاده از نرم افزار در زمینه های مختلف و اهداف مختلف (شخصی – تجاری – خبری – اطلاع رسانی – پرتال)

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

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

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

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

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

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

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

- وارد کردن و ایجاد مستندات و موارد چند رسانه ای

- شناسایی تمامی کاربران کلیدی و وظایف مدیریت محتوایی آنها

- توانایی تخصیص وظایف و مسئولیت ها به دسته ها یا انواع مختلف محتوا

- تعریف وظایف جریان کاری محتوا ، اغلب با ترکیبی از رویداد های پیغامی که مدیران محتوا با تغییر در محتوا مطلع می شوند .

- توانایی پیگیری و مدیریت نسخه های متعدد یک نمونه از محتوا

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

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


۱۳۸۸ بهمن ۱۲, دوشنبه

انواع وب سایت از نظر قالب


قالب ثابت (Static Web Site)

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

قالب پویا (Dynamic Web Site)

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

قالب تمام فلش (Full Flash Web Site)

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