آموزش Html و Css

آموزش Html و Css

Html و Css چیست ؟ Html در کنار Css هسته فن آوری ساخت صفحات وب هستند. Html زبان توصیف ساختار صفحات وب است. Html زبانی ‌است برای نشانه ‌گذاری فرا متن که برای تدوین قالب و طراحی صفحات وب به کار می ‌برند. دستور العمل‌ های این زبان برچسب Tag نام دارند که محتوای یک صفحه وب با آن‌ها نشانه ‌گذاری شده و بدین ‌ترتیب نحوه نمایش آن صفحه برای مرورگر های وب توصیف می‌شود. که تاکنون 5 نسخه از Html عرضه شده ‌است. هر یک از برچسب ‌های Html معنا و مفهوم خاصی دارند و تاثیر مشخصی بر محتوا می ‌گذارند. مثلا برچسب‌ هایی برای تغییر شکل ظاهری متن، نظیر ضخیم کردن و باریک کردن یک کلمه یا برقراری پیوند به صفحات دیگر در Html تعریف شده‌ اند. یک سند Html یک پرونده مبتنی بر متن است که معمولا با پسوند Html یا Htm نام ‌گذاری شده و محتویات آن از برچسب‌ های Html تشکیل می ‌شود. مرورگر های وب که قادر به درک و تفسیر برچسب‌ های Html هستند تک ‌تک آن‌ ها را از داخل سند Html خوانده و سپس محتوای آن صفحه را نمایان‌ سازی می ‌کنند. Html اساسا برای ساخت ‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار نظیر عناوین، تصاویر، فهرست ‌ها، بند ها و جداول به کار می‌ رود. از سوی دیگر Html را نباید به عنوان زبانی برای صفحه‌ آرایی یا نقاشی صفحات وب به کار برد. این وظیفه اکنون بر دوش فن آوری ‌های دیگری همچون Css است. گفتنی است Html شکلی از زبان دیگری به نام Sgml است و کنسرسیوم وب آن را به عنوان استانداردی برای نشانه ‌گذاری مستندات فرا متنی برای عرضه در وب تدوین کرده است.  Cssیک زبان برای ساخت شیوه ‌نامه است که از آن برای توصیف نمایش یک سند که به یکی از زبان ‌های نشانه ‌گذاری مثل Html نوشته شده ‌است استفاده می ‌شود. Css یکی از فن‌ آوری های بنیادین در کنار Html و JavaScript در وب جهان ‌گستر است. Css روشی ساده برای نمایش چیدمان و جلوه های تصویری مانند نوع قلم، رنگ و اندازه ‌ها در صفحات وب است. Css از جنس زبان ‌های نشانه ‌گذاری با ساختار متن ساده رایانه است و درون هر کدام دستور هایی آبشار مانند و پی ‌در پی برای چگونگی نمایش هر صفحه وب افزوده می‌شود. بیشترین استفاده ‌ای که از این زبان در حال حاضر می‌ شود مشخص کردن سبک صفحه وب Html و Xhtml است ولی آن را می‌توان بر هر نوع مستند Xml از جمله Svg اعمال کرد. نگهداری و تغییر مشخصات Css به عهده کنسرسیوم وب جهان گستر است.
پیش نیاز  : پیش نیاز ندارد 

سرفصل های دوره :

HTML

قسمت اول - معرفی دوره - انتخاب ادیتور

قسمت دوم - بدنه اصلی - تگ پاراگراف - تگ em (برجسته کردن) - تگ i (برجسته کردن) - تگ strong (بولد کردن) - تگ b (بولد کردن) - تگ h1 تا h6 - کامنت گذاری

قسمت سوم - ساخت لیست - تگ ul - تگ ol - آندر اسکور - افزودن تصویر - عرض و ارتفاع - ایجاد لینک - متصل کردن صفحات با استفاده از لینک - ایجاد جدول

قسمت چهارم - افزودن موزیک - افزودن ویدیو - تگ hr - تگ br

قسمت پنجم - گروه بندی - کلاس - آیدی - متا تگ ها - تگ های section ،aside ،nav ،footer ،header و address

CSS

قسمت اول - مقدمه ای بر Css - متصل کردن فایل Css به Html - تغییر دادن رنگ پس زمینه - افزودن تصویر به پس زمینه - تنظیمات پس زمینه - تغییر دادن رنگ متن - تغییر دادن اندازه فونت - بولد کردن - تغییر دادن فونت - تراز کردن - کامنت گذاری

قسمت دوم - فاصله بیرونی - فاصله درونی - بوردر - عرض و ارتفاع - جهت ها - موقعیت - هاور - کرسر - شفافیت - وب سایت واکنش گرا

قسمت سوم - دکمه ها - اینپوت ها - تکست اریا - پلیس هولدر - ترانزیشن (وب کیت - موز - ام اس - او) - پس زمینه گرادیان خطی - بوردر ردیوس - یوزر سلکت - دایرکشن - تنظیم فاصله بین خطوط - سایه ها - ترنس فرم