|
Untitled document این کلکسیون شامل چهار مجموعه کامل از آموزش های تصویری css متعلق به کمپانی معظم lynda است که در یک دی وی دی عرضه می شود.کمپانی lynda در کنار نام هایی مانند Total trainig و CBTnuggets جزو بزرگترین کمپانی های ساخت نرم افزار و فیلم های آموزشی هستند. CSS سر نام کلمات Cascading Style Sheets مي باشد. اگرچه برای کد نویسی صفحات Web از HTML استفاده می شود ولی در انجام عملیات کنترلی روی قالب بندی ها مشکلات فراوانی در این زبان وجود دارد که باعث ناکارآمدی آن می گردد و اینجاست که قالب بندی آبشاری یا CSS به کمک HTML می آید تا ایجاد قالب بندی های حرفه ای به راحتی بیشتری انجام شود. با استفاده از CSS می توانیم چندین مولفه قالب بندی را یکباره تعیین و روی هر قسمت دلخواه از صفحات وب اعمال کنیم. برای مثال می توانیم خصوصیات تمامی تگهای h1 موجود در صفحه اعم از اندازه، فونت و رنگ را مشخص کنیم. سياساس همچنين بعضي از مقادير را تعريف ميكند به طوري كه اين مقادير براي تمام قسمتها تكرار ميشوند و لذا در كاهش حجم صفحات دخالت دارد. در ابتدا قرار نبود HTML براي نشان دادن مطالب گرافيكي به كار رود. در واقع در آن هنگام به چگونگي ساختاردهي مطالب در صفحات به شكل امروزي توجه كافي نشده بود و تگهاي HTML در اصل براي تعريف محتويات يك متن طراحي شده بود. اما وقتي دو مرورگر بزرگ INTERNET EXPLORER و NET SCAPE سعي كردند تگهاي HTML و خصيصه هايي مثل نوع قلم يا رنگ را به مشخصات HTML اضافه كنند، ايجاد سايتهايي كه محتويات متون را به طور آشكار از طرحبندي نمايش متن مجزا كند بسيار مشكل شد از اين رو كنسرسيوم شبكه گسترده جهاني با استفاده از CSS اقدام به حل مشكل فوق كرد. فرض كنيد قرار است وبسايتي طراحي كنيد كه حدود 60 الي 70 صفحه دارد و شما قصد داريد رنگ پس زمينه تمام صفحات مشكي و فونت صفحات سفيد باشد پس از تلاشهايي اين كار را انجام ميدهيد و به نتيجه ميرسانيد اما پس از مدتي تصميم ميگيريد كه رنگ پس زمينه را به سبز تغيير دهيد. عليالقاعده بايد در سطح وسيعي دست به ويرايش بزنيد اما اين كار بسيار طاقتفرسا و زمانبر خواهد بود. اما با كمك CSS كافي است يك فايل عوض شود تا اين اتفاق روي دهد. در مورد ديگر ويژگيهاي CSS ميتوان گفت كه نوعي كنترل بر روي ساختار صفحات وب دارد و از سويي اطلاعات سيستم را به كراولرها ميدهد. CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم. CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم. در ادامه گوشه ای از سر تیترهایی که در این دی وی دی بصورت تصویری آموزش داده می شود می پردازیم
1. Introduction Welcome What isCSS? Design tour Using the exercise files Installing the Web Developer toolbar 2. CSS and XHTML XHTML essentials CSS essentials Embedded style sheets Linking a style sheet Linking to multiple style sheets Using linked and embedded style sheets together Using imported style sheets 3. Selectors ID selector essentials Class selector essentials Best practices for classes Grouped selection Descendant selectors The sources of style Specificity Making things important Inheritance essentials Making things really unstyled User style sheets 4. Layout Box model essentials Simple floating Using float for layout Fixing column drop Clearing essentials Float containment Creating a navbar from a list 5. Adding Colors and Backgrounds Coloring text Defining color in CSS Coloring backgrounds Applying background images Manipulating the direction of background images Positioning backgrounds Background shorthand 6. Setting Typography Altering line height Font style and weight Sizing fonts Using font families Font shorthand Justifying text Vertically aligning text Transforming text Text decoration 7. Using Margins and Borders to Create White Space and Separation Margin essentials Adding borders Padding Using negative margins Margin collapsing 8. Creating Tables Styling tables and captions Styling table cells Styling a column with classes Styling links inside table cells 9. Styling for Print Styling for specific mediums Creating a print style sheet Hiding layout for print Styling for print Complex styling for print Creating a footer 10. Bringing It All Together Getting started Setting global styles Defining masthead and navbar colors Layout of the navlink bar Using columns Setting content styles Creating the sidebar boxes Creating the sidebar form Completing the sidebar Making a table Creating a footer
|