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

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

نكته بعد اینكه اصلا فكر نمی كردم این همه مقالات مربوط به طراحی وب مورد استقبال قرار بگیره ! با وجود این كه خیلی این روزها گرفتارم اما سعی می كنم در آینده بیشتر به این مباحث بپردازم . البته ذكر خیر وردپرس و نسخه جدیدش در این میان همراه ما خواهد بود .

نمی دونم چرا اینجا مدام پینگ می شه ؟ یا ایراد از ماست یا از خلایق این سیاره ! نكنید این كار زشت و مردم آزار را ! ضمنا من واسه ی كسی وردپرس نصب نمی كنم اما اگر مشكلی در نصب بود مخلص همه هستم . :!:

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

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