طراحي سايت با اچ تي ام ال (HTML)

اچ تي ام ال چيست؟

اچ‌تي‌ام‌ال زبان تعريف ساختار صفحه‌هاي وب است.اين كلمه مخفف كلمه ي Hyper Text Markup Language  به معني زبان نشانه گذاري ابر متن يازنگام  است.

زبان HTML نوعي بخصوصي از زبان xml است كه از تعدادي tag html كه بناي صفحات را تشكيل مي دهند ساخته شده كه هر تگ يه معناو مفهوم خاص خود را دارد .تگ گذاري را در زبان html  نشانه گذاري ميگويند. مرورگر ها هيچكدام از كدها و كنترل هاي سمت سرور همچون كدهاي ASP و PHP را شناسايي نمي كنندو كد قابل فهم براي آنها اچ تي ام ال مي باشد. هر تگ خاصيت و كاربرد بخصوصي دارد. بخش هاي مختلف وب توسط اين اجزا در html از هم جدا مي شوند و ما براي هر عنصر بايد از تگ مربوط به آن استفاده كنيم. مثل عناوين، تصاوير، فهرست‌ها، بندها و جداول …

عموما تمامي زبانهاي برنامه نويسي تحت وب، به نوعي وابسته به اچ تي ام ال مي باشند. به طور مثالPHP،جاوا اسكريپت و برنامه نويسي دات نت از html كمك مي گيرند بطوري كه كدهاي نوشته شده در قالب خاصي، در بين كدهاي اچ تي ام ال قرار داده مي شود.

كدهاي HTML و مفهوم آن
چيزي كه هنگام بازديد از يك صفحه اينترنتي مشاهده مي كنيد، نتيجه ترجمه و تفسير مرورگر شما از كد هاي html است. پسوند فايلهاي زبان html بصورت htm. يا html. مي باشد. مرورگر هاي وب تك تك دستورات اين صفحات را كه شامل همان تگ ها مي باشد تفسير مي كند.و در انتها خروجي را براي كاربر به نمايش مي گذارد. در يك صفحه html مي توان از انواع عناصر از قبيل متن ، تيتر ، عكس ، جدول  و …براي طراحي سايت استفاده نمود ، كه براي هر عنصر بايد به ترتيب از تگ ابتدايي و انتهايي <> … مربوط به آن استفاده كرد.

محتواي طراحي صفحات اينترنتي
محتواي سايت ها و صفحات اينترنتي شامل اطلاعاتي هستند كه حاوي نوشته ، تصاوير گرافيكي ،  و … مي باشند. اين محتوا از سه لايه تشكيل شده است:

لايه محتوي يا Content كه با زبان html ايجاد مي شود.

لايه نمايش يا Presentation كه به وسيله زبان CSS ايجاد مي شود.

لايه رفتار يا Behavior كه به وسيله زبان  JavaScript ايجاد مي شود

برنامه هاي تحت طراحي وب به دو دسته تقسيم مي شوند:
برنامه هاي استاتيك: برنامه هايي هستند كه صفحات آنها از متن، تصوير، صوت و لينك ها … تشكيل شده اند و  درواقع اين نوع صفحات با كاربر تعاملي ندارند و صرفا كاربر مي تواند موارد داخل اين صفحات را ببيند. زبان html در طراحي و ساخت صفحات استاتيك مورد استفاده قرار مي گيرد. همچنين ظاهر صفحات وب را مي توان با آن طراحي كرد.

برنامه هاي ديناميكي: برنامه هايي هستند كه داده اي را از كاربر دريافت مي كند و آن را مورد پردازش قرار مي دهند، و در انتها نتيجه آن رابه كاربر نشان مي دهد.