دوره آموزشی HTML

دوره آموزشی HTML | جلسه چهارم

5/5 - (1 امتیاز)

با سلام خدمت همه دوستان و همراهان عزیز نیوزسک، خدمت هستیم با جلسه چهارم از دوره آموزشی HTML.

استفاده کردن تصاویر در HTML:

در ابتدا به معرفی انواع تصاویر در وب سایت میپردازیم:

Jpg یا Jpeg:

  • قابلیت ساپورت بیش از 16 میلیون رنگ
  • سازگاری با سیستم عامل ها و پلتفرم های مختلف
  • مناسب برای تصاویر با رنگ بندی های پیچیده
  • مناسب برای تصاویر دنیای واقعی مثل منظره
  • خصوصیت شفافیت (transparency) را ساپورت نمیکند.

 

Gif:

  • قابلیت ساپورت 256 رنگ.
  • قابلیت لود شدن به صورت تدریجی.
  • حجم و کیفیت پایین نسبت به jpeg.
  • مناسب برای تصاویر خطی و آیکون ها.
  • اینیمیشن را ساپورت نمیکند.
  • خصوصیت شفافیت (transparency) را ساپورت نمیکند.

 

Png:

  • دارای دو فرمت 8 و 24 است.
  • ورژن 8 قابل مقایسه با gif
  • ورژن 24 قابل مقایسه با jpg ( کیفیت و حجم بسیار بالا حتر بیشتر از jpeg و همینطور خصوصیت transparency را نیر ساپورت مکیند ولی حجم آن بسیار بالا است.

استفاده کردن تصاویر در HTML

رنگ ها در HTML:

HTML از رنگ بندی RGB استفاده میکند پس از کد های Hexdecimal استفاده میشود، برای ایجاد ابتدا یک علامت # و 6 تا کاراکتر استفاده میشود که دو تا دو تا از هم جدا هستند، دوتای اول مربوط رنگ قرمز است ، دوتای بعد مربوط به رنگ سبر است و دو تای آخر مربوط به رنگ آبی است

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

نکته : در تمام صفت هایی که برای رنگ استفاده میشود میتوانیم به صورت بالا نیز عمل کنیم.

دقت کنید تمام آن ها در مرورگر های مختلف، سیستم عامل مختلف درست نشان داده نمیشوند اما تعدادی رنگ هستند که توسط سازمان W3C تایید شده اند که تعداد آن ها 216 تا است. بهتر است در طراحی سایت ازین موارد استفاده کنید، در فتوشاپ با فعال کردن تیک Only Web Colors میتوانید به آن ها دسترسی داشته باشید.

 

گذاشتن Comment در HTML:

منظور از Comment قسمتی از کد ما است که مرورگر آن را نمیخواند، هدف از استفاده از Comment ها این است که ما توضیحی برای کد های خود بنویسیم.

گذاشتن Comment در HTML

تگ <body></body> :

بخش اصلی صفحه وب سایت و در واقع کل قسمتی که کاربر توی صفحه مرورگر میبیند مربوط به BODY است ( تمام تصاویر، رنگ ها، بخش بندی ها و…)

هدف و تمرکز اصلی در یادگرفتن Tag ها و خصوصیات مربوط به این بخش است.

 

صفات تگ <body></body> :

dir : دارای دو مقدار است که مقدار پیش فرض آن ltr است.

ltr : تمام محتویات داخل این تگ از سمت چپ به راست قرار میگیرند. (مناسب برای سایت های انگلیسی)

rtl : تمام محتویات داخل این تگ از سمت راست به چپ قرار میگیرند. (مناسب برای سایت های فارسی)

bgcolor : دارای مقادیر اسم های لاتین رنگ ها است که مقدار پیش فرض آنwhite  است، در واقع مقدار این صفت رنگ پشت صفحه یا همان Baack Ground را عوض میکند، اگر green باشد سبز میشود اگر black باشد مشکی و… .

text : دارای مقادیر اسم های لاتین رنگ ها است که مقدار پیش فرض آنwhite  است، در واقع مقدار این صفت رنگ تمام متن های داخل تگ (کل صفحه) را عوض میکند ، اگر green باشد سبز میشود اگر black باشد مشکی و… .

background : مقادیر آن آدرس یک تصویر است که به عنوان Back Ground صفحه استفاده میشود.

پایان جلسه چهارم از دوره آموزشی HTML

اشتراک گذاری

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *