نرم افزار مدیریت

معرفی HTML و طراحی وبسایت

html یک زبان و کد برای طراحی وب سایت های اینترنتی ایستا و پویا است. html ها کدهای خاصی هستند که  می توانید آن ها را باسایر کد ها و زبان ها ترکیب نمایید.  اچ تی ام ال مخفف زبان نشانه گذاری فرا متین است.

معرفی HTML و طراحی وبسایت

آشنایی با یک فایل HTML

HTML مخفف hyper text markup language یا به فارسی زبان نشانه گذاری فرا متنی است. یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذار است ، بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد. اچ تی ام ال ها با پسوند یا فرمت .html و یا .htm هستند. می توانید یک فایل HTML را با یک ویرایشگر ساده ویندوز بسازید.

معرفی HTML و طراحی وبسایت

ساخت یک فایل HTML

اگر با سیستم عامل ویندوز کار می کنید با برنامه note pad می توانید یک فایل html تولید کنید. ابتدا برنامه note pad را اجرا نمایید و سپس کدهای زیر را تایپ کنید.

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>

فایل را تحت عنوان “mypage.htm”ذخیره نمایید. مرورگر اینترنت خود را باز نمایید، از منوی فایل گزینه open یا open page را انتخاب کنید. یک جعبه گفتگو ظاهر می گردد .گزینه brows یا choose file را انتخاب کنید و در مکانی که فایل اچ تی ام ال خود را ساخته اید قرار گیرید. آن را انتخاب نمایید و بر روی گزینه open کلیک کنید. اکنون یک آدرس در جعبه گفتگوی خود مشاهده می کنید. برای نمونه “C:\mypage.html” بر روی گزینه ok را کلیک کنید. حال مرورگر صفحه را به شما نشان خواهد داد.

به هر برچسب یک تگ می گویند در ابتدای صفحاتی که با کد اچ تی ام ال نوشته شده می توانید تگ <html> را مشاهده کنید. این کد به مرورگر می گوید که این صفحه ، یک صفحه نوشته شده با کدهای اچ تی ام ال است. در آخر صفحه های اچ تی ام ال نیز تگ <html> وجود دارد. این تگ به مرورگر اعلام می کند که این انتهای یک فایل اچ تی ام ال است.

بعد از آن نوبت تگ header است اطلاعات این قسمت در پنجره مرورگر قابل مشاهده نیستند. تگ <title> عنوان صفحه شماست . عنوان صفحه در قسمت عنوان صفحه مرورگر نشان داده خواهد شد. متنی که در مرورگر نمایش داده می شود ، متنی است که بین برچسب <body> قرار دارد. متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده می شود.

معرفی HTML و طراحی وبسایت

آشنایی با پسوند

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

توجه به ویرایشگر های HTML

به راحتی می توان با استفاده از یک ویرایشگر WYSIWY)”what you see is what you get”) فایل های با پسوند و فرمت  اچ تی ام ال را ویرایش نماید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill و…
اگر قصد این را دارید تا یک توسعه دهنده وب توانمند باشید توصیه می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه اچ تی ام ال را به خوبی فرا بگیرید.

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

 

منبع : http://www.parsi1.com

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین مطالب
پربیننده هفته
پربیننده ماه

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