html-css

سلام دوستان تو این سلسله آموزش ها میخوام دستورات مهم html و css را برای طراحی قالب یک سایت مرور کنیم و در یک پروژه بکار ببریم

همانطوری که برای انجام هر کاری نیاز به ابزار داریم برای طراحی قالب هم نیاز به یک Editor داریم

من خودم به دلایل زیادی Sublime Text editor را انتخاب میکنیم

چو کد نویسی را تا حد زیادی راحت و شیرین میکنه

از سایت http://www.sublimetext.com/3 برنامه فوق را دانلود کنید

تنظیمات این برنامه :

برای شروع طراحی ابتدا نیاز به یک میز کار داربم تا بتوانیم فایلهای پروژه را در آن قرار دهیم :

برای این کار از منوی view\side Bar گزینه show sidebar را انتخاب کنید

حال یک فلدر در درایو C مثلا با نام design ایجاد کنید از منوی file برنامه sublime گزینه open folder را انتخاب و فلدر design را انتخاب کنید

از منوی file با زدن new file  فایلی به اسم index.html ایجاد و کد زیر را در آن قرار دهید و save  کنید

 

جلسه بعدی در مورد نحوه اضافه کردن فایل css  به قالب و نیز  Block element و inline element  صحبت میکنیم

 

نکته : به کاراکتر <>  در زبان نشانه گزاری html  تگ گفته میشود  و به عبارتی که بین دو علامت <>  می آید المنت گفته میشود

مثلا در کد فوق از المنت های body و head  استفاده شده

مطالب پیشنهادی :  طراحی قالب وردپرس – قسمت هشتم و پایانی

تگها کلمات کلیدی هستن که برای نشانه گذاری قسمتهای داکیومنت استفاده میشن، وقتی مرورگر به این کلمات کلیدی برخورد میکنه اصطلاحا اونها رو تفسیر (interpret) کرده و در نهایت به شکل خاصی که از قبل تعریف شده به ما نشون میده. مثلا وقتی به تگ <strong> میرسه میفهمه که محتویات درون این تگ رو باید بصورت پر رنگ در خروجی نمایش بده.

لیست کامل المنت های html  را از اینجا ببینید

پیشنهاد میکنم  از سایت http://www.w3schools.com  به عنوان مرجع یادگیری استفاده کنید

 

نکته :

  • DOCTYPE نوع سند ما را مشخص میکند و به مرورگر کمک میکند تا یک صفحه وب را بدرستی نمایش بدهد.
  • محتویات بین <html> و <html/> صفحه وب را توصیف میکند.
  •  محتویات بین <body> و <body/> قسمتهای هستند که دیده میشوند در صفحه وب .
  • HTML مخفف Hyper Text Markup Language و به معنای زبان نشانه گذاری ابر متن است.

 

نویسنده : میثم همتی

منبع : www.hemmaty.com

دسته بندی‌ها:htm - CSS,آموزش,طراحی وب

برچسب‌ها :<<,>>

دیدگاه کاربران

  1. سحر گفت:

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

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