عکس هنرپیشه ها

عکس هنرپیشه ها

عکس هنرپیشه ها

  • پنل اعضا

  • آمار بازدید

    • کل (online):۶۶۶۹
    • اعضاء (online):۰
    • میهمان (online):۶۶۶۹
    • بازدید امروز::۵۷۷
    • بازدید دیروز::۳۲۸۹
    • بازدید کل::۴۷۳۵۰۹۴۳
  • نظرسنجی

    کرونا ساخت کجاست؟

  • تبلیغات

با عضویت در سایت، شما نیز می توانید مطالب جالب خود را برای ما ارسال نمایید، تا به نام خودتان در سایت نمایش داده شود.

جهت ارسال مطالب خود بایستی ،عضو سایت باشید.

سبد خرید

چند لحظه صبر كنيد ...

چند لحظه صبر كنيد ...
اين کالا به سبد خريد شما اضافه شد
اين کالا را قبلا به سبد خريد خود اضافه کرده ايد
کالا مورد نظر از سبد خريد شما حذف شد
{ STORE_ERROR }
حذف شود؟
  • کد رهگیری

03 مهر 1399 |

خوش آمديد!
خوش آمديد!

با عضویت در سایت، شما نیز می توانید مطالب جالب خود را برای ما ارسال نمایید، تا به نام خودتان در سایت نمایش داده شود.

جهت ارسال مطالب خود بایستی ،عضو سایت باشید.

دسته بندی

  • درس 19 - آرایش در جدول

  • آرایش در جدول اهداف این درس 1- آرایش جدول در یک صفحه وب با ردیفهای افقی و عمودی در یک نمایش متن در یک صفحه مشبک 2- یکپارچه کردن عکسها و متون 3- ایجاد جدولی با سلولهایی با رنگهای متفاوت 4- ایجاد جداولی که در زمینه آنها از عکس استفاده شده است .
  • تعداد بازدید : ۲۱۹۱
    تاریخ نشر : 21 تير 1391

درس 19 - آرایش در جدول

آرایش در جدول اهداف این درس 1- آرایش جدول در یک صفحه وب با ردیفهای افقی و عمودی در یک نمایش متن در یک صفحه مشبک 2- یکپارچه کردن عکسها و متون 3- ایجاد جدولی با سلولهایی با رنگهای متفاوت 4- ایجاد جداولی که در زمینه آنها از عکس استفاده شده است .
درس 19 - آرایش در جدول

 
آرایش در جدول 


اهداف این درس

1- آرایش جدول در یک صفحه وب با ردیفهای افقی و عمودی در یک نمایش متن در یک صفحه مشبک
2- یکپارچه کردن عکسها و متون
3- ایجاد جدولی با سلولهایی با رنگهای متفاوت
4- ایجاد جداولی که در زمینه آنها از عکس استفاده شده است .

شروع درس 

جداول با HTML3 معرفی شد و بعدها با Netscape گسترش پیدا کرد که آرایش را برای المانها و عناصر در صفحه انجام می داد . یکی از بیشترین استفاده های جدول زمانی است که شما می خواهید ستونی از متن را اضافه کنید .
کدهای HTML برای جداول ممکن است خیلی پیچیده به نظر برسد اما ما با ساخت جداول ساده ای کار را شروع می کنیم .
جداول از انتهای چپ با ستونهایی به سمت راست شروع می شوند . سپس ردیف دوم نیز با چنین ستونهایی ادامه دارد و ...
-- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > هر کدام از این خانه های مشبک را یک Cell می نامند .
 


< b >تگ < Table >< /b > 

 



صفت border در تگ Table به مرورگر می فهماند که یک قابی در دور جدول با ضخامت مختلفی که عدد آن بر حسب pixel برابر با مقدار Border قرار می گیرد ، ایجاد کنید هر سطر با تگهای < tr > ... < / tr > ایجاد می شود و اطلاعات هر ردیف با ستونهای آن که با تگ < td > ... < / td > ایجاد می شود توصیف می گردند .
هر تگ < td > ...< / td > می تواند شامل انواعی از تگهای HTML مثل سرفصلها و ابر متنها و تصاویر خطی و غیره باشد ، صفات زیادی را برای تراز کردن اقلام جدول می توانید به کار ببرید .
 

     
< td align=left >aligns all elements to the left side of the cell(this is the default setting) < td valign=top >aligns all elements to the top of the cell
< td align=right > aligns all elements to the right side of the cell < td valign=bottom >aligns all elements to the bottom of the cell < td valign=bottom >aligns all elements to the bottom of the cell later, siv. Longhorn dec lared that all markers of cheese would have to be certified befor commencing production
< td align=center >aligns all elements to center of the cell < td valign=middle >aligns all elements to the middle of the cell(this is the default setting)



ردیف ها و ستون ها

جداول ساده و زیبا و مربع شکل هستند . جدولی که در بالا ذکر شد شامل 3 ردیف ستون و 3 سطر می باشد ، با صفات Colspan و Rowspan چه می توان کرد ؟

تذکر :

صفت استفاده شده برای ستون دوم از سطر اول را با هم تلفیق کرده است ، همچنین می توانیم متن را در وسط هر خانه آرایش دهیم .
 


 



