در ادامه مقاله قبل قصد داریم به بررسی ویژگی فرمت های دیگر تصاویر از جمله 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 ) و فناوری های برنامه نویسی باشد . حال به بررسی مرورگرهای وب كه نقش مهمی در طراحی دارد می پردازیم و سایر عوامل انشا الله در پست های آینده مطرح خواهند شد .

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

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

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