دوره مجازی طراحی وب (جلسه 8): جدول ها و تگ های بخش بندی صفحه وب

- visibility ۷۵ mode_comment

در این جلسه در مورد جدول ها و تگ های html که برای تقسیم بندی و بخش بندی صفحات وب هست، صحبت خواهیم کرد. تگ های معرفی شده در این جلسه بسیار مهم هستند و برای ایجاد ساختار اصلی صفحات وب استفاده میشن. پس حتما این جلسه رو با دقت ببینید و تمرین کنید .

عموم مطالب ارائه شده در این جلسه عبارتند از :

  • تگ <table> و کاربردهای آن
  • تگ <caption> و کاربردهای آن
  • تگ <th> و کاربردهای آن
  • تگ <tr> و کاربردهای آن
  • تگ <td> و کاربردهای آن
  • تگ <thead> و کاربردهای آن
  • تگ <tbody> و کاربردهای آن
  • تگ <tfoot> و کاربردهای آن
  • تگ <colgroup> و کاربردهای آن
  • تگ <col> و کاربردهای آن
  • تگ <style> و کاربردهای آن
  • تگ <div> و کاربردهای آن
  • تگ <span> و کاربردهای آن
  • تگ <header> و کاربردهای آن
  • تگ <hgroup> و کاربردهای آن
  • تگ <footer> و کاربردهای آن
  • تگ <section> و کاربردهای آن
  • تگ <article> و کاربردهای آن
  • تگ <aside> و کاربردهای آن
  • تگ <details> و کاربردهای آن
  • تگ <summary> و کاربردهای آن
  • تگ <dialog> و کاربردهای آن
info توجه

این مطلب یک جلسه از دوره آموزش طراحی وب می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش طراحی وب

comment دیدگاه کاربران
میثم حمیدی

سلام
برای تگ tr نمیشه بردر تعریف کرد؟
اگر بخوایم بدون اینکه برای تگ های td بردر بذاریم زیر هر سطر از جدول خط ممتدی بندازیم چکار باید کرد؟

لقمان آوند

اینو تست کن ببین جواب میده برات :
tr {outline: thin solid black;}

میثم حمیدی

البته همین فقط کفایت میکنه

حمیدرضا شریف

یک مورد انتقادی :
در بخش آموزش html یک مورد مهم وجود داره که به شکل واضح توضیح داده نشده.
در رابطه با محدودیتها و ملاحظات استفاده از html5 با توجه به ساپورت مرورگرهای قدیمی ، به شکل مشخص توضیح داده نشد که کدام کدها استفاده ازشون به صلاح هست و کدامها نه یا حداقل برای من این مسئله بطور واضح مشخص نشد. یعنی من نفهمیدم که مثلا از attribute نامبر برای تگ input استفاده بکنم یا نه.
البته من خودم تحقیق کردم و جواب رو فهمیدم.
جوابی که بهش رسیدم این هست که از کدهای html5 فقط برای مفهومی کردن صفحه باید استفاده کرد و مواردی مثل type=color یا تگ dialog بهتر هست اصلا استفاده نشن چون باعث میشن وبسایت در مرورگرهای مختلف نمایش متفاوت و حتی مشکل داری داشته باشن.

لقمان آوند

سلام
بارها در دوره گفتیم که html5 رو معنا خیلی تاکید کرده و گفتیم جایی که معناگرایی مهمه از عناصر html5 در مکان صحیحش استفاده کنید. مواردی که گفتید تعدادشون خیلی زیاده. ما اشاره کردیم که برای اطلاع بیشتر به منبع ذکر شده مراجعه کنید و دقیقا بخونید …
ممنون از دیدگاهتون

حمیدرضا شریف

من پیشنهاد میکنم برای هر دوره آموزشی یک بخش انتقادی قرار بدید و بعد از جمع آوری نقاط ضعف و کمبودها اونها رو با اضافه کردن ویدئوهای تکمیلی برطرف کنید.

لقمان آوند

سلام
در حین تهیه ویدیوها بازخوردها رو از کاربرا می گیریم و در ادامه کارمون اعمال می کنیم. این رویه رو داریم معمولا …

Atrian Web

استاد آوند از شما خیلی ممنونم که با انرژی تمام و صادقانه بدون هیچ کم و کاستی آموزش می دهید. تمام آموزش های که شما تدریس کرده باشید را حتما میخرم ممنونم از زحماتتون خسته نباشید.
یا علی مدد

لقمان آوند

ممنون از لطفتون
از بابت رضایتتون خورسندیم

علی رضایی

سلام استاد
شما یه مقدار توضیحات تکراری و تقریبا مشابه هم رو برای تگ های طبقه بندی مثل div و section و article و … دادید و گفتید که به عنوان یه پروژه به عهده ی خودتون میزارم تا تفاوتش رو متوجه بشید اما در جلسه ی بعدش توضیح ندادید . اگه ممکنه بفرمایید تفاوت این تگ ها چیه
بنده الان اصلا نمیدونم که چطوری باید یه سایت رو طبقه بندی کنم .
ممنون

لقمان آوند

سلام
همه از لحاظ ظاهری تقریبا به یه شکل می تونن استفاده شن.
تفاوتشون در معناگرایی در html5 هست. تو html5 دقیقا پیشنهاد میشه که section رو برای چی و کجا به کار ببرید که از لحاظ معنایی کاربردش درست باشه. برای article هم همینطوره .
منتهی div معناگرا نیست و برای هر نوع تقسیم بندی های موجود در صفحه میشه ازش استفاده کرد .

سلام. از دیروز عصر نمی تونم فایل های آموزشی رو دانلود کنم. مشکلی پیش اومده توی سایت؟

وحید صالحی

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

itone

سلام و عرض خسته نباشید
استاد توی این درس گفته شد تگ div واسه گروه بندی عناصر بلاکی هستش یعنی ما نمیتونیم تگ q رو توی این تگ بگذاریم و انو استایل دهی کنیم ؟؟؟؟
یعنی اگه این کارو بکنیم خطالی کد محسوب میشه ؟؟؟

لقمان آوند

بله میشه

رضا محب

سلام
من سوالات را به ایمیل آقای لقمان آوند فرستادم جوابی نیامد تقریبا 1 ماه است سوالات را فرستادم و تلفن هم جواب داده نمی شود. باید چه کار کنم جواب سوالات داده شود؟
با تشکر از لطف شما

لقمان آوند

سلام
تلفن ها و ایمیل ها جواب داده میشند. ایمیلتون حتما نرسیده دستم چون روزانه پاسخ میدم ایمیل ها رو. مجددا ارسال کنید یا تماس بگیرید.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3