آموزش زبان HTML (جلسه ۶)

نرم افزارهای تخصصی طراحی وب

علاوه بر نرم افزارهای ساده ای که برای کدنویسی صفحات وب می توان مورد استفاده قرار داد، شرکت های مطرح تولید نرم افزار اقدام به طراحی نرم افزارهایی نموده اند که فرایند کدنویسی را بسیار ساده نموده بطوریکه برنامه نویس به هیچ وجه نیاز حفظ کردن کلیه دستوارت ندارد. گاهی اوقات شرایط از این هم به مراتب راحت تر شده بطوری که برنامه نویس به جای آن که کدهای مرتبط با مثلا یک دکمه را وارد کند، به سادگی می تواند به صورت کاملاً «بصری» روی یک دکمه کلید کرده و آن دکمه ایجاد شود.
به طور کلی این دست از نرم افزارها تحت عنوان IDE شناخته می شوند. این اصطلاح مخفف واژگان Integrated Development Environment به معنی “محیط توسعه یکپارچه” است.
از جمله این IDE ها می توان به نرم افزار شرکت معروف ادوبی تحت عنوان Adobe Dreamweaver اشاره کرد که آخرین نسخه آن (در زمان نوشتن این آموزش که سال ۱۳۹۲ است) نسخه CC است و این در حالی است که این نرم افزار غیر رایگان است. در حقیقت با استفاده از این نرم افزار می توان به سرعت یک وب سایت را طرحی نموده و روی شبکه اینترنت قرار داد:

Screenshot_34

این نرم افزار امکان نمایش بصری صفحات اچ تی ام ال را نیز علاوه بر نمایش کدها برای برنامه نویس فراهم آورده است بطوری که بدون نیاز به مرورگر می توان خروجی کدهای اچ تی ام ال را مشاهده کرد (لازم به ذکر است که نتایجی صفحات وب که داخل این نرم افزار مشاهده می کنیم خیلی دقیق نیستند و برای دیدن نتیجه اصلی می بایست از یک مرورگر استفاده کرد).
شرکت مایکروسافت یک IDE قدرتمند تحت عنوان Microsoft Expression Web به دنیا معرفی کرده است که علاوه بر زبان های NET. از زبان های اچ تی ام ال، سی اس اس و پی اچ پی هم پشتیبانی می کند:

Microsoft_Expression_Studio

شرکت ادوبی که غالب محصولات آن غیر رایگان است، اقدام به طراحی یک ویرایشگر متن تحت عنوان Brackets نموده است که علاوه بر آن که رایگان است از زبان های اچ تی ام ال، سی اس اس، و پی اچ پی به خوبی پشتیبانی می کند و همچنین دارای محیط گرافیکی ساده و جذابی می باشد:

ویرایشگر Brackets

علاوه بر این نرم افزار، می توان به نسخه پیشرفته نرم افزار Notepad تحت عنوان ++Notepad اشاره کرد که به صورت رایگان قابل استفاده است:

Notepad++-

همانطور که می بینیم رابط گرافیکی این نرم افراز بسیار شبیه به نرم افزار Notepad است با این تفاوت که امکانات بیشتری در اختیار برنامه نویس قرار می گیرد (ممکن است که این سوال برای برنامه نویسان مبتدی پیش آید که آیا این نرم افزار نسخه +Notepad هم دارد یا خیر. در حقیقت در برنامه نویسی زمانیکه بخواهیم یک واحد بیشتر را نمایش دهیم از دو علامت به علاوه پشت سر هم استفاده می کنیم. مثلا زمانیکه زبان برنامه نویسی C تکمیل شد و امکانات بیشتری به آن اضافه شد زبان ++C آمد. این بدان معنی است که زبان ++C نسخه بعدی زبان C است. بنابراین نرم افزار ++Notepad نسخه پیشرفته نرم افزار Notepad است).
از برخی ویژگی های نرم افزار ++Notepad می توان به موارد زیر اشاره کرد:
•    رایگان بودن
•    پشتیبانی از اکثر زبان های برنامه نویسی
•    سهولت در استفاده از آن
•    Code Hinting
•    Code Highlighting
به طور کلی منظور از Code Hinting این است که نرم افزار در حین کدنویسی به برنامه نویس کدهای مرتبط با کدی که می نویسد را نشان می دهد.
منظور از Code Highlighting این است که نرم افزار بخش های مختلف کد را به رنگ های مختلفی نشان می دهد تا برنامه نویس بتواند به سادگی کدهایی را که نوشته را تشخیص دهد.

چرا نمی توان از نرم افزای همچون Word استفاده کرد؟
در کدنویسی ما صرفاً نیاز به متن ساده یا اصطلاحاً Plain Text داریم. در اسنادی که با نرم افزاری همچون Word شرکت مایکروسافت نوشته می شوند اطلاعاتی اضافی همچون Bold, Italic و … به کدهایی که می نویسیم اضافه می شوند که کاملاً غیر ضروری هستند. بنابراین به هیچ وجه استفاده از این نرم افزار برای کدنویسی استفاده نخواهیم کرد.

نرم افزارهای مورد نیاز برای برنامه نویسی به زبان اچ تی ام ال (html)

نکته ای که در ارتباط با فراگیری زبان اچ تی ام ال وجود دارد این است که برای فراگیری این زبان و بالتبع ساخت یک وب سایت استاتیک به هیچ نوع نرم افزار غیر رایگانی و یا نرم افزار خاصی نیاز نداریم که می شود گفت این یکی از محاسن فراگیری این زبان است.
به عبارت دیگر برای نوشتن کدهای اچ تی ام ال نیاز به یک نرم افزار ویرایش متن و برای نمایش کدهایی که می نویسیم نیاز به یک مرورگر وب داریم. خوشبختانه هر دو نرم افزاری که در بالا به آن ها اشاره شد در هر سیستم عاملی به صورت پیش فرض وجود دارند. اگر سیستم عامل ما ویندوز باشد نرم افزاری تحت عنوان Notepad وجود دارد که می توان برای ویرایش کدهای اچ تی ام ال از آن استفاده کرد. در این سیستم عامل مروگری تحت عنوان اینترنت اکسپلورر وجود دارد که کار نمایش صفحات وب را برای ما انجام خواهد داد. برای دسترسی به نرم افزار Notepad می توان طبق تصویر زیر عمل کنیم:

نوت پد

همانطور که در تصویر فوق مشخص است، پس از ورود به بخش Start ویندوز وارد All Programs شده سپس گزینه Accessories را انتخاب می کنیم. زیر شاخه این منوی گزینه ای وجود دارد تحت عنوان Notepad که با یک بار کلیک کردن روی آن این برنامه اجرا خواهد شد:

صفحه نوت پد ++

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

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)