به نام خدا
HTML رو با Notepad یا TextEdit بنویسید
برای نوشتن و ویرایش HTML نرم افزارهای پیشرفتهای هست:
اما بیشتر بزرگان وب استفاده از Notepad (برای ویندوز) و TextEdit (برای مک) رو توصیه می کنند.از نظر اونا استفاده از ویرایشگرهای متنی ساده راه خیلی خوبی واسه یادگیری HTMLـه. (به قول معروف پایهتون قوی میشه :D )
اولین صفحه وب خودتون رو درست کنید!
شاید باورتون نشه اما شما می تونید توی ۴ مرحله یه صفحه وب درست کنید!
- مرحله ۱ : Notepad رو باز کنید!
۲تا راه واسه باز کردن Notepad هست. میتونید تو استارت اسمش رو جستجو کنید یا روی دسکتاپ راستکلیک کنید و یک New Text Document ایجاد کنید.
- مرحله ۲ : یه کوچولو HTML بنویسید!
کد زیر رو توی Notepad کپی کنید. میتونید اگه خواستید یه جاهاییش رو ویرایش هم بکنید که دلخواه خودتون بشه. بهرحال اولین فایل html شماست
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

- مرحله ۳ : فایل رو ذخیره کنید
تو منوی Notepad روی گزینه فایل کلیک کنید و بعد Save as رو بزنید. تو قسمت Save as type گزینه All files رو انتخاب کنید. اسم فایل رو هرچی دوست دارید بذارید فقط باید پسوند فایل رو htm یا html قرار بدید. (این دوتا پسوند با هم هیچ فرقی ندارند.)
- مرحله ۴: صفحه HTML خودتون رو توی مرورگر ببینید
هیجان انگیزترین بخش این کار سادهترین قسمتِ کاره! روی فایلی که ذخیره کردید ۲بار کلیک کنید. اگه همه کار رو درست انجام داده باشید چیزی شبیه تصویر زیر رو باید ببینید.

به نرمافزارهایی که برای گسترش و برنامهنویسی به کار میرن میگن IDE یا محیط یکپارچه توسعه نرمافزار
در زیر دوتا از IDEهای رایگان که برای برنامهنویسی وب به درد میخورن بررسی میکنیم:
++Notepad : این نرم افزار که جزو دسته Open Source به شمار میره یه نرم افزار جامع و کلی برای کدنویسی به حساب میاد که از زبانهای برنامهنویسی زیادی پشتیبانی میکنه. این نرم افزار با ++C نوشته شده و هدف سازنده اش هم این بوده که تا حد امکان حجم نرمافزار رو پایین بیاره و در عوض سرعت و کارایی رو بالا ببره.
از ویژگیهای مهم ++Notepad میشه به موارد زیر اشاره کرد:
- محیط کاربری ساده با قابلیت شخصیسازی
- برجسته کردن Syntaxها* و قابلیت جمع کردن هر Syntax
- پیدا کردن و جایگزین کردن (Search & Replace) کلمات در بین صدها خط کد
- بازکردن ۱۰ها فایل در قالب Tabهای افقی چندخطی و عمودی
- فهرست کردن فایلها به صورت عمودی
- نمایش نقشه کلی از فایلها
- کامل کردن خودکار کلمات و توابع به همراه راهنمایی برای پارامترهای توابع
- “What You See Is What You Get” یعنی هرچی که توی محیط NPP مینویسید همون چیزیه که دقیقاً پرینت میشه.
- قابلیت بزرگنمایی و کوچکنمایی
- پشتیبانی از محیط فارسی
- بوکمارک و نشانهگذاری
- قابلیت ضبط ماکرو (ماکرو مجموعهای از دستورهاست که برای جلوگیری از اتلاف وقت فقط یک بار نوشته میشه و بارها ازش استفاده میکنن)
* Syntax = مثل زبان گفتاری، زبان کامپیوتر هم قواعدی داره که بهشون Syntax میگن. مثلا در زبان php علامت $ (دلار) یعنی تعریف یک متغیر
برای دانلود ++Notepad میتونید از لینک زیر استفاده کنید:
Microsoft Webmatrix : از غول دنیای نرمافزار و سختافزار چه انتظاری دارید؟ وب ماتریکس یک ابزار کم حجم و رایگان برای ویرایش و گسترش دادن سایت هاست. این نرم افزار از زبانهای برنامهنویسی مختلفی پشتیبانی میکنه و با وردپرس، جوملا و سرویسهای فروش اینترنتی سازگاری داره. محیط کاربری این نرم افزار شباهت زیادی به برنامههای آفیس داره که باعث میشه براحتی بتونید باهاش کار کنید. راستی این نرم افزار یه سری الگو و قالب (Template) برای شروع کار داره که قطعا به دردتون میخوره.
ویژگیهای کلیدی MS Webmatrix :
- بهینه سازی شده برای کار با Open Source . میتونید براحتی نرمافزارهای تحت وب وردپرس و جوملا رو روی Webmatrix نصب کنید!
- از اونجایی که این روزا بیشتر سایت ها نسخه موبایل هم دارند، MS Webmatrix به شما کمک میکنه تا سایتتون رو برای موبایل و تبلت هم بهینه سازی کنید.
- استفاده از فضای ابری Windows Azure
- و دهها قابلیت دیگر…
برای دانلود Microsoft Webmatrix به لینک زیر مراجعه کنید: