آموزش کار با استايل

 

 آموزش کار با استايلCSS

CSS يا همان Cascading Style Sheet روشي است براي قالب بندي و طراحی وب سایت اجزاي صفحه از قبيل متن، تصوير، زمينه صفحه، کادرها طراحی وب سایت و تقريباً هر چيزي که در طراحي صفحه استفاده مي شود بدون استفاده از کدهاي HTML. از طريق اين استايل شيتها مي توانيم از دوباره نويسي کدهاي HTML که باعث مشکل شدن کد نويسي و همچنين کند شدن سرعت بارگذاري صفحه در اينترنت مي شود جلوگيري کنيم. براي مثال مي توانيم يک بار نوع فونت مورد استفاده در يک صفحه را تعيين کنيم و ديگر مجبور نباشيم کد مربوط به فونت را در صفحه به کار ببريم. همچنين مي توانيم از اين ابزار قدرتمند در مواردي به جاي جاوا اسکرپت نيز استفاده کنيم و چون مشکلات جاوا اسکرپت مثلاً غير فعال بودن جاوا اسکرپت در مرورگر را ندارد با خيالي آسوده تر مي توانيم از آن استفاده کنيم. طراحی وب سایت 

CSS هم مانند جاوا اسکرپت اين امکان را به ما مي دهد که از يک فايل استايل خارجي براي تعيين خواص بخشهاي مختلف صفحه هاي يک سايت استفاده کنيم. در اين صورت مي توانيم ظاهر همه صفحه ها را با ايجاد يک تغيير کوچک در فايل استايل خارجي تغيير دهيم. مثلاً فرض کنيد که رنگ متن همچنين نوع فونت متن صفحه هايمان را در يک فايل استايل تعيين کرده ايم و از آن در طراحي چندين صفحه استفاده کرده ايم، حالا اگر بخواهيم رنگ متن همه اين صفحات را تغيير دهيم تنها کافي است تا رنگ متن را در همان فايل استايل تغيير دهيم و نيازي به تغيير دادن صفحات نداريم.

طراحی وب سایت 

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

اگر انتقاد يا پيشنهادي براي بهتر شدن اين قسمت داريد مي توانيد از طريق «فرم تماس با ما» ما را مطلع کنيم. ما نيز خوشحال مي شويم از نظرات شما در جهت بهبود اين بخش استفاده کنيم

css

 يا Cascading Style Sheet به  طراحی وب سایت  اجازه مي دهد تا کنترل بيستري بر روي ظاهر وب سايت خود داشته باشند و با ارائه محتوا در صفحات جذاب تر بازديد کننده بيشتري را جذب کنند. CSS يا همان شيوه نامه آبشاري روشي ساده براي نمايش چيدمان و جلوه هاي تصويري در صفحات وب و به شما اجازه مي دهد تا به راحتي به انجام تغييرات جزئي و يا حتي طراحي کامل وب سايت خود بپردازيد. CSS براي فرمت دهي و طرح بندي، تعريف سبک متن مانند نوع قلم، رنگ و اندازه ها، اندازه جدول و جنبه هاي ديگري از صفحات وب که قبلاً فقط در فايل HTML يک صفحه قابل تعريف بوده است استفاده مي شود.. 

در دوره آموزشي CSS Web Site Design شما با قابليت هاي اساسي و کليدي سي اس اس و طراحي وب سايت آشنا مي شويد.

طراحی وب سایت 

 

آموزش استفاده از CSSبراي افزودن بر زيبايي و کارايي وب سايت که سبب جذب بازديد کننده بيشتر مي گردد و اين موضوع بي شک موجبات دست يابي شما را به اهدافتان به عنوان مالک وب سايت فراهم مي کند .در ادامه به معرفي برخي از سرفصل هاي اين آموزشارزشمند CSSمي پردازيم :

معرفي خوش آمد گويي به اين آموزش طراحی وب سایت  CSSچيست ؟

توري در طراحيآموزش نصب Web DeveloperToolbarآموزشرابطه ميان CSSو XHTMLآموزشمختصري درباره XHTML

آموزشمختصري درباره CSS

آشنايي با Embedded style sheetsآموزشلينک نمودن به يک Style Sheetآموزشلينک نمودن به چندين Style Sheetآموزشاستفاده همزمان از Linked Style Sheetو Embedded Style Sheet

آموزش کاربرد Style Sheetهاي وارد شده و يا Imported Style Sheetآموزشانتخاب گر ها

آموزش کوتاهي در رابطه با ID Selectorsآموزشکوتاهي در رابطه با Class Selectorsآموزشچندين تمرين بسيار مناسب براي کلاس ها

آموزشگ زينش گروه بندي شده در  طراحی وب سایت CSS

آموزشمنابع Styleها

آموزشمختصري در رابطه با Specificityدر CSSآموزشپرداختن به برخي جزييات در CSSآموزشعدم Styleبندي نمودن برخي چيزها

آموزشStyle Sheetهاي کاربر

آموزشمدل جعبه اي در CSS طراحی وب سایت 

آموزششناور ساختن ساده المان ها در CSS

آموزشايجاد طرح اوليه براي Floatدر CSSآموزشپاک سازي

آموزشايجاد يک Navigation Barاز طريق يک ليست

آموزشافزودن رنگ و پس زمينهدر CSSآموزشاستفاده از رنگ هاي متنوع براي متون در CSSآموزشتعريف رنگ ها در CSS

آموزشرنگ آميزي نمودن پس زمينهدر CSSآموزشاعمال تصوير پس زمينهدر CSSآموزشنمايش پس زمينهدر جهات گوناگون

آموزشقرار دادن Backgroundدر مکان هاي متنوع و مناسب

آموزشي در رابطه با Background shorthandآموزشتغيير ارتفاع خطوط در CSS

آموزشتغيير استيل فونت و پهناي آن در CSSآموزشتنظيم اندازه فونت در CSSآموزشکاربرد Font Familyهاي گوناگون

کمي در مورد Font shorthandآموزشچگونگي ترازبندي نمودن متون در CSSآموزشتنظيم عمودي خطوط نوشته هاي وب با استفاده از CSS

طراحی وب سایت 

آموزشTransforming textتوسط CSSآموزشريباسازي متون توسط CSS

آموزشاستفاده از Marginها و Borderها جهت ايجاد فضاي خالي و يا فاصله دادن بين Objectهاي گوناگون

آموزشMarginها

آموزشافزودن Borderها توسط CSSآموزشPaddingآموزشکاربرد Negative Marginها در CSS

آموزشدر رابطه با Margincollapsingآموزشايجاد جداول توسط CSSآموزشStyleبندي نمودن جداول و Captionها در CSS

آموزشStyleبندي نمودن Cellهاي يک جدول ايجاد شده در CSS

آموزشStylingيک ستون جدول در CSSآموزشStylingلينک هاي موجود در يک Cellجدول در CSSآموزشStylingجهت چاپ کرد

آموزشايجاد يک Tableتوسط CSSآموزشايجاد يک Footerو يا پانويس

و ده ها آموزشکاربردي ديگر ن

آموزش طراحی وب سایت  Stylingبراي مديوم خاصي

آموزشمخفي کردن Layoutها از چاپ

آموزشStylingپيچيده براي چاپ

آموزشچگونگي ايجاد Footerو يا پا نويس توسط CSSآموزشنهايي سازي کار و اعمال يکپارچه تمام آموخته ها

آموزشاستفاده از ستون ها

آموزشتنظيم Styleبخش محتوا

آموزشايجاد حاشيه براي Sidebarها  طراحی وب سایت 

آموزشساخت فرم Sidebarآموزشتکميل Sidebar