گروه آموزش طراحی سایت ۲۷ شهریور ۱۳۹۰ بدون نظر 1709 بازدید

HTML چیست؟

  • HTML مخفف عبارت Hyper Text Markup Language می باشد.
  • HTML یک زبان نشانه گذاری است.
  • از HTML برای طراحی صفحات وب استفاده می شود.
  • فایل های html با یکی از دو پسوند .html و .htm ذخیره می شوند. (تفاوتی میان دو پسوند وجود ندارد، اما استفاده از پسوند html رایج تر و رساتر هست)
  • یادگیری html ساده است.

HTML چه چیز نیست؟

  • اچ تی ام ال یک زبان برنامه نویسی نیست.
  • با html تنها، نمی توان صفحات وب را طراحی کرد. بلکه نیاز هست که اچ تی ام ال را همراه سایر موارد، مانند سی اس اس (css)، جاوااسکریپت (java script) و … به کار گرفت.

یک نمونه کد hml

در زیر یک نمونه کد اچ تی ام ال را برای شما می آوریم تا نمونه ای در ذهن شما شکل بگیرد:

<p>you can find html tutorials on <a href="https://onliner.ir">Onliner</a> to learn easily.</p>

طراحی سایت با html

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

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

سپس با استفاده از html و css (و البته شاید جاوااسکریپت و فلش) فایل گرافیکی طراحی شده تبدیل به یک صفحات وب استاتیک (با محتوای ثابت) می شوند:

نقش html: تعیین قسمت های مختلف وب سایت (از قبیل هدر، سایدبار، فوتر، محتوا و …) با استفاده از نشانه گذاری های اچ تی ام ال.

نقش css: قالب بندی و سبک دهی عناصر مختلف صفحه که توسط اچ تی ام ال مشخص شده اند. (تعیین اندازه ها، رنگ بندی ها، به کار بردن تصاویر پس زمینه، تعیین موقعیت ها، تعیین فاصله ها و …)

در مرحله ی نهایی صفحات طراحی شده بوسیله ی اچ تی ام ال و سی اس اس به سیستم های مدیریت محتوا تبدیل می شوند.

نظرات کاربران (۰)