آذر 24, 1398

    css-table-td-th

    ساخت یک جدول ساده با td . th
    در مثال زیر می توانید روش ایجاد یک جدول ساده را با تگهای table.td.th را مشاهده کنید .

     

    css-border

    استفاده از شناسه border-collapse
    در مثال زیر می توانید روش فشرده سازی خطوط جدول را با استفاده از شناسه border-collapse مشاهده کنید . 

    css-table-advanced

    مشخص کردن عرض و ارتفاع جدول در CSS
    در مثال زیر روش تغییر عرض و ارتفاع سطر و ستون های جدول را مشاهده می کنید

     

     

    css-table-hori

    تنظیم تراز متن در جهت افقی جدول
    در مثال زیر روش تراز متن در جهت افقی را مشاهده می کنید .

     

     

    css-table-vertical

    تنظیم تراز متن در جهت عمودی جدول
    در مثال زیر روش تراز متن در جهت عمودی را مشاهده می کنید .

     

    css-table-padding
    استفاده از ویژگی Padding برای عناصر جدول
    در مثال زیر مشاهده می کنید که چگونه عناصر جدول ازستون ها بوسیله ویژگی Padding فاصله می گیرند .

     

     

    css-table-color

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

     

    css-table

    ایجاد یک جدول زیبا با CSS
    در مثال زیر می توانید ساخت یک جدول زیبا با رنگبندی را مشاهده کنید .

     

     

     

     

    css-box

    ساخت یک جعبه با حداکثر عرض 250 پیکسل
    در مثال زیر مشاهده می کنید که جدول ایجاد شده حداکثر دارای 250 پیکسل عرض می باشد .

    یکی از Selector یا صفت های پر کاربرد در CSS صفت  Border می باشد که برای قرار دادن خطوط به دور عناصر صفحه بکار می رود . Selector Border به طور کامل در حالت پیش فرض در بخش آموزش CSS سایت شرح داده شده است . اما در این بخش می خواهم یک سری از خاصیت های پر کاربرد سلکتور Border را که بسیار کاربردی و کار راه انداز هست را در این بخش برای شما بازدید کننده محترم توضیح داده و کمی بیشتر در مورد ویژگی های تخصصی این سلکتور پر کاربرد توضیح بدهم .برای اینکه بهتر متوجه بشوید به تصویر زیر نگاه کنید .

    border-1

     

    به صورت پیش فرض Selector Border به صورت زیر نوشته می شود 

    head


    با توجه به تیکت هایی که به پشتیبانی بخش آموزش ارسال شده است  و از ما خواسته بودند که آموزش طراحی سایت رادر بخش آموزش فعال کنیم ، با تایید نظر مدیریت شرکت طلوع فن آوران آسا ، قرار شد فقط آموزش CSS, HTML در قالب طراحی سایت به طور عملی توضیح داده شود .به این صورت که یک روز قالب در محیط فتوشاپ طراحی و روز بعد همان قالب با HTML وCss طراحی بشود . به امید خدا از هفته آینده به مدت یک ماه حدود 10 قالب با مدلهای مختلف در فتوشاپ طراحی و سپس آن را به صورت کاملا تصویری و قابل فهم کد نویسی می کنیم تا علاقه مندان به طراحی وب سایت از این آموزشها استفاده کنند .

    برای شروع می خواهیم یک منوی باز شو یا Pop UP را با  HTML وCSS طراحی کنیم .
    نحوه کار به این صورت هست که ابتدا آیکون های مورد نظر خودمان را در فتوشاپ طراحی می کنیم . اینکار بسیار زمان بر هست و با توجه به وقت محدود ما غیر ممکن ، به همین دلیل من آیکون های آماده ای که می خواهم در فتوشاپ طراحی کنم را برای شما جهت دانلود قرار می دهم .(پایان آموزش)

    head

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

    بسیار خوب همانطور که میدانید برای کد نویسی Css و Html نیاز به برنامه خاصی نیست ولی من برای راحتی کارم از نرم افزار Dream weaver استفاده میکنم . برای شروع برنامه نوت پد ویندوز یا نرم افزار نامبرده شده را اجرا کنید .

    برای طراحی قالب همیشه من یک فولدر ایجاد میکنم و فایل های خودم را که می خواهم طراحی کنم در فولدرهای مشخص قرار میدهم . برای ساخت این منو هم می توانیم یک فولدر به نام Css ایجاد کنیم و هر 2 فایل خودمان را در آن قرار دهیم یکی فایل Index.html و دیگری فایل  menu.css

    صفحه3 از3

    آخرین مطالب آموزشی

    «
    • 1
    • 2
    • 3
    »

    گالری پست

    چطور می توانید متوجه شوید که در اندروید چه برنامه ای را بیش از همه استفاده می کنید ؟

    چطور می توانید وضعیت فعالیت خود را در اینستاگرام پنهان کنید

    موس Trackball چیست و چرا شما نیاز به موس Trackball دارید ؟

    ارسال فکس از طریق تلفن همراه

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

    چطور فایل های خراب در ویندوز را درست کنیم

    تماس از طریق WiFi calling و روش فعال کردن آن در گوشیهای اندروید

    چگونه پسورد آنلاین قوی بسازیم که به سختی هک شود ؟

    قبل از فعال کردن تایید دو مرحله ای این مقاله را بخوانید

    © 2018 Your Company. All Rights Reserved. Designed By Tripples

    Please publish modules in offcanvas position.

    تک وب دیزاین-قالب فارسی جوملا