PDA

View Full Version : آموزش: ایجاد جدول



raha1234567
جمعه 22 مرداد 1389, 02:43 صبح
جداول در Html برای ساخت بدنه برنامه بسیار زیاد استفاده میشود که من در اینجا به توضیح آنها می پردازم

تگ <table> </table> : این تگ بدنه جدول را می سازد

<tr>: سطرها را ایجاد می کند

<td>: ستون ها را ایجاد می کند
نمونه کوچکی از ایجاد جدول البته بخاطر نداشتن border دیده نمی شود.




<table>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>



خصوصیات :
Border:

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



<"table border="1>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>

Alignment:

با گذاشتن این خصوصیت در تگ td میتوان مکان قرار گرفتن متن را مشخص کرد که سه گزینه left,right,center دارد.




<td width="150" height="30" >



bgcolor:
با این خصوصیت می توان رنگ زمینه را معین کرد که هم میتوان به صورت کد رنگ نوشت و هم به صورت نام رنگ در ""



<td width="150" height="30" bgcolor="#FFFFFF">


در زیر یک از ایجاد جدول میذارم امیدوارم بدردتون بخوره حالا بایک خلاقیت میتونید صفحه مرورگرتون هم جدول بندی کنید



<table border="2">
<tr>
<td width="150" height="20" bgcolor="#FFF0F5"> نام درس</td>
<td width="150" height="20" bgcolor="#FFF0F5">روز</td>
<td width="150" height="20" bgcolor="#FFF0F5">ساعت</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ادبيات</td>
<td width="150" height="30" bgcolor="#FFFFFF">دوشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي </td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ساختمان داده</td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي وب</td>
<td width="150" height="30" bgcolor="#FFFFFF">جمعه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
</table >




برچسب های جدول

برچسب ها توضیحات <table> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_table.htm) یک جدول معرفی می کند <th> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_th.htm) سرتیتر جدول معرفی می کند <tr> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tr.htm) یک سطر جدول معرفی می کند <td> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_td.htm) یک سلول جدول معرفی می کند <caption> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_caption.htm) عنوان جدول معرفی می کند <colgroup> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_colgroup.htm) یک گروه از ستون ها معرفی می کند <col> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_col.htm) یک مقدار موجودیت برای یک یا چند ستون معرفی می کند <thead> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_thead.htm) سر یک جدول را معرفی می کند <tbody> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tbody.htm) بدنه یک جدول را معرفی می کند <tfoot> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tfoot.htm) پاورقی جدول را معرفی می کند



دوستان توجه داشته باشد که

میزان تشکرهای شما =میزان رضایتتان

و

میزان رضایتتان = تشویق من برای گذاشتن دیگر تایپیک ها

ehsan_y
جمعه 22 مرداد 1389, 02:56 صبح
یه سوال داشتم شایدم یه خورده نامربوط باشه ببخشید

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

raha1234567
جمعه 22 مرداد 1389, 03:47 صبح
منظورتون را متوجه نشدم یعنی میخوایند جدولها رو جای دیگه ای ایجاد کنید و در یک صفحه دیگه هم رو باهم نشان بده؟؟؟؟

binyaft
جمعه 22 مرداد 1389, 10:28 صبح
اقا خوب به نظر من اگر به جای ایجاد table میومدی اموزش ایجاد یک صفحه رو با div میدادی بهتر بود ، table دیگه داره منسوخ میشه :چشمک:

raha1234567
جمعه 22 مرداد 1389, 11:00 صبح
اقا خوب به نظر من اگر به جای ایجاد table میومدی اموزش ایجاد یک صفحه رو با div میدادی بهتر بود ، table دیگه داره منسوخ میشه :چشمک:

هر چیز جای خود دارد اگه بعضی وقتا صفحه شما جدول بندی داشته باشه بهتره .
تا چند روز آینده آموزش div میذارم

binyaft
جمعه 22 مرداد 1389, 11:36 صبح
ممنون

هر چیز جای خود دارد اگه بعضی وقتا صفحه شما جدول بندی داشته باشه بهتره .
چه وقت هایی؟؟؟
شما هر چیزی رو کا با table ایجاد کنید ، استاندارد ترش رو با div میشه ایجاد کرد

Web.Designer01
جمعه 22 مرداد 1389, 12:31 عصر
هر چیز جای خود دارد اگه بعضی وقتا صفحه شما جدول بندی داشته باشه بهتره .
تا چند روز آینده آموزش div میذارم
دوست عزیز تا جایی که من تو این چند روز متوجه شدم قالب بندی صفحه با جدول، دیگه منسوخ شده و هیچ کس صفحشو با تیبل قالب بندی نمیکنه به خاطر مشکلاتی که داره و به خاطر مزایای قالب بندی با div و css (مثل cache شدن فایلهای css توسط مرورگر و سرعت لود بالاتر ) همه از این روش استفاده میکنن.
به نظر من اگه کلا تاپیکو پاک کنی و همون آموزش طراحی با div رو بذاری بهتره.
موفق باشید

ehsan_y
جمعه 22 مرداد 1389, 12:43 عصر
یه سوال داشتم شایدم یه خورده نامربوط باشه ببخشید

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

من بوسیله کد های پیتون تونستم از یه سایت یه سری اطلاعات بگیرم که میخام این اطلاعات رو توی اکسل ازش استفاده کنم اگه فقط جدول رو داشته باشم این کار خیلی راحته.
نمونش فایل ضمیمه است.
فایل 1 رو دارم
میخام تبدیل بشه به فایل 2

raha1234567
جمعه 22 مرداد 1389, 15:09 عصر
دوست عزیز تا جایی که من تو این چند روز متوجه شدم قالب بندی صفحه با جدول، دیگه منسوخ شده و هیچ کس صفحشو با تیبل قالب بندی نمیکنه به خاطر مشکلاتی که داره و به خاطر مزایای قالب بندی با div و css (مثل cache شدن فایلهای css توسط مرورگر و سرعت لود بالاتر ) همه از این روش استفاده میکنن.
به نظر من اگه کلا تاپیکو پاک کنی و همون آموزش طراحی با div رو بذاری بهتره.
موفق باشید

من واسه شما یک صفحه می ذارم که با جدول درست شده و یک صفحه که با div طراحی شده را شما بذارید می خوام مقایسه کنند دوستان که کدوم بهتره.

raha1234567
جمعه 22 مرداد 1389, 15:45 عصر
من هردوش را گذاشتم
دوستان من قبول دارم که div o,fi ولی در Htmlتمامی دستورات کنار همه که به برنامه قشنگی میده و div , table هم باهم می تونند کار قشنگی رو به ما بدند.

Web.Designer01
جمعه 22 مرداد 1389, 16:10 عصر
من واسه شما یک صفحه می ذارم که با جدول درست شده و یک صفحه که با div طراحی شده را شما بذارید می خوام مقایسه کنند دوستان که کدوم بهتره.
http://barnamenevis.org/forum/showthread.php?t=217788
نمونه کار طراحی شده با div،قضاوت با خودتون!

binyaft
جمعه 22 مرداد 1389, 20:24 عصر
اقا لج نکن دیگه :گریه:
این یه و اقعیته : هر کسی که از طراحی وب و سئو سرش بشه دیگه از table استفاده نمیکنه