سلام دوستان تو این سلسله آموزش ها میخوام دستورات مهم 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 کنید
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
جلسه بعدی در مورد نحوه اضافه کردن فایل 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
سلام دوست عزیز…من تازه با وب شما آشنا شدم..فک میکنم مطالب خوبی داشته باشی…من قصد دارم برنامه نویسی رو ب صورت جدی شروع کنم…امیدوارم بتونم از طریق میل سوالامو بپرسم…البته هنوز توانتخاب ی زبان مناسب مشکل دارم…ممنون میشم راهنماییم کنی…
سلام ، مطالب زیر را پیشنهاد میکنم مطالعه کنید:
عنوان مقاله : چگونه زبان برنامه‌نویسی خود را انتخاب کنید
5 نکته برای یک برنامه نویس تازه کار