صفحه در حال بارگذاری می باشد. لطفا صبر کنید...
بارگذاری
Soomar63
نام کامل:امیر حسینی,نام مستعار:Soomar63.آدرس سایت:www.soomar63.com.محل زندگی:ایران,البرز,3143664991.حرفه:طراحی سایت در:شرکت همگام رایانه سومار.همکاران:White World

سلام میهمان گرامی؛ برای دسترسی به تمامی امکانات؛ لطفا در سایت عضو شده و با نام کاربری خود وارد شوید. قبل از عضویت در سایت؛ توافقنامه سومار را مطالعه نمایید.

X

خدمات سومار

مطلب ویژه
تاریخ ایجاد در 06 آبان 1391 نوشته شده توسط امیر حسینی
مجموعه: آموزش > استاندارد سازی
نمایش از 06 آبان 1391 بازدید: 2030
پرينت

معرفی:

بدون شک تصاویر پس از متن سایت بیشترین سهم را در اکثر سایت ها هم از لحاظ حجم صفحه هم از لحاظ میزان کاربرد دارند. از این رو استاندارد سازی عکس ها یکی از مهمترین نکاتی است که شما باید به آن توجه کنید.

عکس ها توسط تگ img در سایت وارد می شوند و مهمترین خصیصه آنها src است که توسط آن آدرس محل ذخیره تصویر را دریافت می کنند. در مثال زیر یک تگ تصویر نمایش داده شده است:

  1. <img src="/images/standard-image.jpg" />

البته تگ تصویر خصیصه های دیگری هم دارد که در مطالب بعدی به آنها خواهیم پرداخت. اما آنچه در این مقاله قصد داریم به آن بپردازیم، استاندارد سازی تگ های تصویر است.

همانطور که می دانید، برای کد نویسی HTML شما می توانید نسخه های مختلفی از این زبانزبان ها نوعی از افزونه های جوملا هستند که وبسایت شما را ترجمه می کنند. زبان ها دو دسته هستند: زبان های بخش مدیریت و زبان های بخش جلویی سایت. زبان بخش مدیریت؛ منوها و بخش های مدیریتی سایت را ترجمه می کند و زبان بخش جلویی سایت؛ صفحات اصلی سایت را ترجمه می کند. توجه داشته باشید که زبان های جوملا؛ افزونه هایی که بعدا روی سیستم نصب می شوند را ترجمه نمی کنند و باید ترجمه آنها جداگانه صورت پذیرد. را استفاده نمایید مانند HTML4.0 یا XHTML1.0 یا نسخه های دیگر. بسته به نوع نسخه ای که انتخاب می کنید باید در فایل html خود از اعلان (Doctype) مناسب استفاده کنید تا مرورگر متوجه شود که کدها با چه نسخه ای از HTML نوشته شده اند.

حال نکته اصلی اینجاست: برای نسخه های مختلف HTML نحوه نگارش کد img متفاوت است! به دو مثال زیر توجه کنید:

تگ img صحیح برای HTML4.0:

  1. <img src="my-image.png">

تگ img صحیح برای XHTML1.0:

  1. <img src="http://www.yoursite.com/images/logo.gif" />

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

آخرین به روز رسانی 06 آبان 1391 ادامه مطلب: استاندارد سازی کد تصاویر در طراحی سایت
    1 نظر

آخرین افزونه های بروزرسانی شده

پلاگین افزودن Google Analytics به سایت جوملا (تاریخ: 1392/12/06 توضیح: نسخه 4.1 جوملا 2.5 و 3.0 - انگلیسی)
کامپوننت ایجاد و مدیریت نقشه سایت Xmap (تاریخ: 1392/10/25 توضیح: نسخه 2.3.4 جوملا 2.5 و 3.0 - انگلیسی)
مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer (تاریخ: 1392/10/25 توضیح: نسخه 2.1.5 جوملا 2.5 و 3.0 - انگلیسی)
کامپوننت مرکز دانلود حرفه ای Phoca Download (تاریخ: 1392/10/25 توضیح: نسخه 3.0.3 جوملا 3.0 - انگلیسی)
کامپوننت مرکز دانلود حرفه ای Phoca Download (تاریخ: 1392/10/25 توضیح: نسخه 2.1.9 جوملا 2.5 - انگلیسی)
سه شنبه 10:14

