این پاورپوینت آشنایی با طراحی وب را بررسی کرده و به مباحثی مانند HTML، تگ ها، ساختار صفحات وب، اضافه کردن لینک ها، تصاویر و جداول می پردازد.
مقدمه
طراحی وب یکی از مهم ترین مباحث در دنیای دیجیتال است که به طور مستقیم با نحوه نمایش اطلاعات در صفحات وب ارتباط دارد. هر صفحه وب به عنوان سندی در فضای اینترنت عمل می کند که توسط مرورگرهای وب نمایش داده می شود. این صفحات وب از کدهایی تشکیل می شوند که استانداردهای مشخصی مانند HTML برای ساختاردهی و نمایش صحیح محتوا به کار می روند. این کدها، که به آن ها تگ یا برچسب گفته می شود، نحوه نمایش متن، تصاویر و سایر عناصر را در صفحه وب مشخص می کنند.
برای آشنایی با طراحی وب، ابتدا باید با کدها و عناصر صفحات HTML آشنا شویم. HTML یا زبان نشانه گذاری استاندارد صفحات وب، یکی از زبان های اصلی برای ساختاردهی محتوای صفحات وب است. HTML به وسیله تگ ها و ویژگی ها (Attributes) اطلاعات را به مرورگر ارائه می دهد تا صفحه وب به درستی نمایش یابد. درک صحیح و کامل این زبان، اولین قدم برای ورود به دنیای طراحی وب است.
در این پاورپوینت، به تشریح تگ ها و ویژگی های مختلف HTML پرداخته می شود. از جمله مهم ترین بخش ها، آموزش نحوه استفاده از تگ های پایه ای HTML مانند html, head, body, و همچنین ویژگی هایی مانند id, class و style است که به طراحان وب کمک می کند تا کنترل دقیقی بر نحوه نمایش محتوای صفحات داشته باشند.
یکی از نکات کلیدی در طراحی وب، استفاده صحیح از لینک ها است. لینک ها به عنوان مهم ترین ابزار برای ایجاد ارتباط بین صفحات وب و نیز دسترسی به منابع خارجی به شمار می آیند. در این پاورپوینت، علاوه بر معرفی انواع لینک ها، نحوه افزودن آن ها به صفحات وب و ویژگی های مختلف آن ها مانند target="_blank" و href نیز توضیح داده می شود.
همچنین، طراحی صفحات وب نیازمند توانایی در کار با تصاویر و جداول است. استفاده از تگ های برای قرار دادن تصاویر در صفحات وب و تگ های table tr, td برای ساختاردهی داده ها به صورت جداول، از مباحث دیگری است که در این پاورپوینت به آن پرداخته می شود. این بخش ها به طراحان این امکان را می دهند که محتوای وب سایت خود را به صورت جذاب و کاربردی نمایش دهند.
فهرست مطالب
آشنایی با کدها و عناصر صفحات HTML
یادآوری و پرسش و پاسخ
صفحه وب یا (Web Page)
ساخت اولین صفحه وب
HTML Basic
HTML Advanced
تشریح یک سند HTML
Tag Attributes
آشنایی با برچسب ها و ویژگی های بیشتر
Page Format
Adding Links
Adding links, cont
Tables
Adding Images
Images, Cont
HTML Quick Reference
HTML Color Table
Special Characters (" & £ etc)
