خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
همین الان تو چه فکری هستی؟ (22)
گلایه mohadese 553 27114
.:: فعال سازی چاکراهای بدن ::.
the rage of god mahi01 1 1882
کند کردن عمدی آیفون توسط اپل
niloofarmajdi niloofarmajdi 0 20
پچ کورد در شبکه
oojgostaran oojgostaran 0 20
فروش سوئیچ شبکه
iranitshop iranitshop 0 23
خرید تجهیزات شبکه
nodeshop nodeshop 0 28
پینگ چیست
MWEBSPOUYAN MWEBSPOUYAN 0 24
دانلود ربات جمع آوری شماره موبایل های سایت دیوار
mypgr.ir mypgr.ir 0 25
سئو کلی
minajafari mashinbank 2 98
این فلش صفحه کلید دارد!
niloofarmajdi niloofarmajdi 0 28
میکرو درایو های abb
ava96 ava96 0 37
نشانه‌های زرد زخم چیست؟
azar33 elii12 1 156
سیمواستاتین(زوکور)
tala95 elii12 1 188
نمایندگی تعمیرات باکنشت
nopardaz elii12 1 110
جراحی سینه و بیمه
jarahezibai elii12 1 193
از نتایج جراحی سینه (کوچک کردن سینه)
jarahezibai elii12 1 182
ویژگی های شخصیتی متولدین ماه ها بر اساس طالع بینی برج فلکی
luna elii12 2 123
مشاهده ی تمام مشخصات کامپیوتر
wo0olf elii12 2 2597
Ip چه کاربردی دارد؟
navids elii12 2 1855
بهترین شرکت طراحی سایت
elii12 elii12 0 46
انتخاب بهترین شرکت طراحی سایت
elii12 elii12 0 45
رشته داروسازی در ترکیه
elii12 elii12 0 47
داروسازی در ترکیه
elii12 elii12 0 44
رنگ زندگی از دیدگاه شما
sana sana 126 11838
تو آواکس چند ساله ای ؟؟!!
mahya sana 383 52261
گالری عکس داریوش اقبالی
mosy rele sana 82 122937
سیو و ترینر بازی های مختلف 2
خاکسبز elii12 1 425
انتخاب اجباری برای نفر بعدی (6)
گلایه mohadese 665 48426
همه چیز در مورد تعمیر کولر گازی که باید بدانید
samirad samirad 0 49
مقصود از سوئیچ شبکه
elii12 elii12 0 42
سوئیچ شبکه چیست
elii12 elii12 0 47
سوئیچ شبکه
elii12 elii12 0 62
کاربرد های اصلی بالابر صنعتی در مشاغل مختلف
asiaborjj asiaborjj 0 43
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 332 26988
گفتگوی آزاد
admin niloofar 2656 154745
نحوه تعویض کوئل خودرو
saharim saharim 0 45
سرویس و تعمیرات داکت اسپلیت
samirad samirad 0 48
عوامل مهم در خرید جاروبرقی خانگی
kimib kimib 0 38
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 33
حمل جهیزیه عروس با تخفیفات ویژه تازه عروس و داماد ها
seoupdate seoupdate 0 35

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
طراحی سایت بدون بهره گرفتن از جدول و با کمک سی اس اسزمان کنونی: Thursday 16 July 2020, 05:31
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: webcando
آخرین ارسال: webcando
پاسخ: 1
بازدید: 552
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی سایت بدون بهره گرفتن از جدول و با کمک سی اس اس
Monday 15 August 2016, 10:04
ارسال: #1
طراحی سایت بدون بهره گرفتن از جدول و با کمک سی اس اس
[تصویر: CSS-Website-Designs-30.jpg]


چگونه طراحی سایت را بدون جداول انجام دهیم؟

طراحی سایت با به کارگیری جداول در سایت های Web 2.0 دیگر اهمیتی ندارد، اکنون این روش قدیمی شده و به جای آن در قالب چینی سایت از روشهای سی اس اس بهره گرفته می شود. اگر شما از جدول ها برای طراحی قالب سای تان بهره ببرید مجبور هستید طراحی سایت و نوشتن محتواهای سایت تان یکجا انجام می شوند و جداگانه نمی توانید در آنها دخل و تصرفی کنید و در این صورت امکان نگاه انتزاعی به هر یک از آنها از شما گرفته می شود و در واقع دست و بال شما بسته می شود و عمل شما محدودتر می شود. به طور مختصر طراحی سایت با جدول ها عیب هایی دارد که موردهای زیر را می توان نام برد:


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


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


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


[تصویر: table_broken.png]


به خاطر جداگانه بودن محتوا از طراحی سایت و امکان دید انتزاعی به هر یک در طراحی های بر مینای سی اس اس در Web 2.0 می توان هر یک را بدون توجه به سایر طراحی ها تعویض نمود. بدین صورت امکان تعویض کامل ظاهر سایت با تغییرات عمده در سی اس اس و با کمترین تغییرات و برخی مواقع بدون تغییر در محتوای صفحه های HTML ایجاد نمود. از طرفی با این کار هزینه نگهداری سایت نیز تا حد زیادی پایین می آید.


و از همه مهمتر آنکه بهره گیری از جداول منجر به افزایش کدهای HTML صفحه می شود و چگالی داده های صفحه به کدها را کاهش می دهد و این امر اثر منفی در بهینه سازی سایت و رنگینگ سایت در موتورهای جستجو برجا خواهد گذاشت.


در گذشته جداول در HTML تنها به یک خاطر موجود بود: نشان دادن داده ها با چارچوب جدولی. ولی بعدها جدول با ویژگی border="0" بهتری را در اختیار طراحان سایت گذاشت که بتوانند طراحی تصاویر و متن را روی آن بگذارند. بهره گیری از جداول که رایج ترین ایزار طراحی صفحه های پر طمطراق بود حالا با ایجاد صفحه های اینترنتی بهتر از آنها، و با توانایی دسترسی مناسب تر، انعطاف‌پذیری، کارایی بالاتر در تضاد است.


[تصویر: css_pack_06.jpg]


ما یک شیوه برای برطرف کردن این معایب برای شما داریم:


صفحه های طراحی سایت شما با سرعت بیشتری بارگذاری شود


هزینه پشتیبانی طراحی وب سایت کمتر گردد


نیازی به طراحی های دوباره سایت نباشد


شکل صفحه های سایت در همه جای سایت یکسان باشد


نتیجه های خوبی در موتورهای جستجوگر به دست آورد


طراحی وب‌سایت شما برای همه کاربران با هر رده سنی و همچنین برای همه دستگاه ها با هر مرورگری قابل‌دسترسی‌تر باشد


جنبه رقابتی طراحی سایت فروشگاهی شما با امنیت کسب و کارتان همراه باشد


[تصویر: csswebdesign860x450.jpg]


کاستی های بهره گیری از جداول در طراحی سایت

هنگامی که داده های مربوط به چگونگی نشان دادن صفحه ها را وارد محتوای سایت می کنید


این امر اندازه و حجم صفحه های شما را به‌طور غیرلازم افزایش می دهد که کاربران باید داده های مرتبط به نحوه نشان دادن صفحه ها را در هر بار بازدید صفحه ها از نو بگیرند. و پهنای باند شما به راحتی از دست می رود.


این کار طراحی دوباره محتوا و سایت‌های کنونی را خیلی پرهزینه و سخت اجرا می کند.


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


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


با برداشتن کد مرتبط با نحوه نمایش از داخل صفحه های، طراحی دوباره سایت‌ها و محتوای موجود بسیار کم‌زحمت‌تر (و بسیار کم‌هزینه‌تر) می‌شود. برای تغییر مشاهده لینک ، تنها نیاز به تغییر دادن شیو‌ه‌نامه صفحه های دارید؛ اصلاً احتیاجی به تغییر دادن خود صفحه های ندارید.


استفاده از استانداردهای وب باعث پایین آمدن حجم فایل صفحه های می‌شود، چرا که استفاده کننده ها دیگر مجبور نمی باشند با هر بار دیدن صفحه های اطلاعات مرتبط با نمایش آنها را هم لود کنند و دوباره بگیرند.


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


استفاده از استانداردهای مشاهده لینک همینطور سبب سهل شدن حفظ هماهنگی در کل یک سایت می‌شود. از آنجا که صفحه های از ?? CSS مشترک برای طرح‌بندی بهره می‌برند، همه آنها به یک صورت شکل می‌گیرند.


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


[تصویر: csstable.jpg]


اما در مواقعی جدول بهتر از CSS ظاهر می شود در مواردی که CSS به خوبی طراحی‌های جدولی انجام نمی‌دهد.


همانطور که گفتیم، چیزهایی هست که جداول بهتر از سی اس اس انجام می‌دهد. ولی آخر سر شما باید از خودتان سوال کنید که آیا همه مسائلی که در ارتباط با به کارگیری از جداول برای طراحی به‌جای داده مطرح شد ارزش آن را دارد یا نه.


حالا موقع آن است که نوشتن CSS را برای طراحی سایت شروع کنید

نخست، به هر div یک کناره بدهید. این به شما کمک می‌کند که ملاحظه کنید هر کدام کجا شروع و کجا تمام می‌شود، و اینکه آیا تگ‌ها در هم فرو رفته هستند یا نه.


فرمان های سی اس اس تان را برای انتخاب‌گرهای اجزا نخست از همه بنویسید (، ،

،

،

،
    ،
  • ، غیره.


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


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

نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  چرا طراحی سایت اهمیت زیادی دارد؟ sitecode 0 128 Thursday 16 April 2020 18:37
آخرین ارسال: sitecode
  طراحی سایت و بهینه سازی نرخ تبدیل magbot1 0 156 Sunday 12 April 2020 17:18
آخرین ارسال: magbot1
  طراحی سایت شرکتی sitecode 0 182 Friday 27 March 2020 20:16
آخرین ارسال: sitecode
  بهترین شرکت طراحی سایت sitecode 0 193 Wednesday 18 March 2020 21:09
آخرین ارسال: sitecode
  معرفی ابزارهای ایجاد پالت رنگی در طراحی سایت sitecode 0 236 Sunday 02 February 2020 23:00
آخرین ارسال: sitecode

پرش به انجمن:



زمان کنونی: Thursday 16 July 2020, 05:31