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

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

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

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

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