آرشیو سالیانه : 2012
آموزش HTML فصل اول – HTML چیست؟
به نام خدا
برنامه های تحت وب را به طور کلی میتوان به قسمت دسته بندی کرد:
- برنامه های استاتیک
- برنامه های دینامیک
برنامه های دینامیک برنامه هایی هستند که صفحات آنها از متن ، تصویر ، صوت و … تشکیل شده است و یک یا چند لینک به دیگر آدرس ها در آن قرار گرفته است. در نتیجه این گونه برنامه ها کاربر تعامل ندارند و کاربران تنها میتوانند از صفحات از پیش تهیه شده استفاده نمایند.
اما برنامه های استاتیک برنامه هایی هستند که داده ای را از کاربر دریافت میکنند ،مورد پردازش قرار میدهند و نتیجه آنرا در اختیار کاربر قرار میدهند. پس میتوان گفت که خصیصه اصلی این برنامه ها این میباشد که با کاربر در تعامل بوده و با گرفتن ورودی از کاربر برای او پردازش یا تحلیل انجام میدهند.
زبان HTML زبانیست برای طراحی ظاهر صفحات وب. این زبان یک زبان مبتنی بر متن میباشد که ساختار آن بر تگ ها بنا شده است.HTML که از اول حروف Hyper Text Markup Language گرفته شده است به معنای زبان نشانه گذاری متن است که البته برخی آنرا زبان علامت گذاری فرا متن نیز می نامند. HTML سنگ بنای وب است. یک زبان برای نشانه گذاری متن که برای تدوین قالب و طراحی صفحات وب به کار برده میشود.
دستور العمل های این زبان برچسب، نشانه یا تگ نام دارند که محتوی صفحات وب به وسیله آنها نشانه گذاری شده و بدین ترتیب نحوه نمایش صفحه برای مرورگر های وب توصیف میشود. هر یک از برچسب های HTML معنای خاصی دارند و تاثیر مشخصی بر محتوی میگذارند.
یک سند HTML یک پرونده مبتنی بر متن است که معمولا با پسوند htm یاhtml نام گذاری شده و محتویات آن از برچسب های html تشکیل میشود.
مرورگر های وب که قادر به درک و تفسیر کد های Html هستند تک تک آنها را از داخل سند html خوانده و سپس محتوی آن صفحه را نمایش میدهند
Html یک زبان برنامه نویسی نمیباشد بلکه زبانی برای نشانه گذاری متن است و اساسا برای سازماندهی کردن اطلاعات و تفکیک اجرای منطقی یک نوشتار نظیر عناوین، تصاویر و جداول به کار میرود.
ساختار فرامین
ساختار کلی فرامین
هر گروه از فرامین سی اس اس از دو بخش اصلی تشکیل شده است: یک «سلکتور» و یک یا چند «تعریف».
فعلا منظور از سلکتور عنصری است که می خواهید به آن سبک (استایل) دهید. همانطور که ملاحظه می کنید هر تعریف دارای دو قسمت «خصوصیت» و «مقدار» می باشد. خصوصیت آن مشخصه ای از عنصر است که مایل به تغییر آن هستید. هر خصوصیت دارای یک مقدار است.
در مثال فوق تمام عناصر h1 دارای رنگ آبی و اندازه ی قلم ۱۲ خواهند بود.
یادداشت نویسی در سی اس اس
می توانید از یادداشت ها برای توضیح دادن کدهای خود استفاده کنید. چنانچه نیاز شد بعدا کد هایتان را ویرایش کنید، آن ها می توانند در فهم و یاداوری کدهایتان به شما کمک کنند. مرورگرها یادداشت ها را نادیده می گیرند.
یادداشت ها به ترتیب با یک خط مورب و ستاره شروع و به ترتیب با یک ستاره و خط مورب به پایان می رسند. به مثال زیر توجه کنید:
۱ |
/*This is a comment*/ |
۲ |
p |
۳ |
{ |
۴ |
text-align : center ; |
۵ |
/*This is another comment*/ |
۶ |
color : black ; |
۷ |
font-family : arial ; |
۸ |
} |
مقدمه css
سی اس اس چیست؟
- CSS مخفف Cascading Style Sheets می باشد.
- سی اس اس چگونگی نمایش عناصر HTML را تعیین می کند.
- سبک ها برای حل یک مشکل به HTML نسخه ۴ (و بالاتر) اضافه شدند.
- سبک های خارجی در صرفه جویی در وقت به ما کمک می کنند.
- سبک های خارجی در فایل های CSS ذخیره می شوند.