طراحي سايت استاندارد و داراي كيفيت

طراحي سايت با كيفيت

براي آنكه بخواهيد سايتي با بهترين كيفيت طراحي كنيد، بايد از جديدترين استانداردهاي برنامه نويسي وب استفاده نماييد.

از HTML 5 استفاده كنيد

طراحي و نوشتن صفحات خود با آخرين استانداردهاي HTML 5 شما را تا حد امكان به عالي بودن نزديك مي‌كند. همه صفحات HTML بايد داراي جزء <!DOCTYPE> باشند تا مشخص كنند كه با استفاده از كدام ورژن HTML كدنويسي شده‌ اند. اين جزء به بروزر شما اطلاعات مهمي ارائه مي‌دهند تا بروزر بتواند صفحه شما را سريع‌تر و استوارتر رندر كند و نشان دهد. اين تگ همچنين باعث اعتبار سنجي نرم افزاري مي‌شود تا مطابقت و تركيب صفحات شما را چك كند:

<!DOCTYPE html>

از فايلهاي CSS جداگانه استفاده كنيد

استفاده از برگه‌هاي پشت سر هم و مشبك يا همان CSS ارجح ترين راه براي جدا كردن قالب صفحه از محتواي آن در صفحات اينترنتي با كيفيت است. استفاده از CSS كيفيت وب سايتها را بالا برده و قابليت خوانده شدن آن ها را براي بسياري از مرورگرهاي مختلف افزايش مي‌دهد.

استايل هايي نظير اندازه، فونت ها، رنگ ها و غيره بايد خارج از صفحات وب در فايلهاي CSS جداگانه مشخص و تعيين شوند. استفاده از فايلهاي CSS جداگانه به كاهش قيمت توسعه طراحي سايت شما نيز كمك مي‌كند. با استفاده از يك فايل CSS جداگانه ميتوانيد استايل و شكل اجزاي HTML را با دوباره نويسي يك خط از كدها تغيير دهيد. اگر از CSS درون صفحات خود استفاده كنيد مجبوريد تمام صفحات را ويرايش كنيد.

اعتبار اينترنتي

يك "اعتبار سنج" برنامه نرم افزاري ‌اي است كه ميتواند صفحات وب شما را با استانداردهاي وب چك و مقايسه كند. زماني كه از "اعتبار سنج" براي چك كردن كدهاي CSS و HTML استفاده شود، "اعتبار سنج" ليستي از ايرادات را بر اساس استاندارد منتخب شما پيدا مي‌كند. حتما مطمئن شويد كه پيش از انتشار سايت روي اينترنت از اعتبار سنجي براي تمامي صفحات خود استفاده كرده ايد.

جزء "عنوان"

عنصر <title> يكي از مهمترين اجزاي HTML مي باشد. نقش اصلي آن توضيح محتواي صفحه وب مي باشد. حتي اگر عنوان بخش قابل مشاهده صفحه شما نباشد، وجودش براي كيفيت بخشيدن به صفحه بسيار مهم است به دلايل زير:

در ليست موتور جستجو قابل نمايش است.
در نوار عنوان مرورگرها قابل مشاهده است.
در بوكمارك كاربر نمايش داده مي‌شود.

عنوان بايد تا حد امكان كوتاه و توصيفي باشد. مطمئن شويد كه عنوان با محتوا و آنچه كاربر به دنبال آن است منطبق باشد. بدين سان احتمال اينكه كاربر روي لينك شما كليك كرده و وارد سايت شما شود بيشتر است.

اجزاي سرفصل يا هدينگ

جزء <h1> براي توضيح سرفصل اصلي يك صفحه وب استفاده مي‌شود. به اين دليل كه بعضي از مرورگرهاي اينترنتي جزء <h1> را با فونت خيلي درشتي نشان مي دهند، بعضي از توسعه دهندگان وب از جزء <h2> به جاي <h1> براي سر فصل اصلي استفاده مي‌كنند. اين موضوع باعث گيج شدن موتورهاي جستجو و نرم افزارهايي كه سعي در فهميدن ساختار صفحه وب دارند مي‌شود.

از <h1> براي سرفصل اصلي، و از <h2> و <h3> براي سرفصل‌هاي رده پايين تر استفاده مي شود.

كاراكتر ست ها

تمام استانداردهاي W3C از سال 1996 تا به حال، يك كاراكتر ست را به نام يونيكد مشخص نموده است كه از ISO 10646 پيروي مي‌كند. تمامي مرورگرهاي اينترنتي از اين كاراكتر ست در داخل خود استفاده مي‌كنند. اكثر متون و داكيومنت هاي موجود در اينترنت از كاركاتر ست يونيكد استفاده نمي كنند. به همين دليل، مرورگرها و سرورها بايد راهي براي توافق درمورد كاراكتر ست مورد استفاده در اجماعي بين خود داشته باشند. برچسب گذاري هر نوشته با كاراكتر ست مناسب براي كيفيت وب سايت شما بسيار اهميت دارد. براي صفحات HTML خود هميشه از متا تگ زير درون جزء <head> استفاده نماييد:

x را با كاراكتر ستي كه دوست داريد استفاده كنيد مثل ISO-8859-1, UTF-8, or UTF-16 جايگزين كنيد.

قالب تاريخ

هيچگاه تاريخ را مثل "04-03-02" به كار نبريد. اين نحوه نوشتن تاريخ ميتواند به معناي دوم مارس 2004 يا چهارم مارس 2002 و يا حتي سوم آپريل 2002 باشد!

سازمان استاندارد بين المللي ISO فرمت و قالب بين المللي تاريخ را به صورت "yyyy-mm-dd" تعيين كرده كه yyyy سال، mm ماه و dd روز مي باشد. زماني كه از اين قالب ISO استفاده مي‌كنيد ميتوانيد انتظار داشته باشيد كه بازديدكنندگان بيشتري تاريخ مد نظر شما را متوجه شوند.