لوگو مجتمع پارسیان دیتا

آموزش مقدماتی HTML - جلسه ی اول

Free-Online-Basic-HTML-Tutorial

برنامه نویسا می دونن که چقدر شغل زیبا اما پردردسری دارن!علم نرم افزار از بس که به روز هست ، تا سرتو میخارونی می بینی یه چیز جایگزین پیدا شد.موقعی که می خواستم انتخاب رشته ی دانشگاهی کنم یادمه توی یه مجله ای خوندم که اگه حوصله ی یادگیری مرتب و مدام علم رو ندارین ، بی خیال این رشته بشین.و دقیقا همین جوریه!
البته من عاشق یادگیری ام ولی خب انکار هم نمی کنم که کار سختیه!بالاخره اگه شما هم برنامه نویس هستین یا می خواین بشین ، چاره ای ندارین!!!
کل این مقدمه رو گفتم چون می خوام یه دوره رو شروع کنم و اون دوره ، آموزش HTML هست.این دوره برای افرادی مناسبه که می خوان تازه برنامه نویس بشن و مقدماتی HTML رو یاد بگیرن.هدفم از تنظیم این دوره ،  اینه که خیلی سریع HTML رو یاد بگیرین.البته کامل !سعی شده تا طوری بهتون آموزش بدیم که علاوه بر این که پایه رو درست و حسابی یاد بگیرین ، 
آموزش HTML مون کلا توی پنج جلسه تموم می شه و اگر درست و حسابی بخونین ، نیاز به منبع دیگه ای ندارین.البته من توصیه ام همیشه اینه که از روی یه منبع درست و حسابی ، مفاهیم رو یاد بگیرین و بعد برین سراغ منابع دیگه و در حد یه مرور گذرا مطالبشون رو چک کنین.حالا چه منبع ما رو به عنوان منبع دست اول انتخاب کردین ، چه منبعی که واسه مرور مطالب هست ، ما خوشحالیم! و بهتون قول می دیم که خیلی سریع آموزشای لازم رو ببینین.
فقط این نکته رو بگم برای کسایی که تازه می خوان برنامه نویس بشن و تازه یادگیری HTML رو شروع کردن، ببینین یادگیری این زبان مثل زبان انگلیسی می مونه البته در مقیاس خیلی کوچیک تر و محدود تر.اما منظورم اینه که همون اول نیازی نیست تک تک تگ ها(تگ ها در صفحه ی HTML ، در واقع همون عناصر ی هست که توی صفحه ی وب می بینین) رو حفظ کنین.مثل این می مونه که دیکشنری رو بردارین و شروع کنین لغات رو به حفظ کردن!یه کار عجیب و بی فایده می شه.باید سعی کنین لغات رو بر اساس کاربردشون اولویت بندی کنین و برین یادشون بگیرین و اگه مفهوم لغت و کاربردش توی جمله رو بفهمین ، همیشه توی ذهنتون می مونه.دقیقا واسه یادگیری HTML هم همین قضیه پابرجاست.نمی خواد واسه دوره مقدماتی همه ی تگ ها رو برین حفظ کنین.ترجیحا تگ های پرکاربرد رو عملی یاد بگیرین ، بیش تر می ارزه!

خب حالا دیگه مقدمه داره طولانی می شه.آموزش رو شروع می کنیم.این جلسه می خوایم بگیم اصلا HTML چی هست و چه ابزارهایی نیاز داریم..
HTML چی هست؟
HTML یک زبان برای توصیف صفحات وب است.صفحه وب همون پیجی هست که شما توی یه مرورگر می بینینش.اون پیجی که شما می بینین ، توسط یه برنامه نویس با کدهای HTML نوشته شده.
HTML بترتیب سرنام واژگان Hyper Text Markup Language بحساب می آید. (زبان علامت گذاری ابر متن)
HTML یک زبان برنامه نویسی نیست بلکه زبان علامت گذاری است.
یک زبان علامت گذاری مجموعه ای از تگ ها می باشد.
HTML از تگ ها برای توصیف صفحات وب استفاده می کند.
تگ ها همون واحدهای کوچک تری هستن که مجموعشون صفحه ی HTML رو می سازه.
تگ های HTML، کلید واژه هایی هستند که داخل علامت کوچکتر بزرگتر هستند. مثل <HTML>
تگ های HTML معمولا به صورت جفت می آیند. یعنی فرمت کلی شون می شه <tag></tag>تگ اول همان تگ شروع می باشد و تگ دوم نیز همان تگ پایان است.تگ های شروع و پایان، تگ باز و بسته نیز نامیده می شود..بین تگ ابتدایی و انتهایی ، یه بدنه تشکیل می شه که محتوای اون تگ در اون جا قرار می گیره.البته یه سری تگ ها هم تکی یا تهی هستن و فرمت کلی شون <tag/> هست.تگ های تهی فاقد بدنه هستن.

