آموزش کامل HTML اختصاصی وی بی ایران - جلسه یک
امتیاز:

به نام خدا
درود بر شما دانش آموزان عزیز
این آموزشی که میخوام بدم بهتون کاملا عین کلاس درس میمونه یعنی شیطونی کنید یا نمره کم بیارید یا ... تنبیه میشید
جدا از شوخی این آموزش برگرفته شده از چندین کتاب و مقاله و مخ خودمو و.. هست ممکنه یه چیز اشتباهی گفته بشه ممکنه یه چیز رو فراموش کنم بگم ممکنه هزار دلیل وجود داشته باشه که ذکر نشه بالاخره نکاتی هست که فراموش میشه و تجربه نشون داده بعضی افراد سودجو درجا میان خودشونو نشون بدن و اینا! نه عزیزان در این آموزشی که من میدم هیچ کدوم از اینها وجود نداره یعنی ببینم بدون هیچ رودرباستی با کسی برخورد میکنم! اگر ابهامی در آموزش دادید یا جایی رو من اشتباه گفتم یا... پ.خ میدید به من میگید ویرایشش کن یا اینجاشو برام بیشتر توضیح بده!
HTML چیز سختی نیست فقط یکم همت میخواد که انشاا... خوب میخونید و یاد میگیرید بعد میشید پروفسور طراحی وب بعد فردا من میام میگم خوبی شما؟ میگی هان؟؟ چی؟؟ شما؟؟
از نکته ها بگذریم بریم سراغ اصل مطلب
ببینید وبمستران عزیز شما هر کار کدنویسی برای قالبتون برای سایتتون برای هرچیزی بخواید انجام بدید اول از همه باید HTML رو یاد بگیرید و بعد پله پله برید بالاتر و زبان های دیگه مثل css و جکئوری و... رو یاد بگیرید.
ما قدم به قدم انشاا... نشونتون میدیم که چه کاری انجام بدید برای اینکه در کد نویسی راحت تر باشید.
انتخاب ویرایشگر مناسب
خب مشکل کاربر ها اینه ویرایشگر مناسبی برای کدنویسی خودشون انتخاب نمیکنن به نظر من DreamWeaver برای یاد گرفتن خوبه چون یه سری پارامتر هایی که مورد نیاز برای کدنویسی هست به صورت ازقبل سیو شده داخلش هست و شما هنگامی که دارید کدتون رو تایپ میکنید کمکتون میکنه که کدتون رو اشتباه ننویسید.فعلا شما با DreamWeaver کد بنویسید تا بعدا به مرحله های پیشرفته رسیدیم ویرایشگر های حرفه ای تر رو بهتون معرفی کنیم.
یعد از اینکه ویرایشگر مورد نظرتون رو باز کردید یک پروژه جدید از تب New با page format HTML باز کنید.
بعد از باز کردن پروژه با همچین کدی روبرو میشید:
فعلا توضیحی نمیدم که اینا چیه و کارشون چیه تا تک تک برسیم و معرفیشون کنم براتون.کد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> </body> </html>
شما همین پیج رو که باز کردید حالا از تب File برید و روی save کلیک کنید و پروژه رو سیو کنید.
حالا برید و اون page که ساختید رو باز کنید حالا با هر مرورگری که دوست داشتید کروم یا فایرفاکس یا... فرق نمیکنه. میبینید که صفحه سفیدی هست که فقط در title اون نوشته شده:Untitled Document
خب تبریک میگم شما یه صفحه HTML ساختید برید صفا کنید از الان شما طراح وب هستید برید پروژه بگیرید!![]()
نه شوخی کردم حالا حالا ها کار باهاتون دارم..البته این جملمم که گفتم حکایت بعضی از طراح هاست که یه چیزی مثل این میسازن و میشن طراح و کلاس برمیدارنو اینا...
خوب حالا بگذریم فعلا برای جلسه اول فکر میکنم کافی باشه " زیاد نوشتم" انشاا... جلسات بعد میریم سراغ عناصر و چگونه انتخاب کردن پیکر بندی صفحات و...
امیدوارم که معلم خوبی براتون باشم و شما هم باهام همکاری کنید و این آموزش سرانجام خوبی داشته باشه!
این آموزشی هم که میدم خدمتتون کاملا توسط من تایپ شده و از جای دیگه کپی نیست ممکنه نکته هایی از اینور اونور گیر بیارم بگم براتون ولی تنها هدفم یادگیری شماست پس شما هم خواهشا اگر میخواید این اموزش رو در جایی بزارید اگر حلال و حرام رو درک میکنید بدون ذکر کپی رایت این آموزش رو پخش نکنید.
با تشکر
نویسنده: Leberman
پخش اختصاصی از وی بی ایران
ویرایش توسط Leberman : 2013/03/29 در ساعت 01:21 PM
علاقه مندی ها (Bookmarks)