تبلیغات

مترجم سایت

مترجم سایت

mirosoftblog - درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب
به وبلاگ مایكروسافت بلاگ خوش آمدید******مارا از نضرات خود بی بهره نگذارید******از محصولات فروشگاه بازدید کنید****** با خرید از فروشگاه اینترنتی از مزایای خوبی بهره مند شوید***با عضویت در این وبلاگ از مطالب سرگرم کننده ومفیدی بهره مند شوید
تبلیغات
<"">>

منوی اصلی

پیوندهای روزانه
 سایتی پر از شکلک برای وبلاگ شما
 همه لینک ها
 ارسال لینک روزانه

درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب

در دهه های گذشته در صفحات وب فقط از متن استفاده می شد ، ولی امروزه از تصاویر گرافیکی استفاده می شود که در اینصورت پیام شما بسیار آموزنده خواهد بود . 

اهداف این درس

1- شناسایی فایلهای گرافیکی شبکه www 
2- بحث کلیدی در مورد استفاده از گرافیک در سندهای وب 
3- انتقال فایل گرافیکی از وب به کامپیوتر شخصی خود 
4- استفاده از قالب صحیح برای تصاویر در صفحات وب 

شروع درس 

همانطور كه می دانید تعداد بسیار زیادی از قالب بندیهای گرافیکی وجود دارند .مثل pict , hif : tiff , png حالتی که مرورگر وب گرافیکها را در شکل ، HTML نشان می دهد بیان کننده محل فایل گرافیکی در یک قالب دستوراتی است که می تواند توسط انواع مختلفی از کامپیوترها تفسیر شود . 

برای مثال : 

هنگامی که اطلاعات در آن قالب به کامپیوتر مکینتاش می رسد مرورگر آن را در قالب دستور برای مکینتاش نشان می دهد و برای کامپیوترهای معمولی وضع به همین منوال است.gif اطلاعات تصویر را فشرده می کند ( کاهش حجم فایل) و اطلاعات را به کدهای دودوئی قابل ارسال برروی اینترنت تبدیل می کند. gif فشرده موثر ترین فایل گرافیکی است که ناحیه یکپارچه رنگی متصل به حجمی دارد و فشردگی آن قابل تنظیم است . هنگامی که رنگ به طور متوالی در یک جهت افقی باشد فایلهای gif خاصیت شفافی دارند ، بنابراین فایلهای gif با درجه خلاصه سازی ذخیره می شوند و در صفحات وبی که از gif برای تصاویر استفاده شده ، تصاویر به زودی دیده می شوند. ابتدا تصویر به صورت تیره ظاهر می شود تا در نهایت تصویر نهایی ظاهر گردد .
از فرصتهای دیگر تصویر jpg می باشد که مخفف کلمات Joint photo graphic expert group در اوایل شروع تصاویر jpeg در صفحه نشان داده نمی شدند و در پنجره ای جداگانه به نمایش درمی آمدند . اما مرورگرهای امروزی از فایلهای jpeg پشتیبانی می کنند و آنها را در صفحه نمایش می دهند . 
اگر تنوع رنگ در فاصله کمی زیاد باشد ، برای فایلهای با قالب jpeg می توان به درجه خلاصه سازی تعریف کرد. فایلهای jpeg قابلیت تحرک و انیمیشن سازی ندارند . برای بدست آوردن اطلاعات بیشتر برای این قالب فایل به آدرس زیر مراجعه کنید . 
http://www.biblio.org/notes/otis-comression.html تعداد زیادی از برنامه های گرافیکی می توانند فایل را با پسوند gif ذخیره کنند . امروزه برنامه های image ready از شرکت adobe طرح مشخصی برای ایجاد تصاویر گرافیکی دارند .
نکاتی که هنگام استفاده از تصاویر گرافیکی باید در نظر گرفت . هنگامی که در صفحه وب از عکس استفاده می کنید، به نکات زیر توجه کنید . 
• تصاویر بزرگ و بیشماری که کل صفحه کامپیوتر را در بر می گیرد برای کاربری که در انتظار ظاهر شدن آن عکس می باشد ، خسته کننده می شود . پیشنهاد این است که کل سایز عکس را بیشتر از 100kb نکنید . 
• همه کاربران از مانیتور 21 اینچ استفاده نمی کنند طول تصاویر بکار برده شده را بیشتر از pix 480 و عرض آنها را بیشتر از pix 300 نکنید که کاربر مجبور می شود برای دیدن تمام عکس از Scroll استفاده کند . 
• شیب رنگ برای فایلهای gif ممکن است زیاد به نظر برسد اما فایلهای gif نمی توانند این ناحیه رنگ یکپارچه را فشرده کنند . بعضی برنامه های گرافیکی این اختیار را به شما می دهند كه ، هنگام برگردان فایل به gif ، لبه های تصویر هموار شود و از اختلالات تصویر کاسته شود . 
بهتر است اول تصاویر کوچک استفاده شود و سپس این تصاویر به تصاویر با سایز بزرگتر اتصال پیدا کنند . 
یک تصویر خاص که شما در صفحه اینترنت می بینید ، ممکن است هر بار در یک بازه زمانی ، برای شما ظاهر شود . 
• بیشتراوقات ، مرورگر تصاویر را از hard disk شما cash می کنند. یعنی هنگامی که یک عکس بارگزاری می شود ،از hard شما آورده می شوند . شما ممکن است که صفحه زیبا طراحی کنید که عکسهای بزرگی در آن بار گزاری شوند اما برای یک مودم با سرعت کم و شبکه شلوغ کار مشقت باری است . 

