:: طراحي وب سايت با CSS
طراحي با CSS به واقع جداسازي محتوا و سبک است. محتوا بايد در نسخهء متني HTML و CSS بايد مراقب باشد که HTML در صفحه چگونه متن را به نمايش مي گذارد. با اين حال، اکثر طراحان وب سايت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمي کنند. HTML و CSS از يکديگر جدا هستند. اما اگر شما تغييراتي در نسخهء متني HTML ايجاد نماييد، يک ظاهر طراحي شدهء از هم جدا ايجاد مي شود. زيرا CSS براي انجام کار متکي بر عناصر موجود در متن HTML مي باشد.
در حال حاضر اين موضوع براي کسي مهم نيست که ترکيب مطالب چند صفحهء ثابت کنار هم قرار نيست خيلي تغييري در طراحي سايت ايجاد کند؛ که با استفاده از CSSدر طراحي وب سايت از منافع آن بهره مند شده و از وجود دسترسي هاي ساده اطمينان حاصل نماييد.
شد، بسيار ضروري است که بدانيم که در هر نسخه متني HTML در واقع 2 عنصر جداگانه وجود دارد. يکي محتوا است – که شامل متن و تصاويري است که افراد در وب سايت آنها را ديده و مطالعه مي کنند؛ و ديگري ساختار صفحه است – DIVs ويا Table که عناصر و ويژگي هاي مختلف در صفحه را تعريف مي کند.
اي ايجاد تغييرات در صفحه صرف نظر از محتواي ان دارد. به عنوان مثال اکثر صفحات در طراحي سايت بايد داراي Header و يا عنوان، ستون سمت چپ، فضاي اصلي و ستون سمت راست و همچنين پاورقي باشد. طراحی وب سایت
اينها عناصر ساختاري صفحه در طراحي سايت مي باشد. در هر يک از اين عناصر ساختاري بايد محتواي صفحه قرار گيرد. به طور مثال لوگو(آرم تجاري شرکت) در عنوان صفحه، منو در ستون سمت چپ صفحه و متن اصلي در محوطهء اصلي صفحه قرار مي گيرد.
در اين روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن مي تواند بدون نگراني در مورد محتوا و مطالب بخشها و محل هاي هدفمندي براي هر صفحه ايجاد نمايد. اگر فضاي متن در ستون سمت چپ صفحه 10 پيکسل باشد و فضاي اصلي صفحه 12 باشد، در CSS مي توانيد مطالب و چيزهايي که تمايل به انجام آن داريد را در اين فضا قرار دهيد. سمت چپ سايز فونت 10 و فضاي اصلي سايز فونت مي تواند 12 باشد.
اين بدان معني است که تا زماني که صفحه با همان پايهء عناصر ساختاري باشد مي توان کاملاً با CSS تبديل کرد – براي مثال ستون سمت چپ را ساخته و تصوير پيش زمينه عنوان و يا صفحهء اصلي را اضافه نموده و ادامه دهيد. اما شناخت نسخهء متني HTML که شامل ساختار و محتوا هستند مرحلهء اول طراحي سايت با CSS در اين کار مي باشد.
براي تعميم بيشتر، نياز به يک ساختار صفحه اي است که تقريباً به اندازهء کافي انعطاف پذير بوده به طوري که CSS بتواند عملياتي که لازم و ضروري و موثر است را انجام داده و اين عمل بدون هيچ گونه نگراني در مورد محتوا در هر بخش از طراحي سايت و صفحات برگزار شود.
براي انجام اين کار در مرحلهء بعدي ساختار بنيادي بايد يک تقسيم بندي ديگر داشته باشيد.table عنوان براي مثال بايد به سه table داخلي تقسيم شود: table سمت چپ – table سمت راست و table اصلي؛ تقريباً تمام ترکيبات ممکن که شما نياز داريد تا با CSS هر سبکي که در طراحي سايت مي خواهيد به نمايش بگذاريد. تنها کاري که بايد انجام دهيد اين است که محتوا و مطالب را در منطقهء مربوطه قرار دهيد.
بهره گيري از منافع جداسازي اين سه بخش که تمامي استاندارد ها مانند تبديل پس زمينهء محو به رنگهاي جامد، تصوير پس زمينه براي اضافه کردن لبه هاي گرد(rounded corners)، تغييرات در داخل و خارج تصاوير فقط با CSS انجام مي شود. Table داخلي مي تواند شناور بوده و مي تواند يک تصوير را بر روي ديگري قرار دهد.
اگر اين روش در ساختار مناطق ديگر در html استفاده شود، صفحه اي را خواهيد داشت که صفحه بندي آن به طور کامل توسط CSS طراحي شده و به طور کامل از محتواي صفحه مستقل و غير وابسته خواهد بود.
:: در ادامه ...
صفحه قبل
آموزش نرم افزارهاي مرتبط
مقالات بهينه سازي سايت
مقالات مرتبط با طراحي سايت
مديريت ارتباط با مشتري
مديريت محصول
مديريت بازاريابي و فروش
روابط عمومي و تبليغات
اندازه گيري رضايت مشتري
مديريت برند
آموزش هاي تصويري
آموزش هاي صوتي
دوره ها و کارگاه هاي آموزشي
:: برو به ...
خدمات طراحي سايت
خدمات پارس فناوران
محصولات پارس فناوران
By Pars Fanavaranمعرفي پارس فناوران به دوستان با ارسال ايميل خبرخوان اضافه کردن به علاقه مندي ها
طراحی وب سایت