آموزش HTML و CSS – جلسه اول

چندی پیش به درخواست کاربران عزیز و گرامی پژوهشکده مبنی بر افتتاح بخش آموزش طراحی وب برصدد شدیم.ما نیز به قول خود وفادار ماندیم و در اول تابستان سال 1393 با سلسله آموزش های HTML در خدمت شما هستیم . این آموزش ها شمارا قدم به قدم با فرایند...

چندی پیش به درخواست کاربران عزیز و گرامی پژوهشکده مبنی بر افتتاح بخش آموزش طراحی وب برصدد شدیم.ما نیز به قول خود وفادار ماندیم و در اول تابستان سال ۱۳۹۲ با سلسله آموزش های HTML و Css در خدمت شما هستیم . این آموزش ها شمارا قدم به قدم با فرایند ایجاد صفحات وب آشنا میکنند.این برای یک تازه کار که هیچ آشنایی با HTML و Css ندارد و میخواهد شروع به ایجاد صفحات وب کند،ایده آل میباشد…

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

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

HTML یا Hypertext Markup Language

دو ویژگی اصلی دارد: ابر متن و سراسری بودن

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

سراسری بودن به این معنی است که چون سندهای HTML به صورت فایل های متنی ساده ذخیره میشوند . به صورت مجازی هر کامپیوتری بتواند یک صفحه وب را بخواند.

XHTML

XHTML یک پیشرفت مهم نسبت به HTML محسوب میشود. XHTML قویتر . با قابلیت انعطاف بیشتر .توانمندتر.با پشتیبانی بیشتر میباشد

در این سلسله آموزش ها سعی میکنیم XHTML و HTML را با هم به شما آموزش دهیم.

CSS یا Cascading Style sheets

در نسخه های قدیمی HTML محتویات. ساختار و دستورالعمل های قالب دهی را در یک سند کنار هم قرار می دادکه با وجود سادگی خیلی قدرتمند نبود.

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

بنابراین در نسخه های جدید HTML بیشتر عناصر قالب دهی را به عنوان عناصری که در مشخصه های بعدی حذف خواهند شد.مشخص کرده است.بنابراین توصیه میشود از این عناصر استفاده نکنید.آنها یک سیستم جدید برای دستورالعمل های قالب دهی به وجود آوردند که CSS نامیده میشود.

در حال که XHTML و CSS یک ترکیب قدرتمند محسوب میشوند . هنوز هم یک نقص کوچک وجود که طراحان وب را آزار میدهد : پشتیبانی مرورگرها..

در حال حاضر اکثر مرور گرها به خوبی یا به صورت عالی از سی پشتیبانی میکنند.. اما هنوز هم بعضی نسخه های قدیمی وجود دارند که با سی ساز گاری خوبی ندارند …

هرجه سایت بزرگتر باشد استفاده از CSS و XHTML اهمیت بیشتری پیدا میکند

آنچه برای ساخت یه صفحه وب HTML مورد نیاز است :

۱ – ویراستار متن

۲ – نمایش دهنده صفحات وب

* برای تایپ دستورات HTML به یک ویرایشگر متن احتیاج داریم . شما میتوانید از هر ویرایشگر متنی که دلخواه شما میباشد استفاده نمایید.در اینجا برای سهولت کار از نرم افزار Dreamweaver استفاده میکنیم

* برای آنکه دستورات نوشته شده نمایش داده شوند به مرورگر نیاز داریم . شما میتوانید از هرکدام از مرورگرها (موزیلا . اپرا.اینترنت اکسپلورر و کروم و… )استفاده کنید.

همانطور که گفته شد ما در این سلسله آموزش ها از دو برنامه Adobe Dreamweaver CS6 و Mozilla Firefox استفاده میکنیم.

جلسه آینده…

در درس بعد شما دوستان با محیط نرم افزار Adobe Dreamweaver CS6 آشنا خواهید شد و شروع به کد نویسی میکنیم و کم کم شما با تگ ها آشنا میشوید ..