در ادامه مقاله قبل قصد داريم به بررسي ويژگي فرمت هاي ديگر تصاوير از جمله JPEG و PNG بپردازيم . فرمت JPEG :
قالب ديگر تصوير كه در وب متداول است JPEG است و پسوند فايل آن jpeg يا jpg مي باشد . JPEG مخفف Joint Photographic Experts Group است كه نام انجمني مي باشد كه اين اسم استاندارد را نوشته است . اين قالب تصوير با اتلاف ( Lossy ) است كه جهت فشرده سازي تصاوير فتوگرافيي كه ممكن است شامل هزاران يا حتي ميليون ها رنگ يا سايه ي خاكستري باشند طراحي شده است .
به دليل اينكه jpeg يك قالب تصوير با اتلاف است ، تعادلي بين كيفيت تصوير و اندازه ي فايل برقرار مي شود . با وجود اينكه قالب jpeg تصاوير رنگي با كيفيت بالاي 24 بيت را نسبت به GIF در فضاي كوچكتر ذخيره مي كنند ، ذخيره كردن ديسك هاي با ارزش در وب باعث حفظ فضاي گران بهاي ديسك و زمان بارگذاري كمتري خواهد شد . نمونه ايي از كيفيت در مقابل تعادل بين اندازه فايل در JPEG در اينجا نشان داده شده است . با كمي صرفنظر از كيفيت مي توان به حجم بالاتري از ديسك دست يافت .
ممكن است كه قالب JPEG تصاوير عكسبرداري شده را به خوبي فشرده كند ، اما اين كار براي خط كشي ها ، زمينه هايي با تصاوير رنگي ، يا متن ها مناسب نيست . در اينجا مي توانيد اندازه هاي دوفايل JPEG و GIF را باهم مقايسه كنيد . اما انتخاب بين اين دو خلي ساده است . عكس ها را با JPEG و شكل ها را با GIF نمايش دهيد .
شواهدي وجود دارد كه نشان مي دهد ، سازندگان صفحات ممكن است بخواهند يك عكس را به قالب GIF جهت استفاده از ويژگي هاي آن تغيير بدهند ، زيرا تصاوير jpeg از انيميشن يا هيچگونه شفافيتي پشتيباني نمي كنند . با وجود اين تصاوير jpeg از يك ويژگي شبيه به عمل ظهور در تصوير به صورت بافتي در GIF در قالبي به نام JPEG پي رونده يا همان Progressive JPEG پشتيباني مي كنند . اين مدل از وضوح تصوير در سطح پايين شروع به آشكار شدن مي كند تا در سطح بالا ، و همچنين از مات و كدر بودن به طرف واضح بودن مي رود . ادامه مطلب …

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

هرچند استفاده ي بيش از حد از هنرهاي گرافيكي مي توان بر روي سايت هاي غير قابل استفاده اثر و نتيجه ي منفي داشته باشد . استفاده ي صحيح از تصاوير در وب سليقه ايي نيست ، بلكه احتياج به فهم كامل از فرمت هاي فايل هاي مختلفي مانند GIF , JPEG , PNG دارد . هدف اصلي طراحان اين است كه كيفيت تصاوير را با اندازه فايل بارگذاري شده متعادل كنند .

چون شاخصه هاي هر يك از فرمت هاي فوق نياز به توضيحات مفصل دارد ، توضيح به صورت يكجا مقدور نيست بنابراين در اين پست به بررسي شاخصه هاي فرمت GIF مي پردازيم و ما بقي آن ها را به پست هاي آينده موكول مي كنيم .

تصاوير GIF در وب به طور وسيعي پشتيباني مي شوند . در آغاز توسط كامپيوسرو ( و گاهي اوقات به عنوان CompuServe GIFs به آن اشاره مي شود ) معرفي شدند . قالب GIF در واقع داري دو نوع است : GIF 89a و GIF 87 . هر دو قالب رنگ هشت بيتي را پشتيباني مي كنند . امروزه وقتي از GIF صحبت مي شود هميشه در نظر مي گيريم كه قالب GIF 89a در حال استفاده است و هيچ گونه تفاوتي بين اين قالب ها قائل نيستيم .

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