تبلیغات

جستجو

آمار محتوا

شمار بازدید صفحات

امروز616
دیروز400
هفته جاری2835
ماه جاری1016
کل بازدیدها1464909

افراد برخط

35 مهمان و 0 عضو آنلاین

اطلاعات

سه شنبه 03 اسفند 1395
تعداد اعضاء: 4451
تعداد مطالب: 167
وب لینک ها: 17
بازدید مطالب: 1310373
شناسه: 174.129.163.89
نام مرورگر: سایر مرورگرها
نسخه مرورگر: ؟
سیستم عامل: سایر سیستم عامل ها

سرعت بارگذاری صفحه

زمان بارگذاری: 0.25 ثانیه

دریافت آخرین نسخه جوملا

دریافت آخرین نسخه پایدار جوملاآخرین نسخه پایدار جوملا 1.0آخرین نسخه پایدار جوملا 1.5آخرین نسخه پایدار جوملا 1.6آخرین نسخه پایدار جوملا 1.7آخرین نسخه پایدار جوملا 2.5آخرین نسخه پایدار جوملا 3.1
مسیر:  
Offline: soomar63[at]ymail.com
صفحه اصلی Arrow Rtl آموزش Arrow Rtl استاندارد سازی
عضویت در سایت

نکات کاربردی سایت

ورود به بخش اعضاء

برای ورود به بخش اعضاء سایت، لطفا از منوی بالا گزینه پنل کاربری را انتخاب نمایید. پنل کاربری


نحوه دریافت افزونه ها

برای دریافت افزونه ها، ابتدا با نام کاربری خود وارد شوید و سپس در صفحه معرفی افزونه، روی یکی از بنرهای تبلیغاتی کلیک نمایید تا لینک دریافت افزونه نمایش داده شود. ادامه


فعالیت و کسب امتیاز و درآمد در سومار

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


آخرین نظرات کاربران

سهیل سلطاانیان:  (در تاریخ: 23 دی 1395 برای مطلب: نکات کاربردی سایت)
سلام من تازه وارد سایت شده ام چطور بیشتر بار این سایت آشنا شوم با تشکر از مدیر سایت فک کنم :laugh:سایت خوبیه
مشاهده مطلب: نکات کاربردی سایت

مهسان علیزاده:  (در تاریخ: 15 دی 1395 برای مطلب: مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer)
سلام خسته نباشید من میخواستم سایتم قابلیت آپلود و دانلود داشته باشه حالا میخواستم که ببینم این افزونه Explorer که برای آپلود هست تنظیماتش بعد از نصب به چه صورته
مشاهده مطلب: مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer

هادی عبداللهی:  (در تاریخ: 05 مهر 1395 برای مطلب: پلاگین جوملا: بهینه سازی و افزایش سرعت جوملا با JCH Optimize)
سلام وقتی ازش استفاده میکنم سایتم کلا بهم میریزه:( میشه درستش کرد؟
مشاهده مطلب: پلاگین جوملا: بهینه سازی و افزایش سرعت جوملا با JCH Optimize

شاین سومار:  (در تاریخ: 06 شهریور 1395 برای مطلب: ماژول جستجوی آژاکسی PixSearch Ajax Search)
جناب این ماژول کلا مشکل داره هیچ چیزی چک نمیکنه و برای نمایش همه موارد هم صفحه رو رفرش میکنه که با اجاکس جور در نمیادالبته کد اصلی رو هم اصلاح کنید که بتونه فایل helper رو بخونه لطفا اگر وقت گذاشتید و تصحیح کردید اطلاع رسانی کنید ممنون
مشاهده مطلب: ماژول جستجوی آژاکسی PixSearch Ajax Search

احسان اسکندری:  (در تاریخ: 16 بهمن 1394 برای مطلب: پلاگین افزودن Google Analytics به سایت جوملا)
بسیاربسيار عالي بود ، ممنون بابت به اشتراک گذاري
مشاهده مطلب: پلاگین افزودن Google Analytics به سایت جوملا