در قبل 2 ستون را با هم تلفیق کردیم و بصورت یک سلول واحد در آوردیم . در اینجا می توانیم 2 سطر را با هم تلفیق کنیم و بصورت واحد در آوریم :

 


 



اطلاعات یک جدول 
1- صفحه lesson2.html را باز کنید .
2- مواردی که بین < pre > ...< / pre > را تماما حذف کنید .
3- این موارد را اضافه کنید :
 



تذکر : < td >< /tr >< /table >
نگاه کنید به ردیف اول کدها سر فصل جدول تگ< th > و< th / > دقیقا مانند < td > و < td / > عمل می کنند . متنی که بین < th > و < th / > نوشته می شود بطور خودکار بصورت جسم و برجسته به نمایش در می آید .
 

نام دوره اموزشي نام مدرس طول دوره
internet xxx
html xxx 40 h


4- صفحه خود را ذخیره و آن را مجددا بار گذاری کنید .
مواردی را به جدول خود اضافه کنید . توانائیها و صفات دیگری در تگ < table > وجود دارد که باعث آرایش جدول می شود 


X ضخامت دیواره خارجی جدول می باشد . صفت Cellpadding فضای خالی بین عناصر جدول از دیواره جدول می باشد . هر چه Y بیشتر باشد خانه جدول بزرگتر خواهد بود . صفت Cellspacing فاصله بین خانه های جدول را تنظیم می کند .
تگ را بصورت فوق در آورید : 

1- جدول قبل را بصورت زیر ویرایش کنید . 

تگ < caption > نیز مابین تگ های < table > و < table /> قرار می گیرد .
2- برای سرگرمی هر متنی که مابین < th > و < th /> قرار می گیرد را تغییر دهید.



3- سپس جدول را به وسط صفحه انتقال دهید . اگر مرورگر شما از تگ < centert > و < center / > پشتیبانی می کند جدول را با این تگ محاصره کنید .
4- نتایج خود را ذخیره و صفحه را مجددا بار گذاری کنید .
5- در آخر می خواهیم یک ستون به طرف چپ اضافه کنیم . حالا می توانیم یک خانه خالی با اضافه کردن تگ < th > < th / > به ردیف اول جدول اضافه کنیم.


6- حال به ردیف دوم از جدول می رویم و خانه ای که 4 ردیف را در هم ادغام کرده به آن اضافه می کنیم .
 




جدول سایز خود را با محتویاتی که در خانه های جدول قرار داده می شود تعیین می کند ما چند تگ < br > اضافه کردیم تا از پهن شدن خانه های جدول جلوگیری کنیم شاید بخواهید تحقیق کنید که اگر این تگها را حذف کنیم چه پیش می آید ؟
7- در ردیف 6 جدول خانه ای اضافه می کنیم که به اندازه 2 ستون پهنا دارد.


8- نتایج خود را ذخیره و صفحه بارگذاری کنید . 

جدول های غیر قابل روئیت ( خیالی )

جدول همراه با قاب دور برای نمودارها و اطلاعات مربوط به اهداف شما مهم می باشد . اصطلاح خیالی را به این خاطر به کار می بریم که برای خواننده روشن نیست که به یک جدول نگاه می کند . جدول خیالی غیر قابل رویت با همان تگ ساخته می شود با این تفاوت که Border آن صفر قرار داده می شود .
< table border= 0 > تمرین :
جداول خود را با تغییر Border به عدد صفر تغییر دهید . نتایج خود را ذخیره کنید .

جدا کردن لسیتهای طولانی

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

رنگی کردن جداول

اغلب مرورگرها از رنگی کردن جداول پشتیبانی می کنند. 
مکان جدول

به تمامی ردیفها و ستونهای ساخته شده رنگ اضافه کنید .


تذکر :

شما می توانید از عکس به جای پیش زمینه جداول خود و پاورقی در سلولهای آن استفاده کنید . تذکر :
کاربرد ندارد در IE و 

شما می توانید تمامی جداولی که ایجاد کردید را بصورتی تغییر دهید که در پس زمینه آن عکس قرار گرفته باشد .
 


مروری بر مطالب 

1- به چه منظوری المانهای یک صفحه را در جدول قرار می دهند ؟
2- چه فرقی بین تگهای < td / > و < td > و < th > و< th / > وجود دارد.
3- صفات Colspan=X و Rowspan=Y به چه منظوری به کار می رود ؟
4- چگونه یک جدول بدون قاب ایجاد می شود ؟
5- چگونه یک سطر از جدول را رنگی کنیم ؟
6- چگونه یک عکس را پیش زمینه یک جدول کنیم ؟

تمرین : 

آموزش داده شده را در صفحات خود بکار ببرید .





حاصل جمع را بنویسید : به اضافه






*حاصل جمع را بنویسید : به اضافه



تعداد بازدید : ۲۱۹۱
تاریخ نشر : 21 تير 1391

دسته بندی

مطالب

گالری

دانلود

اخبار

فیلم

123
Bootstrap Slider

Copyrightes 2014 By RVKP CO. All Rightes Reserved