اساس هر صفحه وب نشانه گذاري است . فناوري هاي علامت گذاري نظير HTML , XHTML , XML ساختار و معني اصلي محتواي صفحه را تعريف مي كنند . برخلاف باور رايج كه زبان هاي نشانه گذار ظاهر صفحات وب را تعريف مي كنند و استفاده از HTML نيز به همين طريق است ، ظاهر صفحه بايد واقعا توسط فناوري هاي ديگر ، به خصوص شيوه نامه ها به اجرا در آيد .
در حالي كه HTML بايد عمدتا براي ساختاربندي يك سند استفاده شود ، ولي بسياري از توليد كنندگان از آن براي شكل بندي سند جهت نمايش نيز استفاده مي كنند . وظايف شكل بندي HTML در نهايت بايد كاملا توسط شيوه نامه هاي آبشاري ( CSS ) انجام شود . ولي ، حتي با پشتيباني مناسب شيوه نامه ها در مرورگرها ،بسياري از توليد كنندگان صفحات از جداول HTML و حتي برچسپ هاي اختصاصي آن در طراحي صفحاتشان استفاده مي كنند . هيچ تصميمي براي توسعه بيشتر HTML توسط W3C و فروشندگان مرورگر ها وجود ندارد و توليد كنندگان تشويق به پذيرش XHTML مي شوند .
XHTML همان فرمول بندي مجدد HTML توسط XML ( زبان نشانه گذاري قابل توسعه ) است . XHTML دو مشكل عمده در HTML را حل مي كند . اول اينكه به مجبور كردن طراحان در جدا كردن ظاهر يك سند از ساختارش ادامه مي دهد و تاكيد بيشتري روي استفاده از شيوه نامه ها مي كند . دوم اينكه ، قواعد نشانه گذاري محدودتري را به صفحات وب مي دهد .

محدوديت هاي نحوي XHTML ، هم بزرگترين مزيت آن است و هم بزرگترين ضعف آن . صفحات خوش تركيب توسط يك برنامه راحت تر دست كاري مي شوند ولي توسط انسان سخت تر ايجاد مي گردند . درك و فهم XHTML به خاطر اين محدوديت كند شده است . جهت كسب اطلاعات بيشتر در زمينه ي XHTML مي توانيد به اينجا راجعه كنيد

اما بايد دانست كه زبان هاي نشانه گذاري مانند HTML در ارائه خيلي خوب نيستند . اين تقصير فناوري نيست . بلكه به اين خاطر است كه HTML براي اين عمل طراحي نشده است . در واقع ، ظاهر صفحه بايد توسط طراحي عناصر موجود در CSS كنترل شود .در برخي مواقع ، بخصوص وقتي كه از يك زبان XML استفاده مي كنيد ، ممكن است براي ايجاد شكل مناسب ارائه تبديل نشانه گذاري نيز مورد نياز باشد ، بنابراين XSL ( زبان شيوه اي قابل استفاده ) نيز استفاده خواهد شد . ادامه مطلب …

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

در ابتداي كار به بررسي فناوري هاي هسته وب مي پردازيم كه مي تواند شامل : مرورگرهاي وب ، زبان هاي نشانه گذاري ( Markup Language ) ، فناوري هاي شيوه نامه ( Style Sheet ) و فناوري هاي برنامه نويسي باشد . حال به بررسي مرورگرهاي وب كه نقش مهمي در طراحي دارد مي پردازيم و ساير عوامل انشا الله در پست هاي آينده مطرح خواهند شد .

مرورگر وب تفسير كننده ي سايت هاي ماست. دانستن مرورگر وبي كه پشتيباني مي شود و توانايي هاي آن از اهميت بالايي برخوردار است . دو مرورگري كه در اين زمان از بقيه رايج تر است عبارت اند از : مايكروسافت اينترنت اكسپلرر ( كه شامل اكثريت مرورگرهاي كاربران مي شود ) و نت اسكيپ كاميونيكيتور ( ناويگيتور ). با وجودي كه اين دو مرورگر اكثر كاربراني كه دسترسي به سايت هاي وب عمومي دارند را پوشش مي دهند ، ولي انواع بيشماري از مرورگرها در حال استفاده هستند .

شكل هاي دقيق مرورگرها در وب سايت هاي عمومي به طور مستمر تغيير مي كند و توسط چندين سايت به همراه سايت هاي مروط به مرورگر مانند اين پيگيري و دنبال مي شود . بنابراين بهتر است از شكل هاي منتشر شده از مرورگرها آگاه و مطلع باشيد ! استفاده واقعي از مرورگر را در سايت خود دنبال كنيد .

نكته بعدي كه بايد در نظر داشته باشيد اين است كه از چه مرورگرهايي بايد آگاهي داشته باشيد . اين كار مستلزم آن است كه مرورگرهاي استفاده شده توسط افراد استفاده كننده از سايت را بشناسيد ، پس فايل هاي ثبت وقايع خود را نگاه كنيد . در كل سايت هاي عمومي بايد تا حد امكان مرورگرها را در نظر بگيرند ، طراحان بايد از خانواده ي مرورگرها كه در زير آمده است آگاه باشند .
ادامه مطلب …