loading...

????? ???? ???????

بازدید : 10
چهارشنبه 23 خرداد 1403 زمان : 12:33

جداول HTML
بی آلایش ترین و دوست داستنی ترین رویه برای ساخت‌و‌ساز Layout در HTML، استعمال از تگ table است. جدول ها در طراحی سایت اختصاصی ستون ها و ردیف ها منظم میگردند که شما می‌توانید از این ستون ها و ردیف ها به هر طریقی که می‌خواهید به کار گیری فرمائید. در سال های بسیار گذشته خیس از معرفی HTML5، طراحان بدون چاره بودند برای ساخت سایت های یک‌سری ستونه از یا این کهبه عبارتی جدول ها در HTML به کارگیرینمایند. به کارگیری از
برای صورت دادن به صفحه هایاینترنت کاری بسیار مشقت بار و غیر استاندارد میباشد که تماما منسوخ گردیدهمیباشد.

گرچه میتوانید با جدول های HTML Layout های بسیار زیبایی پیاده سازیفرمائیدولی تگ table تحت عنوان ابزاری برای طرح بندی تارنما ساخته نشده میباشد. غرض از عنصر
اکران داده های جدولی میباشد. بدین ترتیبخوبمیباشد از جداول برای طرح بندی تارنمااستعمال نکنید. جداول، داد و فریادمتعددی را در کد شما ساخت می نمایند و فکر کنید که پیاده سازیمجددوب سایتپس ازتعدادی ماه چقدر طاقت فرسا خواهد بود. بدین ترتیب از جداول برای طرح بندی تارنمابه کارگیری نکنید!

خواص float در CSS
معمولا رایج میباشد که تمامی طرح بندی وب سایت با استعمال از خواص float در CSS صورت بپذیرد. به کارگیری از خواص float ریلکسمیباشد. صرفا کافی میباشد به خیال و خاطر داشته باشید که خواص float و clear چطور فعالیت می نمایند. از معایب این شیوه Layout در HTML می اقتداراعلام‌کرد که شناور کردن موادسازنده با به کارگیری از مشخصه Float به شناور شدن شیتمتعلقمیباشدکه‌اینخصوصیت ممکن میباشد به انعطاف پذیری کاغذ شما زخم بزند.

div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: white;
background-color: black;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
فریمورک های CSS
در شرایطی‌که بخواهید طرح بندی وبسایتخویشیا این کهبه عبارتی Layout در HTML را سریع ایفا دهید، می‌توانید از فریمورک هایی همانند Bootstrap برای این شغلبه کارگیریفرمایید. این فریمورک ها در واقعیتیکسری کلاس های مهیا css و توابع فراهم JavaScript را در اختیارتان قرار می‌دهند و دیگر نیازی به ویرایش این کلاس ها وجود ندارد.

فریمورک Bulma

فریمورک Bulma یکی‌ازدوست داستنی ترین فریمورک های CSS میباشد که تا قبل از این با اسم Scotch شناخته می‌شد. از مزیت های اساسی این فریمورک این میباشد که از CSS خالص تشکیل‌شدهمیباشد و هیچ کد جاوا اسکریپتی ندارد؛ به این ترتیبصرفابایستی یک فولدر css را داخل پروژه خویش import نمایید و نیازی به فولدر های js وجود ندارد. همینطور این فریمورک مبنی بر Flexbox پیاده سازیگردیده است و بر مبنا Sass میباشد. براین اساسفقط از کدهایی استعمال خواهید کرد که به آن‌ها نیاز داشته باشید. پیاده سازی با این فریمورک تمامابرخورد گرا (responsive) بوده و حق تقدمخویش را بر تلفن همراه های گوشی قرار داده میباشد.

فریمورک Bootstrap

بعید میباشد که Bootstrap نیاز به معرفی داشته باشد! Bootstrap یکیاصلی ترین فریمورک های CSS در جهانمیباشد که تا امروز به ورژن چهارم خویش رسیده میباشد. این فریمورک، فریمورک پیش فرض اکثر بسط دهندگان اینترنتمیباشد و مطابق SASS و LESS ایجاد شده است. می شود بهشکل خلاصه خاطرنشان کرد که Bootstrap وسیع ترین فریمورک CSS به حساب آورده می شود.

فریمورک های بسیار دیگری نیز وجود دارا هستندالبته شما نمی توانید کلآنان‌راپژوهشنمایید. این دو گزینه از موردهادارای شهرت در کنار فریمورک Foundation میباشند.

flexbox در CSS
Flexbox یک سبکنو برای طرح بندی تارنما در CSS میباشد. استعمال از flexbox در Layout در HTML این ضمانت را میدهد که موادسازنده، رفتاری قابل در نظر گرفتن برای وقتی که وب سایت در سایزهای متعددورقهاکران و نمایشگرهای دستگاه های متفاوت قرار می‌گیرد، داشته باشند. از معایب این شیوه این میباشد که در وب اکسپلورر 10 و ورژن های کهنخیسفعالیت نمی نماید.

