سارين وب ديزاين

طراحي سايت با CSS به واقع جداسازي محتوا و سبك است. در اين مقاله قصد داريم تا شما را با طراحي سايت موفق با استفاده از css3 آشنا كنيم . در ادامه همراه با سارين وب باشيد .

محتوا بايد در نسخهء متني 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 هر سبكي كه در طراحي سايت مي خواهيد به نمايش بگذاريد. تنها كاري كه بايد انجام دهيد اين است كه محتوا و مطالب را در منطقهء مربوطه قرار دهيد.
بهره گيري از منافع جداسازي اين سه بخش كه تمامي استاندارد ها مانند تبديل پس زمينهء محو به رنگهاي جامد، تصوير پس زمينه براي اضافه كردن لبه هاي گرد(rounded corners)، تغييرات در داخل و خارج تصاوير فقط با CSS انجام مي شود. Table داخلي مي تواند شناور بوده و مي تواند يك تصوير را بر روي ديگري قرار دهد.

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

نياز به طراحي سايت داريد ؟ قبل از طراحي سايت با مشاورين سارين وب در ارتباط باشيد و درخواست مشاوره كنيد .

طراحي سايت ، سئو وبهينه سازي سايت خود را با سارين وب تجربه كنيد .

منبع:طراحي سايت

طراحي سايت با CSS به واقع جداسازي محتوا و سبك است. در اين مقاله قصد داريم تا شما را با طراحي سايت موفق با استفاده از css3 آشنا كنيم . در ادامه همراه با سارين وب باشيد .

محتوا بايد در نسخهء متني 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 هر سبكي كه در طراحي سايت مي خواهيد به نمايش بگذاريد. تنها كاري كه بايد انجام دهيد اين است كه محتوا و مطالب را در منطقهء مربوطه قرار دهيد.
بهره گيري از منافع جداسازي اين سه بخش كه تمامي استاندارد ها مانند تبديل پس زمينهء محو به رنگهاي جامد، تصوير پس زمينه براي اضافه كردن لبه هاي گرد(rounded corners)، تغييرات در داخل و خارج تصاوير فقط با CSS انجام مي شود. Table داخلي مي تواند شناور بوده و مي تواند يك تصوير را بر روي ديگري قرار دهد.

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

نياز به طراحي سايت داريد ؟ قبل از طراحي سايت با مشاورين سارين وب در ارتباط باشيد و درخواست مشاوره كنيد .

طراحي سايت ، سئو وبهينه سازي سايت خود را با سارين وب تجربه كنيد .

منبع:طراحي سايت