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

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

در طراحی سایت استاتیک از زبان Html استفاده می گردد که مخفف آن Hyper Text  markup language  می باشد. زبان Html برای مشخص کردن فاکتورهای مختلف در صفحات وب برای تگ یا برچسب استفاده می گردد. به عنوان مثال برای وارد کردن یک عکس در صفحه وب از تگ <img>   استفاده می شود و یا برای تعیین یک پاراگراف در متن از تگ <P>  و </P> استفاده می شود این فاکتور ها توسط مرورگرهای اینترنت شناسایی می شود و آن ها را به راحتی به نمایش می گذارد. این پروسه بدین صورت می باشد که مرورگرهای اینترنت این کدهای Html را دریافت و شناسایی می کند و در نتیجه تفسیر کرده و به صورت صفحات وب به معرض نمایش می گذارد.

زبان Html نیاز به برنامه ای تخصصی ندارد . شما حتی می توانید با استفاده از Notepad ، صفحات وب مورد نظر خود را با زبان Html طراحی سایت کنید . استفاده از این زبان باعث می گردد صفحات وب طراحی شده تا حدود زیادی از کیفیت بالایی برخوردار باشد.

قالب بندی Html با استفاده از css

برای مشخص کردن فاکتورهای یک صفحه وب ، زبان Html بوجود می آید. بدین معنا که کدام بخش مربوط به متن و کدام بخش مربوط به عنوان و فاکتورهای دیگر است برای این روند یکسری تگ های استاندارد مانند <h1>, <P>, <table>,… مورد استفاده قرار می گیرد. این تگ ها بعنوان وظیفه برای Html در نظر گرفته می شود و به معرض نمایش درآوردن آن بر عهده مرورگر وب می باشد.

در ابتدا شاخص هایی نظیر رنگ، فونت و … را مرورگر انتخاب می نمود و زبان Html در قالب بندی فاکتورهای صفحات نقشی نداشتند. با گذشت زمان مرورگرهای بزرگ از تگ های جدید Html برای ظاهر صفحات وب و قالب بندی استفاده کردند. بعنوان مثال تگ <font> برای فونت متن و تگ <color> برای تعیین رنگ متن مورد استفاده قرار گرفت که قالب بندی صفحات وب را مشخص می نمود با استفاده از شیوه نامه ها و استایل( CSS ) ظاهر صفحات طراحی گردید.

استفاده از CSS  با Html 4.0 شروع شد که از استایل CSS  برای قالب بندی فاکتورهای صفحات وب استفاده شد . با شیوه نامه های CSS میتوان تغییر فونت یا تغییر رنگ در متن ها را انجام داد که این قابلیت قبلا در Html وجود نداشت با CSS در اختیار طراحان قرار گرفت.

بارگذاری نوشته های مرتبط بیشتر
بارگذاری بیشتر در طراحی سایت

پاسخ دهید

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

17 + 17 =

بررسی کنید

راهنمای قدم به قدم بالا بردن رنک سایت در گوگل (قسمت سوم )

بالا بردن رنک سایت | راهنمای قدم به قدم بالا بردن رنک سایت در گوگل (قسمت سوم ) : در قسمت ق…