جداول HTML
بی آلایش ترین و دوست داستنی ترین رویه برای ساخت‌و‌ساز Layout در HTML، استعمال از تگ table است. جدول ها در طراحی سایت اختصاصی ستون ها و ردیف ها منظم میگردند که شما می‌توانید از این ستون ها و ردیف ها به هر طریقی که می‌خواهید به کار گیری فرمائید. در سال های بسیار گذشته خیس از معرفی HTML5، طراحان بدون چاره بودند برای ساخت سایت های یک‌سری ستونه از یا این کهبه عبارتی جدول ها در HTML به کارگیرینمایند. به کارگیری از
برای صورت دادن به صفحه هایاینترنت کاری بسیار مشقت بار و غیر استاندارد میباشد که تماما منسوخ گردیدهمیباشد.

گرچه میتوانید با جدول های HTML Layout های بسیار زیبایی پیاده سازیفرمائیدولی تگ table تحت عنوان ابزاری برای طرح بندی تارنما ساخته نشده میباشد. غرض از عنصر
اکران داده های جدولی میباشد. بدین ترتیبخوبمیباشد از جداول برای طرح بندی تارنمااستعمال نکنید. جداول، داد و فریادمتعددی را در کد شما ساخت می نمایند و فکر کنید که پیاده سازیمجددوب سایتپس ازتعدادی ماه چقدر طاقت فرسا خواهد بود. بدین ترتیب از جداول برای طرح بندی تارنمابه کارگیری نکنید!

خواص float در CSS
معمولا رایج میباشد که تمامی طرح بندی وب سایت با استعمال از خواص float در CSS صورت بپذیرد. به کارگیری از خواص float ریلکسمیباشد. صرفا کافی میباشد به خیال و خاطر داشته باشید که خواص float و clear چطور فعالیت می نمایند. از معایب این شیوه Layout در HTML می اقتداراعلام‌کرد که شناور کردن موادسازنده با به کارگیری از مشخصه Float به شناور شدن شیتمتعلقمیباشدکه‌اینخصوصیت ممکن میباشد به انعطاف پذیری کاغذ شما زخم بزند.

div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: white;
background-color: black;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
فریمورک های CSS
در شرایطی‌که بخواهید طرح بندی وبسایتخویشیا این کهبه عبارتی Layout در HTML را سریع ایفا دهید، می‌توانید از فریمورک هایی همانند Bootstrap برای این شغلبه کارگیریفرمایید. این فریمورک ها در واقعیتیکسری کلاس های مهیا css و توابع فراهم JavaScript را در اختیارتان قرار می‌دهند و دیگر نیازی به ویرایش این کلاس ها وجود ندارد.

فریمورک Bulma

فریمورک Bulma یکی‌ازدوست داستنی ترین فریمورک های CSS میباشد که تا قبل از این با اسم Scotch شناخته می‌شد. از مزیت های اساسی این فریمورک این میباشد که از CSS خالص تشکیل‌شدهمیباشد و هیچ کد جاوا اسکریپتی ندارد؛ به این ترتیبصرفابایستی یک فولدر css را داخل پروژه خویش import نمایید و نیازی به فولدر های js وجود ندارد. همینطور این فریمورک مبنی بر Flexbox پیاده سازیگردیده است و بر مبنا Sass میباشد. براین اساسفقط از کدهایی استعمال خواهید کرد که به آن‌ها نیاز داشته باشید. پیاده سازی با این فریمورک تمامابرخورد گرا (responsive) بوده و حق تقدمخویش را بر تلفن همراه های گوشی قرار داده میباشد.

فریمورک Bootstrap

بعید میباشد که Bootstrap نیاز به معرفی داشته باشد! Bootstrap یکیاصلی ترین فریمورک های CSS در جهانمیباشد که تا امروز به ورژن چهارم خویش رسیده میباشد. این فریمورک، فریمورک پیش فرض اکثر بسط دهندگان اینترنتمیباشد و مطابق SASS و LESS ایجاد شده است. می شود بهشکل خلاصه خاطرنشان کرد که Bootstrap وسیع ترین فریمورک CSS به حساب آورده می شود.

فریمورک های بسیار دیگری نیز وجود دارا هستندالبته شما نمی توانید کلآنان‌راپژوهشنمایید. این دو گزینه از موردهادارای شهرت در کنار فریمورک Foundation میباشند.

flexbox در CSS
Flexbox یک سبکنو برای طرح بندی تارنما در CSS میباشد. استعمال از flexbox در Layout در HTML این ضمانت را میدهد که موادسازنده، رفتاری قابل در نظر گرفتن برای وقتی که وب سایت در سایزهای متعددورقهاکران و نمایشگرهای دستگاه های متفاوت قرار می‌گیرد، داشته باشند. از معایب این شیوه این میباشد که در وب اکسپلورر 10 و ورژن های کهنخیسفعالیت نمی نماید.

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 352
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 40
  • بازدید کننده امروز : 1
  • باردید دیروز : 312
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 359
  • بازدید ماه : 520
  • بازدید سال : 1114
  • بازدید کلی : 17179
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی