جلسه قبل، مطالب کلی درباره برنامه نویسی، و انواع آن، گفته شده؛ مثل ارتباط زبان جاوا اسکریپت، با زبان سروری. اینبار میخواهم ارتباط جاوا را با زبان html بیان کنم.
• html یک زبان برنامه نویسی نیست؛ بلکه زبان طراحی است. شالوده هر صفحهای که در اینترنت میبینید، با این زبان نوشته شده است. مثلا این وبلاگ، و همین کلماتی که من مینویسم و شما میبینید. اگر بخواهم کلمهای را بنویسم، بزرگ شود، رنگی باشد، لینک داشته باشد، یا یک عکس وارد کنم، یا یک جدول طراحی کنم؛ همه و همه با این زبان است. متن، کیفیت متن (نوع، رنگ، اندازه)، عکس، جدول، فرم، دکمه؛ به وسیله زبان html نوشته میشوند.
کار با html
• نوشتن این زبان، احتیاج به محیط خاصی ندارد. مثلا زبان ویژول بیسیک را باید برنامه ویژوال بیسیک را نصب، و در محیط آن بنویسیم؛ ولی زبانهای وب، چنین محدودیتی ندارند. مثلا شما در یک متن ساده (Text)، میتوانید به راحتی، هم HTML بنویسید و هم Java و هم PHP.
• در رابطه با طراحی وب، برنامههایی ساخته شدهاند که ما را در هرچه راحتر، سریعتر، و دقیقتر نوشتن، کمک میکنند. مانند "فرانت پیج" (FrontPage) از مایکروسافت، و "دریم ویور" (Dreamweaver) از ماکرومدیا، و برنامههای دیگر. در این نوع نرمافزارها، امکاناتی تدارک دیده شده که کار با html را آسان و مطمئن کردهاند.
1- ویرایشگر قوی: امکان برگشت (Undo)، تا چندین مرحله. رنگی کردن قسمتهای مختلف کـُد، برای بهتر مشخص شدن دستورات.
2- ویژوالی شدن: ویژوال یعنی بصری، دیدنی، قابل دیدن. یعنی به جای کدنویسی در یک محیط ساده، برای ساخت یک دکمه، از دکمههای آماده در این برنامه استفاده میکنید. این نرمافزار، عناصر مختلف را به صورت آماده، در اختیار ما قرار داده است. کافی است شما آنها را انتخاب کنید.
3- کدهای آماده: بعضی از دستورات متدوال را به صورت آماده، ارائه میکنند.
4- غلط یاب: در صورت اشتباه نوشتن کد، اخطار میدهد.
مثال: برای ضخیم کردن یک کلمه در html ، باید این دستور را نوشت:
<b>مثال</b>
ولی در فرانت پیج، کافی است کلمه مورد نظر را انتخاب کنید، و در نوار ابزار، آیکون B را کلیک کنید.
داخل پرانتز: در اینجا نه قصد دارم فرانت پیج یا هر نرم افزار دیگری را آموزش دهم، و نه استفاده از آنها را به دوستان تازه کار، توصیه میکنم؛ چون ما را از هدفمان که یادگیری برنامه نویسی است دور کرده و باعث تنبلی میشود. تنها یک نرمافزار را پیشنهاد میکنم که از مدتها قبل، همراه و یار من در یادگیری و برنامه نویسی بوده. "1st Page 2000". این برنامه رایگان را میتوانید از این آدرس دریافت کنید.
ساختار HTML
یک صفحه وب، از دو قسمت سر (Head) و بدنه (Body) تشکیل شده، که به این صورت نوشته و مشخص میشود.
<html>شروع صفحه
<head>شروع سر
<Script>
دستورات جاوا
</Script>
</head>پایان سر
<body>شروع بدنه
محتویات صفحه: متن،عکس
</body>پایان بدنه
</html>پایان صفحه
اسکلت اصلی یک صفحه وب، به این صورت است.
واژه نامه:
کـُد (Code): دستور و فرمانی که به زبان برنامه نویسی، نوشته شده.
تَـگ (Tag): کوچکترین جزء یک کد. مثلا تگ سر = <head>؛ تگ بدنه = <Body>؛ تگ اسکریپت = <Scirpt>. هر تگ باید در داخل این دو علامت < >، قرار گیرد.
در جلسه آینده، به امید خدا، با انواع تگ، آشنا خواهیم شد.
به امید دیدار
خدانگهدار