نام کاربری: گذرواژه‌:
انجمن فناوری اطلاعات دانشگاه پیام نور تبلیغات


تعرفه تبلیغات در IT98

طراحی سایت با CSS

برچسب‌های کلیدی این موضوع:
کاربران در حال بازدید از این موضوع: 1 مهمان
آخرین ارسال کننده: *setayesh
ارسال‌ها: 1
بازدیدها: 1946
امتیاز دهید
 
  • 0 رأی - میانگین امیتازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
در گوگل محبوب کنید
انجمن فناوری اطلاعات دانشگاه پیام نور


طراحی سایت با CSS

کاربر فعال
تاریخ عضویت: آذر ۱۳۹۲
رشته: کامپیوتر نرم افزار
ترم: شش
دانشگاه: پیام نور
اعتبار: 17
ارسال‌ها: 72
وضعیت : آفلاین
جنسیت: دختر
سپاس ها 116
سپاس شده 33 بار در 25 ارسال
ارسال: #1
ایجاد شده در تاریخ: ۲۲-۹-۱۳۹۳ ۰۵:۵۵ عصر
طراحی سایت با CSS




طراحی سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در
نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به
نمایش می گذارد. با این حال، اکثر طراحان وب سایت به صورت مناسب اقدام به
جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر
شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم
جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن
HTML می باشد. در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند
صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی سایت ایجاد کند

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



برای داشتن طراحی سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری
است که بدانیم که در هر نسخه متنی HTML در واقع 2 عنصر جداگانه وجود دارد.
یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را
دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر
و ویژگی های مختلف در صفحه را تعریف می کند.



برای ایجاد موفقیت در طراحی وب سایت با CSS، عناصر ساختاری صفحات HTML نیاز
به برنامه ریزی و اجرا و پذیرش CSS برای ایجاد تغییرات در صفحه صرف نظر از
محتوای ان دارد. به عنوان مثال اکثر صفحات در طراحی سایت باید دارای
Header و یا عنوان، ستون سمت چپ، فضای اصلی و ستون سمت راست و همچنین
پاورقی باشد.



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



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



این بدان معنی است که تا زمانی که صفحه با همان پایهء عناصر ساختاری باشد
می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر
پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت
نسخهء متنی HTML که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با
CSS در این کار می باشد.



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



برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر
داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود:
table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که
شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش
بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در
منطقهء مربوطه قرار دهید.



<DIV class=’header’> <DIV class=’headerleft’></DIV> <DIV class=’headermain’></DIV>

<DIV class=’headeright’></DIV> </DIV>



بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل
پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های
گرد(rounded corners)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می
شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری
قرار دهد.



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


امضا *setayesh
آنکه دنبال حیات ابدی می گردید

کاش یک تا دو قدم

به سوی ظلمت چشم تو قدم بر می داشت

و به یک جرعه ی آن

ابدی می گردید

یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:

شبکه‌های اجتماعی درباره ما لینک‌های مهم ابزار
انجمن فناوري اطلاعات دانشگاه پيام‌نور در سال 1389 با هدف رشد و ارتقاي علمي دانشجويان آغاز بکار کرد. در IT98 شما قادرید از کاملترین و بروزترین آرشیو نمونه‌سوالات، جزوات، حل تمرینات، گزارش آزمایشگاه، گزارش کارآموزی، پروژه، مقالات و پایان‌نامه استفاده کنید. IT98.ir با عنوان بزرگترین انجمن دانشجویی رشته کامپیوتر دانشگاه پیام‌نور شناخته میشود.
Copyright (c) 2010-2017 it98.iR, all rights reserved
Template designed by : Mehdi Dastkhosh , Powered by MyBB
صفحه اصلی جستجو بازیهای آنلاین لیست اعضا