مفهوم کامنت و لزوم مصرف از آن

طراحي سايت ارزان

طراحی سایت,طراحي سايت ارزان,webtarahan

نظم در پروگرام نویسی اهمیت بالایی دارد به طوری که می بایست پروگرام نوشته شده توسط شما قابل دنبال کردن توسط پروگرام نویس دیگری باشد. یکی از وسائل هایی که در این زمینه به ما یاری می نماید گذاشتن کامنت است.
کامنت در واقع نوشته هایی است که در سورس پروگرام وجود دارند ولی در نمایش خروجی ظاهر نمی شوند . کامنت گذاری در HTML CSS JavaScript کاربر د بسیار زیاد ی دارند. به مثال زیر دقت بکنید :

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

content=”text/html; charset=utf-8″/>

I really, really like this XHTML stuff.

و خروجی بدین صورت است:

در واقع با کامنت شرح داده است که چرا از تگ em استفاده کرده است. کامنت گذاری در HTML بیشتر برای جدا کردن سری های مختلف وب وبسایت است به طور مثال سری منو را با کامنت معین می کنیم می گویم برای مثال این پارت از HTML جهت منو است.

روش نوشن کامنت در HTML بدین صورت است:

در جاوا اسکریپت به ۲ صورت زیر صورت :

/* comment */
// comment

و در CSS :

/* comment */

بگذارید یک ذره جلوتر برویم یک استفاده پیشرفته تر کامنت را براتون توضیح بدهم :

استفاده دیگر کامنت زمانی است که می خواهید سری ی از کد خودتونو نمایش ندید یا برای مدتی پنهان بکنید در آن زمان است که پارت مربوطه را کامنت می بکنید که بعدا قابل برگشت است .

Current Stock

The following items are available for order:

Dark Smoke Window Tinting

Bronze Window Tinting

Spray mount
Craft knife
–>

و نیز اکنون خروجی برنامـه

دقت بکنید که ۲ مورد li نمایش نمی یابد ولی حذف نشده تا ممکن است در آینده دوباره فعال شوند.
کاراکترها وسمبل ها و روش استفاده در XHTML

بسياري موارد پیش می آید که می خواهید در متن خود مانند نوشتن همین مقاله از کاراکترهایی مثل > ویا & یا هر کاراکتر ویِژگزینشه دیگری استفاده بکنید . در XHTML ما به جای درج مستقیم این کاراکترها از کد خاصی که جهت آنها تعریف شده مصرف می کنیم. جهت مثال به جای & از & مصرف می کنیم این یکی از فرق های HTML با XHTML است ، به مفهوم اگر بدین صورت عمل نکنیم سند ما Valid نخواهد شد.
صفحه اول نقطه شروع هر وب سایت

نقطه شروع هر وب وب سایت صفحه اول آن است که با نام index ویا default شناخته خواهد شد. ما در مثال کاربر دی تگ هایی که تاکنون آموختیم به اضافه دو خصوصیت جدید اضافه کردن عکس ارسال پست الکترونیکی را خواهیم آموخت.

مثال زیر را در ادیتور بنویسید و با نام index.html ذخیره نمایید

BubbleUnder.com

Diving club for the south-west UK – let’s make a splash!

Welcome to our super-dooper Scuba site

Glad you could drop in and share some air with us! You’ve
passed your underwater navigation skills and successfully
found your way to the start point – or in this case, our home
page.

About Us

alt=”A circle of divers practice their skills”/>

When we’re not diving, we often meet up in a local pub
to talk about our recent adventures (any excuse, eh?).

Contact Us

To find out more, contact Club Secretary Bob Dobalina
on 01793 641207 or href=”mailto:[email protected],com”>email
[email protected]

هم اکنون خروجی را ببینیم :

درباره تگ های p و h قبلا حرف کرده ایم ولی اینجا در قسمت contact متن آبی رنگی را می بینید که لینک است یعنی تگ a ولی یک لینک معمولی نیست .این لینک برای ارسال پست الکترونیکی است اگر در ویندوز خود پروگرام مدیریت ایمیل داشته باشید مانند outlook با آن می توانید به فرد مورد نظر پست الکترونیکی ارسال نمایید.
صفحاتی که تاکنون درست کرده ایم به صورت متنی خیلی کسل کننده است و برای جذابیت بیشتر می بایست از عکس زیبا ها استفاده کرد . با استفاده از تگ img می توان تصاویر را به صفحه اضافه کرد. بدین ترتیب :

”A

این تگ تگ empty است دارای attribute های زیر است :

src برای آدرس عکس

alt برای شرح عکس

width عرض تصویر به پیکسل

height ارتفاع تصویر به پیکسل

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

Alt متنی است که عکس زیبا را توصیف می نماید و در مرورگرهای متنی و یا زمانی که مرورگر تصاویر را نشان نمیدهد به جای نمایش عکـس این متن نمایش می یابد اما خاصیت دیگر ارزش ش جهت موتورهای جستجو است.

این نکته را در انتها اضافه کنم که برای Valid شدن در XHTML صفحه وجود alt الزامی است .