مروری بر مطالب 

1- دو قالب معمول مورد استفاده تصاویر در صفحات وب چیست ؟
2- چگونه یک تصویر گرافیکی در کامپیوترهای مختلف نشان داده می شود ؟
3- نکاتی که هنگام استفاده از تصاویر وب باید در نظر گرفت چیست ؟

فصل اول
مقدمه 
درس 1 - ایجاد اولین سند HTML
درس 2 - ویرایش یک سند HTML 
درس 3 - نشانه گذاری 6 درجه 
درس 4 - شکستن پاراگراف 

 
فصل دوم
درس 5 - سبکهای مختلف نوشتاری 
درس 6 - < ul >, < ol > لیستها 
درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب
درس -٧-ب - قرار دادن تصاویر در اسناد

 
فصل سوم
درس 8 - LINK ( اتصال )
٨-ب - لینك به سایت دیگر
٨-ج اتصال به یک سایت دیگر از اینترنت 
٨-د - اتصال به قسمتی از همان صفحه 
٨-ه - اتصالات ابر متن و تصویرهای لینک شده
درس 9 - به ردیف در آوردن متن

 
فصل جهارم
درس 10 - کاراکترهای ویژه
درس 11 - لیستهای تعریف
درس 12 - آدرسهای زیر نویس و اتصالات email
درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد 
درس 14 - گذاشتن بافت برای صفحه
درس 15 - عدم استفاده از تگهای blink و Marquee 

 
فصل پنجم
درس 16 - زیبا کردن متن 
درس 17 - ایجاد خط
درس 18 - Extra Alignment
درس 19 - آرایش در جدول 
درس 20 - نقشه های تصویری 

 
فصل ششم
درس 21 - Meta tag
درس 22 - پنجره Target
درس 23 - فریم کردن صفحه
درس 24 - اضافه کردن فرم به صفحات وب
درس ٢٤-ب - بوجود آوردن فرم ها 
درس 25 - چند رسانه ای در صفحات شما
25 -ب - اضافه کردن فیلم و صوت -multimedia
درس 25 - ج - قالبهای صوتی مورد استفاده
منبع:www.ostadonline.com

درباره وبلاگ

مدیر وبلاگ: سیدحجت الله سجادی

آمار وبلاگ
کل بازدید:
بازدید امروز:
بازدید دیروز:
بازدید این ماه:
بازدید ماه قبل:
تعداد نویسندگان:
تعداد کل پست ها:
آخرین بازدید:
آخرین بروز رسانی:


آرشیو مطالب
  تیر 1390 (14)
  خرداد 1390 (4)
  اردیبهشت 1390 (1)
 لیست آرشیوها

امکانات