KNToosi.in - همکلاســــی

وبلاگ گروهی دانشجویان ِ دانشگاه صنعتی خواجه نصیرالدین طوسی

KNToosi.in - همکلاســــی

وبلاگ گروهی دانشجویان ِ دانشگاه صنعتی خواجه نصیرالدین طوسی

۱) آموزش مقدمات HTML - ذخیره سازی فایل و شروع به کار

 

 

به نام خدا

 

بخش اول: پسوند فایل ها

 

 اگه پسوند فایل ها توی کامپیوترت، نامرئیه، قبل از هرکار پسوند ها رو مرئی کن!

برای اینکار برو تو  Control Panel ، بعدش Folder Options رو بزن! بعدشم View رو انتخاب کن!

 

 

 

 

حالا همه ی فایل های کامپیوترت، پسوندشون مرئی شده، معمولا عکسا پسوندشون jpg هست، یا فایل های صوتی، mp3 هست!  بگذریم...

 

بخش دوم : ذخیره سازی فایل

 

اول یه Notepad باز کن!

StartèAll ProgramsèAccessoriesèNotepad

 

حالا توش اسم  ِ خودتو به فینگیلیش تایپ کن!

 

                                                    Hamid Tavakoli

 

بعد به این طریقی که میگم، Save کن!

 

 

 

 

برو سراغ فایلت، باید فایل رو با دو برنامه ی مختلف باز کنی!

اول دو تا کلیک کن تا با برنامه ی Internet Explorer یا همان IE باز شه!

بعد راست کلیک کن و از زیر شاخته های Open with ، برنامه ی Notepad رو انتخاب کن!

 

حالا سایز این دو تا پنجره رو یه جوری تنظیم کن که بتونی همزمان جفتشو ببینی!

 

مثلا اینجوری:

 

 

 

بخش سوم : تگ Bold و تگ Center

 

برنامه نویسی رو شروع میکنیم!

فقط حواست باشه، هر تگی که توی Notepad نوشتی بعدش باید این کارا رو بکنی:

 

تو برنامه ی Notepad، از منوی File ، یه کلیک کوچولو روی Save بکن! (یا به جاش کنترل و S رو بزن)

 

و بعدش تو برنامه ی IE ، یه کلیک روی Refresh بکن!  (یا به جاش F5 رو بزن)

 

اینجوری میتونی خیلی ساده، هر تغییری رو که میدی، فورا ببینی!

 

خوب، اسمتو که قبلا تایپ کرده بودی، و توی IE اسمتو نشون میده!

حالا با تگ های HTML ، یه تغییراتی روش میدیم!

 

طبق شکل، تگ های Bold رو دو طرف اسمت تایپ کن!

 

 

 

 

Ctrl+s و بعدش F5 رو بزن!

 

همونطور که میبینی، تگ Bold ، اسمتو یه کم تپل کرده!

 

اگه دقت کرده باشی، تگ Bold، با حرف اول ِ Bold، یعنی b نوشته میشه!

 

تقریبا همه ی تگ ها، مثل این تگ، دو قسمت دارن، اونی که اوله، بهش میگن تگ اول و اونی که آخره، بهش میگن تگ آخر!

 

تک آخر همیشه یه فرق با تگ اول داره، اونم اینه که توش یدونه از اینا داره :  /

 

 

حالا تگ بعدی!  میخواهیم با تگ center اسممون رو بیاریم وسط!

 

تگ Center رو دو طرف تگ Bold تایپ کن!

 

 

 

Ctrl+s و بعد F5 یادت نره!

 

  

 

خوب، برای شروع کافی بود!

 

یادآوری: یاد گرفتن ِ HTML، برای آموختن ِ زبان های برنامه نویسی ِ تحت وب، قدم اوله!

 

 

نظرات 6 + ارسال نظر
هادی بدری‌زاده پنج‌شنبه 31 مرداد 1387 ساعت 18:55

سلام حمید جان. تجربه آموزش چیزای طولانی و سریالی که در مجلات و سایت‌های آموزش کامپیوتر دیده‌ایم چندان اثربخش نیست.
به نظر من:
1. به آموزش نرم‌افزارهای کوچک و بسیار به‌دردبخور که زیاد هم هستند بپرداز . و سورس برنامه را هم برای دانلود بچه‌ها بگذار روی سایت. این‌طوری در هر پست یه آموزش کامل و مجزا داری. و هر خواننده‌ا یهم بهره لازم را می‌بره.
2. اگه یه چیزی مثل اچ‌تی‌ام‌ال می‌خوای یاد بدی هم همه را در یک پست بسیار طولانی بذاری خیلی بهتره.
در کل حرکت به سمت پست‌های آموزشی در زمینه‌ کامپیوتر برای سایتی که اکثر مخاطبانش دانشجوهای سال 1 و 2 هستند را بسیار بسیار ارزنده ارزیابی می‌کنم.
ممنون از زحماتت حمید جان.