هر تگی به مرورگر ( که داره کدها رو ترجمه می کنه ) می فهمونه که توی بدنه اش چه عنصری قرار می گیره.مثلا یه تگی هست به نام p که محتوای بدنه اش یه پاراگراف هست.مرورگر وقتی داره کدها رو ترجمه می کنه به محضی که می رسه به این تگ ، هر چی داخل بدنه اش نوشته شده رو به عنوان یه پاراگراف نشون میده.
سندهای HTML صفحات وب را توصیف می کنند.(یعنی می گه توی ان صفحه ی وب به خصوص ، چه عناصری (عکس ، متن و ...) باید باشه و چینش این عناصر چه شکلیه.(توجه داشته باشین که استایل و ظاهر این عناصر رو با CSS مشخص می کنن که فعلا موضوع بحثمون نیست و در واقع کدهای CSS هست که می گه هر عنصری چه شکلی باشه!)
سندهای HTML شامل تگ های HTML (اچ تی ام ال) و متن ساده می باشد.سندهای HTML صفحات وب نیز نامیده می شود.
هدف یک مرورگر وب (مانند internet explorer یا firefox) این است که سندهای HTML را خوانده و آنها را به صورت صفحات وب نمایش دهد. مرورگر، تگ های HTML را نمایش نمی دهد، اما از تگ های HTML استفاده می کند تا محتوای صفحه را تفسیر کند.
خب.فک کنم دیگه فهمیدین HTML چیه و می خوایم باهاش چکار کنیم.حالا می ریم سراغ آماده سازی سیستممون برای کد نویسی با HTML.یه خوش خبری این که این زبان احتیاج به ابزار خاصی نداره.یعنی دردسر نصب و یادگیری نرم افزارهای جانبی رو ندارین.فقط یه محیط ساده ی متنی می خواین که کدها رو توش تایپ کنین و یه مرورگر می خواین که خروجی کداتون رو توش ببینین.البته این حرفم مال الان هست با این تصور که شما تازه می خواین کدنویسی HTML رو یاد بگیرین.وگرنه برنامه نویس حرفه ای تر که شدین ، ابزارهای دستتون هم حرفه ای تر می شه .فعلا می تونین از notepad استفاده کنین که روی همه ی سیستم های ویندوزی هست.
حتی مرورگرتون هم می تونه IE باشه!در حالی که جلوتر که برین می بینین باید با مرورگرهای دیگه ای مثل کروم و فایرفاکس کار کنین.
پیشنهاد می کنم توی سیستمتون یه پوشه درست کنین ، مثلا learningHtml و داخلش پوشه های دیگه ای به نام شماره ی هر جلسه باشه.کدهاتون رو نگه دارین و آرشیو کنین که در حین کارهای بعدی خیلی به دردتون می خوره.
خب تا این جا برای جلسه ی اول کافیه.برای جلسه ی بعد آماده باشین که می خوایم شیرجه بزنیم توی تگ های HTML.

 

مطالب مرتبط

آموزش نصب DataTables در Laravel

  آموزش نصب DataTables در Laravel DataTables یک پلاگین برای کتابخانه جی ک

آموزش Exception ها در لاراول

گاها برای شما پیش اومده ،  مثلا میخواهید خطای ۴۰۴ تولید کنید و این خطا را ب

آموزش namespace در php

     آموزش Namespace در PHP در PHP 5.3 یک مفهوم دیگر به نام name

همه چیز درباره ی paypal

به زبان ساده می توان گفت پی پال نقل و انتقال امن پول بوسیله ایمیل است. این جمله به

آموزش لاراول view ها

  کار با view ها و Blade view ها یکی از عناصر سه گانه الگوی طراحی MVC هست

برخی از مهارت ها

خبرنامه

جستجو