مشاهده نسخه کامل
: pcockz80
12-12-2004, 14:47
در این آموزشها هدف ما آشنا شدن با زبان صفحات وب یا همون HTML است اگه براتون مهمه HTML مخفف Hyper text markup Language یا زبان ارزش دهی به ابر متن هاست .حالا چرا یه همچین اسم عجیب و غریبی براش انتخاب کرده اند ؟چون که دقیقا کاری که ما می کنیم همینه یعنی یه سری متن وارد می کنیم و با دادن و نوشتن کدهای صحیح این زبان به ائن نوشته ها ارزش می دهیم.
نمی دونم اینقدر توضیح براتون کافیه یا بیشتر باید توضیح بدم ؟اگه کافی نبود این پائین بنویسید تا بیشتر راجع به دلایل انتخاب این نام توضیح بدم
اما بحث بعدی راجع به اینه که برای نوشتن صفحات HTML به چه ابزار و برنامه هایی نیاز داریم ؟
احتمالا خیلی از شما می گین Front Page یا Dream weaver ولی در حقیقت برای نوشتن صفحات HTML به هیچ چیزی به غیر از یک ادیتور ساده متنی (مثل Note Pad یا Word Pad یا word)نیاز نداریم.درسته که استفاده از این برنامه های جانبی (مثلا front page) خیلی ساده است ولی باور کنید اگر با اصول طراحی بیواسطه با همین Word آشنا بشین و فقط یه هفته اونو امتحان کنید می بینید که چقدر سرعت و کیفیت کارتون بالا می ره و در ضمن دیگه بنده نرم افزار نیستید و در جائی می تونین صفحات مورد نیاز خودتون رو ایجاد و یا ویرایش کنید
خوب پس من شروع به آموزش نوشتن این صفحات با همین Note Pad یا Word Pad خودمون می کنم .منتهی اول بهتره که یه سری نکات برای استفتده از Word رو یادآور بشم:
1-برای نوشتن دستورات انگار که دارین یه نامه معمولی تایپ می کنین ،هیچ نیازی به کار خاصی ندارید و بزرگ و کوچک نوشتن هم هیچ تاثیری تو نتیجه کار نداره
2-برای ذخیره کارتون عادت کنید که همیشه از دستور save As بجای دستور save استفاده کنید به دو دلیل :
اول اینکه امکان تغییر Encoding(یا همون سیستم نمایش کاراکترها) رو می تونین بدلخواه تغییر بدین (که چون ما از سیستم خاص Encoding فارسی استفاده می کنیم خیلی مهمه)
و دوم اینکه می تونین صفحه هاتون رو به زبان قابل فهم برای مرورگرهای مختلف وب مثل اینترنت اکسپلورر و اپرا و... ذخیره کنید که عبارتند از Htm یا Html که اولی برای ویندوزهای 3.x ودومی برای سیستم عامل Mac و همچنین win 9.x , me ,Nt , 2000, xp اسفاده میشه .خوب حالا فرق این دو تا فورمت با هم چیه ؟
راستش رو بخواین هیچی فقط چون ویندوزهای خانواده 3.x روی داس ماقبل نسخه 7 کار می کنن و در این نسخه ها بعد از نقطه فقط سه حرف قابل قبوله (استاندارد iso 9660) پس ناچارا اونجا باید پسوند فایلهای ما سه حرفی انتخاب بشه که میشه Htm
خوب حالا چطور این چیزا رو تغییر بدیم ؟
خیلی ساده فقط موقعی که save As رو زدید از منوی Encoding گزینه Unicode(UTF- رو انتخاب کنید و در قسمت File Name هم بعد از انتخاب اسم دلخواهتون و زدن یک نقطه(.) تایپ کنید Htm یا Html که هیچ فرقی نمی کنه
خوب بعد ازاینکه کارمون رو انجام دادیم و با اسم دلخواه خودمون ذخیره اش هم کردیم .برای اجرا کافیه که فقط روی اسم اون فایل دو مرتبه کلیک کنید .
یه توصیه می کنم که بهتره آموزشهایی که اینجا می گیریم رو علاوه بر پسوند Html با همون پسوند txt هم ذخیره کنید تا بعدا بتونین برای مراجعات بعدی هم به اونها مراجعه کنید البته هیچ نگران نباشید اگر هم این کار رو نکنید هر موقع که دلتون خواست می تونین از منوی View گزینه View Source رو انتخاب کنید و دوباره نوشته های خودتون رو ببینید
این روشی که بالا گفتم بسیار روش مناسبیه و باید سعی کنید در سرکشیهاتون به سایتها و صفحات دیگران هم زیاد ازش استفاده کنید چه بسا که خیلی از کدها و نکات کلیدی رو میشه از داخل طراحیهای دیگران بیرون کشید و ازشون استفاده کرد .این کار نه تنها ایرادی نداره بلکه بهترین شیوه تبدیل شدن به یک طراح حرفه ایه
خوب برای امروز کافیه درس بعدی مربوط میشه به مفاهیم کد نویسی HTML.یالا آستینا رو بزنین بالا ببینم چه می
کنید؟
البته بگم این فقط تستیه و اگه از این تاپیک استقبال نشه و بچه ها همکاری نکنن دیگه قطع میشه
8)
نمی دونم اینقدر توضیح براتون کافیه یا بیشتر باید توضیح بدم ؟اگه کافی نبود این پائین بنویسید تا بیشتر راجع به دلایل انتخاب این نام توضیح بدم
اما بحث بعدی راجع به اینه که برای نوشتن صفحات HTML به چه ابزار و برنامه هایی نیاز داریم ؟
احتمالا خیلی از شما می گین Front Page یا Dream weaver ولی در حقیقت برای نوشتن صفحات HTML به هیچ چیزی به غیر از یک ادیتور ساده متنی (مثل Note Pad یا Word Pad یا word)نیاز نداریم.درسته که استفاده از این برنامه های جانبی (مثلا front page) خیلی ساده است ولی باور کنید اگر با اصول طراحی بیواسطه با همین Word آشنا بشین و فقط یه هفته اونو امتحان کنید می بینید که چقدر سرعت و کیفیت کارتون بالا می ره و در ضمن دیگه بنده نرم افزار نیستید و در جائی می تونین صفحات مورد نیاز خودتون رو ایجاد و یا ویرایش کنید
خوب پس من شروع به آموزش نوشتن این صفحات با همین Note Pad یا Word Pad خودمون می کنم .منتهی اول بهتره که یه سری نکات برای استفتده از Word رو یادآور بشم:
1-برای نوشتن دستورات انگار که دارین یه نامه معمولی تایپ می کنین ،هیچ نیازی به کار خاصی ندارید و بزرگ و کوچک نوشتن هم هیچ تاثیری تو نتیجه کار نداره
2-برای ذخیره کارتون عادت کنید که همیشه از دستور save As بجای دستور save استفاده کنید به دو دلیل :
اول اینکه امکان تغییر Encoding(یا همون سیستم نمایش کاراکترها) رو می تونین بدلخواه تغییر بدین (که چون ما از سیستم خاص Encoding فارسی استفاده می کنیم خیلی مهمه)
و دوم اینکه می تونین صفحه هاتون رو به زبان قابل فهم برای مرورگرهای مختلف وب مثل اینترنت اکسپلورر و اپرا و... ذخیره کنید که عبارتند از Htm یا Html که اولی برای ویندوزهای 3.x ودومی برای سیستم عامل Mac و همچنین win 9.x , me ,Nt , 2000, xp اسفاده میشه .خوب حالا فرق این دو تا فورمت با هم چیه ؟
راستش رو بخواین هیچی فقط چون ویندوزهای خانواده 3.x روی داس ماقبل نسخه 7 کار می کنن و در این نسخه ها بعد از نقطه فقط سه حرف قابل قبوله (استاندارد iso 9660) پس ناچارا اونجا باید پسوند فایلهای ما سه حرفی انتخاب بشه که میشه Htm
خوب حالا چطور این چیزا رو تغییر بدیم ؟
خیلی ساده فقط موقعی که save As رو زدید از منوی Encoding گزینه Unicode(UTF- رو انتخاب کنید و در قسمت File Name هم بعد از انتخاب اسم دلخواهتون و زدن یک نقطه(.) تایپ کنید Htm یا Html که هیچ فرقی نمی کنه
خوب بعد ازاینکه کارمون رو انجام دادیم و با اسم دلخواه خودمون ذخیره اش هم کردیم .برای اجرا کافیه که فقط روی اسم اون فایل دو مرتبه کلیک کنید .
یه توصیه می کنم که بهتره آموزشهایی که اینجا می گیریم رو علاوه بر پسوند Html با همون پسوند txt هم ذخیره کنید تا بعدا بتونین برای مراجعات بعدی هم به اونها مراجعه کنید البته هیچ نگران نباشید اگر هم این کار رو نکنید هر موقع که دلتون خواست می تونین از منوی View گزینه View Source رو انتخاب کنید و دوباره نوشته های خودتون رو ببینید
این روشی که بالا گفتم بسیار روش مناسبیه و باید سعی کنید در سرکشیهاتون به سایتها و صفحات دیگران هم زیاد ازش استفاده کنید چه بسا که خیلی از کدها و نکات کلیدی رو میشه از داخل طراحیهای دیگران بیرون کشید و ازشون استفاده کرد .این کار نه تنها ایرادی نداره بلکه بهترین شیوه تبدیل شدن به یک طراح حرفه ایه
خوب برای امروز کافیه درس بعدی مربوط میشه به مفاهیم کد نویسی HTML.یالا آستینا رو بزنین بالا ببینم چه می
کنید؟
البته بگم این فقط تستیه و اگه از این تاپیک استقبال نشه و بچه ها همکاری نکنن دیگه قطع میشه
8)