سلام هادی جان!

حرفتو قبول دارم، ولی به خاطر اهمیت ویژه ای که برنامه نویسی تحت وب در درک و فهم ِ محیط اینترنت داره، چاره ای نیست جز آنکه به این مطلب هم پرداخته بشه!

** اگه متن های آموزشی، تیکه تیکه و سریالی باشه، ممکنه کسی حوصله نداشته باشه همه ی قسمت ها رو دنبال کنه یا اینکه جا موندنش از یه قسمت باعث بی انگیزگیش بشه، ضمن اینکه یادگیری یه مطلب گسترده، پشتکار هم میخواد!

** از طرفی اگه همه ی مطلب رو در یک متن طولانی بزارم، کمتر کسی حوصله میکنه که همشو بخوونه!


**** من فکر میکنم بهتره با یه روش، از مزیت های هر دو روش بهره برد، یعنی اول متن ها رو به صورت سریالی بزارم و بعد اونا رو در یک متن مستقل، کامل کنم!


منظورم اینجوریه:
http://www.kntu.blogsky.com/1387/05/27/post-5002

ممنونم از توصیه های خوبت!

موفق باشی!

فائزه غلامی پنج‌شنبه 31 مرداد 1387 ساعت 19:38

خیلی عالی بود.
فکر می کنم متن های کوتاه بهتر باشه.
البته قسمت آخر خوب درس داده نشد!

قسمت آخر رو حذف میکنم تا هم متن کوتاه تر بشه و هم بعدا فرصتی برای توضیح بیشترش باشه!

موفق باشید!

رویا IT جمعه 1 شهریور 1387 ساعت 00:36

خیلی عالی بود !!
مرسی همین طوری سریالی پیش بره عالیه!!

تازه من ۷ سالمه ولی بازم یاد گرفتم!!


ایشالا پیش میره! D:

موفق باشید!

رویا IT جمعه 1 شهریور 1387 ساعت 00:51

استاد یه سوال!

چرا من تگ center و bold رو فقط اول می زنم بازم کار می کنه؟
یعنی تگ های آخر به درد نمی خوره؟! نکنه تزئینی یه؟!

من استاد نیستم! D:

وقتی تگ اول بولد رو میزنی، در واقع دستور میدی که هر متنی که بعد از تگ اول ِ بولد میاد، بولد بشه!

و وقتی تگ آخر بولد رو میزنی، دستور میدی که از اینجا به بعد دستور بولد تموم بشه!


================================================

حالا چون با تگ آخر، دستور توقف ندادی، هر متنی که توی این صفحه بنویسی، بولد میشه و وسط قرار میگیره!

در حالی که گاهی لازمه در یک صفحه ی وب، بعضی چیز ها راست چین، بعضی چپ چین و بعضی وسط چین باشند!

اگه تگ های آخر وجود نداشت، نمیشد صفحه ای با ویژگیهای مختلف طراحی کرد!

================================================

<وسط باش> متن </وسط بسه>

<راست باش> متن </راست بسه>

<متولد شو> انسان </بمیر> D:

اگر تگ آخر نبود، وقتی خدا دستور میداد که یکی بمیره، بقیه هم باهاش میمردن! D:

موفق باشید!

ترط جمعه 1 شهریور 1387 ساعت 22:32

تو ۸ سالته؟

من بالای ۸ سالمه! D:

سعید شنبه 2 شهریور 1387 ساعت 21:30 http://tools.blogsky.com

سلام حمید آقا
وبلاگ شما اولین وبلاگ استفاده کننده از ۴۴ شکلک در بخش نظرات بود و وبلاگ ما اولین آموزش دهنده درج ۴۴ شکلک

موفق یاشید

سلام دوست عزیز!

متاسفانه بعضی از بلاگرها از کدهای آماده استفاده می کردند که به قالب اصلی وبلاگشون نمی خورد، آموزش در این زمینه واقعا لازم بود که شما زحمتشو کشیدی!


فقط یه چیزی رو اشتباه گفتی، درسته که شکلک ها رو بنده به قالب نظرات اضافه کردم، اما کد ِ بقیه ی شکلک ها رو رویا خدابخش پیدا کرد و باعث شد قالب نظرات همکلاسی از این لحاظ منحصر به فرد بشه، بنابراین بهتره توی متنت به جای اسم من، اسم رویا خدابخش رو بنویسی!

http://kntu.blogsky.com/1387/04/13/post-4841


ممنونم!

موفق باشی!

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد