صفحه اصلی پیام‌رسان پارسی بلاگ پست الکترونیک درباره اوقات شرعی

90/12/12
12:7 ص

اچ تی ام ال ؛سی اس اس از کجا آمد و به چه دردی می خورد؟



تا اینجا با اچ تی ام ال و کاربردش آشنا شدید. اما این زبان در دنیای وب تنها نیست و یک خواهر خوب دارد که به کمک شما می آید تا صفحات وب کامل تر و زیباتری داشته باشید. به گونه ای که در حال حاضر تقریبا تمام صفحات وبی که مشاهده می کنید با کمک اچ تی ام ال و سی اس اس کار می کنند.

Cascading Style Sheets که آن را به اختصار با نام CSS می شناسیم، در حقیقت یک زبان ساده طراحی است که روند ساخت صفحات وب زیبا و قابل ارائه را بسیار ساده می کند. در واقع این نام به این دلیل به کار می رود که کدهای سی اس اس صفحه ای از اطلاعات هستند که قیافه و شیوه چینش محتوا در صفحه وب را تعیین می کنند (استایل شیت= صفحه استایل ها).
با سی اس اس می توانید رنگ متن ها، قیافه و نوع فونت ها، فضای خالی میان پاراگراف ها، اندازه و شکل قرارگیری ستون ها، رنگ و عکس پس زمینه و هر چیز دیگری در صفحه وب را به صورت جداگانه و اختصاصی کنترل کنید.
زبان سی اس اس به گونه ای طراحی شده که به آسانی قابل یادگیری و فهم است، اما می تواند کنترل قدرتمندی را بر نحوه نمایش محتوا اعمال کند. به طور معمول سی اس اس همراه با HTML  به کار می رود. اچ تی ام ال حاوی اطلاعات و محتوای سایت است (متن، پاراگراف، لیست، جدول، عکس و…) و سی اس اس نحوه نمایش آنها در وب سایت را مشخص می کند.
در واقع سی اس اس به شما کمک می کند که محتوا را تا حد زیادی از نحوه نمایش جدا کنید و کنترل هر کدام را به صورت مجزا در دست بگیرید. با داشتن این امکان می توانید مطلبی بنویسید که روی کامپیوتر با فونت و چیدمانی مناسب برای مانیتور قرار گرفته باشد و همان مطلب در یک تلفن همراه با چیدمانی متفاوت ظاهر شود تا برای خواندن در یک نمایشگر کوچک مناسب باشد.
تولید تئوری های پشت صحنه CSS و برنامه ریزی برای اینکه سی اس اس چگونه باید در مرورگرها کار و عمل کند، بر عهده سازمان مستقلی به نام کنسرسیوم وب جهان شمول یا W3C است. W3C سازمانی متشکل از گروه ها و شرکت های فعال در زمینه اینترنت است که نحوه عملکرد اینترنت و مرورگرها را تعیین می کند. این سازمان برنامه ریزی برای چندین زبان اینترنتی از جمله اچ تی ام ال و سی اس اس را بر عهده دارد.
تاریخچه سی اس اس
در میانه دهه 1990 استفاده از اینترنت به شکل محسوسی افزایش یافت. در آن زمان، تنها شیوه ارائه محتوا در صفحات وب، زبان HTML بود. اما با گسترش کاربرد و کاربران اینترنت، دیگر زبان اچ تی ام ال به تنهایی نمی توانست از پس ارائه ساده و کاربرپسند محتوا در وب برآید.  مثلا اچ تی ام ال توانایی طراحی صفحات را همانند کتاب، مجلات یا روزنامه های چاپی نداشت و شما امکان ارائه چنین صفحات وب شکیلی را نداشتید.
از همان ابتدای شروع HTML در سال 1990، استایل شیت (Stylesheet) به عنوان بخشی از پروژه تکمیل و توسعه اچ تی ام ال در دستور کار قرار داشت تا اینکه با همکاری «هاکون ویوم لی» و «برت بوس»، پایه ای برای توسعه و استانداردسازی کدهای سی اس اس و نحوه استفاده از آنها شکل گرفت و توسط W3C پیگیری شد. مایکروسافت هم به عنوان اولین حامی زبان سی اس اس، از آن در مرورگر مایکروسافت پشتیبانی کرد. اما مانند اغلب تکنولوژی های نوظهور در اینجا هم یک رقابت ایجاد شد. زیرا نت اسکیپ به عنوان دومین مرورگر پرکاربرد زمان خود، به جای پشتیبانی از زبان استایل شیت W3C، به ابداع و استفاده از زبان خاصی به نام جاوا اسکریپت استایل شیت یا JSSS پرداخت. اما مانند هر رقابت دیگری اینجا هم یکی از طرفین باید شکست را می پذیرفت و همانطور که می بینید شیوه کدنویسی نت اسکیپ برای استایل صفحه ها موفقیتی در بر نداشت و اینترنت اکسپلورر به حاکم بلامنازع دنیای مرورگرها بدل شد.
سی اس اس به چه دردی می خورد؟
با استفاده از سی اس اس برای نمایش صفحات وب، نه تنها زمان آماده سازی یک صفحه را کاهش داده اید، بلکه کدهایی آماده کرده اید که به صورت متمرکز می توانند بر روی تمام صفحات وب سایت تان اعمال شده و شما را از کدنویسی تکراری برای هر صفحه بی نیاز کنند. به همین نسبت، هم حجم کدهای نوشته شده و عکس ها و محتوای به کار رفته کاهش می یابد، هم با لود شدن یکباره فایل ها و ملحقات برای تمام صفحات، به جای دانلود جداگانه عکس های مشترک برای هر صفحه، میزان مصرف پهنای باند سایت شما به میزان قابل ملاحضه ای کاهش می یابد.
تعیین شیوه نمایش تمامی صفحات یک سایت، به صورت مرکزی تنها بر دوش یک (یا تعداد انگشت شماری) فایل قرار می گیرد. همچنین هرگونه تغییر در چینش و شیوه نمایش محتوای مشترک تمامی صفحات سایت، تنها با انجام تغییر در یک فایل امکان پذیر است و به همه تعمیم داده می شود.  یعنی اینکه شما مثلا به جای تغییر خواص و اندازه های مربوط به فونت در تمامی صفحات سایت تان، تنها کافی است این کار را در فایل سی اس اس انجام دهید تا به صورت خودکار تمام صفحات تحت تاثیر قرار گیرند.
در برخی سایت ها، کاربر می تواند استایل شیت دلخواه خودش را بسازد و سایت را با آن مشاهده کند. مثلا یک کاربر با چشمان ضعیف می تواند یک استایل شیت ویژه برای نمایش نوشته ها با تباین و کنتراست بالا ایجاد کند که بتواند به راحتی آنها را بخواند. این کار معمولا با استفاده از افزونه های ویژه در برخی مرورگرها امکان پذیر است.
مرورگرها می توانند از چندین استایل شیت به صورت همزمان پشتیبانی کنند. با این قابلیت می توانید در یک زمان برای سایت تان چندین طرح و ظاهر متفاوت داشته باشید. کاربر هم به سادگی می تواند هر طرحی را که خوشش آمد و برای وی کارآیی بیشتری داشت، انتخاب کرده و از سایت با ظاهر مورد علاقه اش استفاده کند.
استایل شیت ها به شما اجازه می دهند که محتوا را برای بیش از یک دستگاه بهینه سازی کنید. با استفاده از همان کدهای اچ تی ام ال ثابت، می توانید ظاهر و شیوه های نمایش مختلفی برای ابزارهای گوناگون، از قبیل تبلت، موبایل، کامپیوتر، پرینت و… داشته باشید.
سی اس اس به شما این امکان را می دهد که صفحات وب را بسیار ساده تر برنامه ریزی، تولید و نگهداری کنید. به گونه ای که در زمان و مقدار کار نسبت به استفاده تنها از اچ تی ام ال، صرفه جویی چشمگیری صورت می گیرد.
سی اس اس چگونه کار می کند؟
همه چیز بسیار ساده است، حتی ساده تر از آنچه فکرش را کنید. به سادگی 1، 2 و 3! البته قرار نیست شما در این دوره آموزشی سی اس اس یاد بگیرید و هدف این است که با آن و کارایی هایش آشنا بشوید. اگر دلتان خواست می توانید کمی جلوتر بروید:
کار را با یک فایل که توسط اچ تی ام ال ساخته شده، شروع کنید.
شروع به نوشتن قوانین استایل برای تگ ها و محتوای مورد نظر کنید تا مشخص شود هر کدام چگونه نمایش داده شوند.
قوانین استایل نوشته شده را به فایل اچ تی ام ال مورد نظر ضمیمه کنید. هنگامی که مرورگر متن و محتوا را نمایش می دهد، قوانین شما را برای شکل دهی به محتوا و شیوه نمایش دنبال می کند.
البته هر کدام از این مراحل نیاز به دانش و آموزش خاص خود دارد، که از حوصله این درس خارج است. با کمی پرس و جو می توانید منابع لازم برای دریافت این دانش را بیابید.
و آخرین نکته اینکه پیشنهاد می کنیم حتما سری به سایت Zen Garden بزنید تا به قدرت و زیبایی سی اس اس پی ببرید. در ستون سمت راست می توانید طرح های مختلف سایت را انتخاب کنید. زیبایی کار آنجا است که تمامی این طرح ها یک فایل اچ تی ام ال ثابت و واحد دارند و تنها با تغییر فایل سی اس اس مورد استفاده، طرح سایت به کلی تغییر می کند.
در این درس با سی اس اس و کاربردهایش آشنا شدید. اگر یک روزنامه نگار باشید کمتر پیش می آید که نیاز به سر و کله زدن با سی اس اس را پیدا کنید و معمولا این کار به عهده وبمستر سایت است. اما دانستن این مبانی به شما کمک می کند که در مواقع لزوم بدانید باید چه بکنید و از چه کسی تغییرات را درخواست بکنید.


مشخصات مدیر وبلاگ
 
امیر مسعود[435]
 

از این که به وبلاگ من سر زده اید متشکرم.راستی نظر یادتون نره.


لوگوی وبلاگ
 

عناوین یادداشتهای وبلاگ
خبر مایه
بایگانی
 
لینک‌های روزانه
 
صفحه‌های دیگر
لوگوی دوستان
 
دوستان
 
عاشق آسمونی دلنوشته های قاصدک لحظه های آبی(سروده های فضل ا...قاسمی) مهربانترین سیب سرخ زندگی بی ترانه... منتظر ظهور ஜ کــــــــلبه ← اف1 ஜ قیدار شهر جد پیامبراسلام پنجره ای رو به خاموشی وبلاگ هیت متوسلین به آقا امام زمان ارواحنا فداء سایه چند لقمه حرف حساب بلوچستان چلچراغ شهادت ►▌ استان قدس ▌ ◄ پرپر نغمه ی عاشقی شوروشعور عشق عشق الهی ترانه های دلتنگی اطلاعات عمومی خاطرات دکتر بالتازار ققنوس... دیوانه یاربسیجی فرق بین عشق و دوست داشتن دلـتنگـ هشـیگـــــــــی روستای چشام tabasom تودنیای منی اما به دنیا اعتمادی نیست همسردوم عشق بی هدف... ! دیوانگی - عشق واقعی... ! دریافتنی محمدمبین احسانی نیا ستاره سهیل سراب عطر یاس یاد دوستان به خیر.... جوجولی رازهای موفقیت زندگی خلیج همیشه فارس pearsian Gulf راهیان سرزمین نور به‌دونه تنها هنر S&N 0511 **عاشقانه ها** عشق Manna روستای پرچکوه سازمان بسیج اساتید استان تهران دریچه.... شــــیشــه ی نازک دلتنــــــــــــــــــگی اس ام اس جدید/ پـَـــ نَ پـَـ/ منابع کارشناسی ارشد راه فضیلت جیغ بنفش در ساعت 25 ستاره طلایی آن دنیا 13 مردود فانوس 14 گروه اینترنتی جرقه داتکو امانات شهدا همای رحمت شاه تور نیوز دانلود سوالات کارشناسی ارشد تنهاترین عاشق ... یاس ... wanted دلتنگـــــــــــــــ همه شمـــــــــــــــــــا.... مهندسی آب راه کمال سلوک رویابین trip love معماری دنیای خودرو دانش بیشتر , زندگی بهتر دوستانه xXx عکسدونی xXx بندر میوزیک مهدی کـهـکـشـــــان همسایه خورشید ستاره خاموش آزاد d.r zeinab allah is the lord of right .he is justic سکوت سرد آتش دل xXxXx فــــقـــط کرجـــیـــهــا و البرزنشینها بیان اینجا xXxXx شاپرک همیشگی من تویی *شادمهر* انسانم آرزوست... پسر جانباز y divouneh کیمیای ناب ای دریغااااااااا یا اباصالح ادبیات بیا ازدواج کنیم عدالت جویان نسل بیدار آیه های نور تکه ابر... ღ♥ღ من و تو ღ♥ღ مرامنامه عشاق عاشق تنها جدیدترین یوزرنیم و پسورد نود 32- username and password nod 32 وبلاگ دی مهندسی متالورژِی دلنوشته های یه عاشق! وبلاگ{{ ....نسیم لوکس.....}}آنچه که می خواهید خوش مرام داستان های عاشقانه دیار برف •.♥.• تــــبــلــیـــغــات رایـــگــان •.♥.• از صدای سکوت دلم خسته ام مذهبی-سیاسی-فرهنگی عشق پنهان غلط غو لو ت سفیر نور خودمونی باهم آموزش کامپیوتر و نرم افزار دردونه ی مامان مهران غفور اخراجی های عشق در آستان جانان باشگاه مدرسین آموزش پیش از ازدواج آموزش تست زدن کنکور زندگی در باغ عشق فقط خدا vagte raftan علی آبشار فهادانــ *کوچه پس کوچه های رفاقت* وبلاگ هواداران محسن یگانه بیاببین چیه؟ از یک انسان طراحی نقشه های ساختمانی اندیشه های من چهارده خورشید adamak خونه باغ فقط خدا عشق یعنی همه چیز بگذار ابر سرنوشت هر چه می خواهد ببارد ما چترمان خداست... کوچه باغ سرباز ولایت ...دختر روستا... SMS!!! ع ش ق:علاقه شدید قلبی با دوستان اما تنها کوچ پرستوها انتظار منتظَر رویای خیس هیئت حضرت زهرا(س)شرفویه نون و ریحون عشق و دوستی وبلاگ بدنسازی , پرورش اندام , فیتنس و پاورلیفتینگ مهدی روحانی سلام خوش امدید فانوس علی غم خوار نشریه ی فرصت الکتروتکنیک فندق! من وتو حیاتی تازه غمگینم و غم را دوست دارم نون و نمک یخ فروش جهنم * امام مبین * روزبه نبض قلم جیگر طلا کانون علما و شهدای جامعة الزهرا(سلام الله علیها) سکوت شبانه Crazy Scientist تاریکی درروز درجست وجوی حقیقت دختر یاس الله ابهی سایه ها پایوند جوجو لاو اس ام اس 0918love for you هنوزم عاشقتم ببین $$عسل، شیرینی قلبها$$ دهاتی خلوتگه راز دکتر علی حاجی ستوده من * ظهورِ منجی * سیندرلا آسمون عشق هر چه می خواهد دل تنگت بگو مادر تکیه گاه من قلب خـــــــــــــــــــــــــــاکی خورشید نی ریز روزنه گمنام عشق بهزاد وفرزانه خورشید خاموش یادداشت های یک دیوانه ذکر و نام خدا آرامش بخش دلهاست شب نشینان اشتراک گذاری و نشر اینفوگرافیک‌های مختلف حجاب ، صدفی برای مروارید اشتراک گذاری و نشر اینفوگرافیک حاج آقا مسئلةٌ جدیدترین یوزر پسورد آنتی ویروس nod32- Kaspersky - Avira راه را با این (ستاره ها) می توان پیدا کرد ایران در پیچ و خم تاریخ فروشگاه اینترنتی حافظ Romance رویای زیبا ... آروم آروم دوست من و شما طیفکان مشتاق شیدائی شیاطین سرخ امیر مسأله شرعی موسیقی اصیل ایرانی ه/م/ه/چ/ی/ز soheila ورود ممنوع شعر و ادب از همه رنگ این المضطر الذی یجاب اذا دعا خودرو عکس های دمی و دیزنی استارز عمومی عشق گمشده الکساندر مقدونی توهم بزرگ غرب دانلود سرا بارون مشاوره ازدواج و تربیت فرزند آبی تر از آبی ای کاش می امدی خسته شدم همه خوبند خریدار قلب های شکسته سیب سرخ زندگی زیباست جنگ نرم گروه جهادی تبلیغی مستعان زنگ تفریح عشق کامپیوتر مهتاب سبز زندگی زیبا باران ایرانیان عروسک تعمیر و نگهداری هواپیما&اطلاعت عمومی سلام به همی عاشقان صداقت جزتو

ترجمه از وردپرس به پارسی بلاگ توسط تیم پارسی بلاگ