للإشتراك في خلاصات RSS بموقع بوابتي
مقالات الرأي
آخر  مقالات الراي
مقالات تقنية المعلوماتية
مقالات تقنية المعلومات
إدراجات الفيديوهات
إدراجات الفيديو
إدراجات الصور
ادراجات الصور
 
غلق موقع عرض الفيلم المعادي للإسلام على شبكة الإنترنت    فكرة متميزة: موقع لصناعة روابط الواب المؤقتة    Cuil محرك بحث جديد يسعى لإزاحة "قوقل"    Picitup: محرك "إسرائيلي" جديد مختص في البحث عن الصور    SpinVox‏ التعرف على الصوت وتحويله لنصوص‏    O3D: قوقل تطلق أدوات لتطوير الأبعاد الثلاثية    ArabVid‏: موقع عربي آخر لتقاسم الفيديو    ‏"أدوبي" تعلن عن كشف خاصيات تقنية "فلاش" وإتاحتها مجانا‏    SUMO Paint: برنامج لمعالجة الصور على الواب مباشرة    قوقل تطرح Google Trends أداة قياس منافسة ل Alexa   
بعض من المقالات المنشورة
 
المقالات الجديدة  الأكثر قراءة   المقالات الأقدم    
 
تصفح باقي الإدراجات
 
آخر المقالات   

أدوات لتصميم الزوايا المدوّرة بتقنية CSS



كاتب المقال   المحرّر: بوابتي


         




غني عن القول أن استعمال تقنية CSS ما انفك يتزايد كأداة لتطوير صفحات الواب، عوض استعمال تقنيات HTML العادية حين توصيف وسوم الصفحة.
و CSS كما هو معروف عبارة عن لغة لتنسيق مكونات صفحات الواب، وهي لغة برمجة بسيطة، بمعنى أنها لا تحتوي على أوامر الشروط وأوامر الكتابة وغيرها كما يوجد باللغات الأخرى، وإنما تحتوي فقط على خواص التنسيق التي تطبق على وسوم TAG صفحة الواب، كأن يقع تغيير اللون والحجم والخلفية والأبعاد ونوعية الخط وغيرها من الخواص.

ويمكن برمجة CSS إما مباشرة خلال صفحة الواب، و إما بملف منفصل ذي امتداد CSS، ويكون مرتبطا بصفحة الواب. وتتيح تقنية CSS الاستقلالية بين محتوى صفحة الواب، وبين عمليات التنسيق، كما تيسر عمليات تبديل التنسيق، من حيث انه يمكن إحداث تغيير على مجمل الصفحات من خلال تغيير محتوى CSS المصدر.

ويمكن تفهم مسألة الاستقلالية التي أوجدها CSS بين المحتوى وبين التنسيق، من ذلك مثلا ان تنسيق صفحة واب بجداول متعددة متداخلة وذات محتوى متغير متات من قاعدة بيانات، يطرح أحيانا مشكلة كبيرة، ولكن من خلال دوال CSS فان الأمر يبدو متيسرا، لأنك لن تجد أمامك الا مجموعة من وسوم div مرتبطة ب CSS من خلال class او بالمعرفات الموحدة ID، وبداخلها ستكتب بيسر شيفرة php مثلا من دون النظر لمشكلة الجداول وتنسيقها، ومجموعة الشيفرة من دون المحتوى المتغيرphp لن يتجاوز سطرين على اقصى تقدير عوض عشرات الأسطر بالطريقة التقليدية من خلال استعمال وسوم html العادية.

الزوايا المدوّرة:



ومن ضمن النقاط التي تمثل مطلبا خاصا لمستعملي تقنيات CSS، توجد تلك التي تخص كيفية تصميم زوايا مدورة. وقد تمّ فعلا تصميم أمثلة ب CSS تعطيك زوايا من تلك النوعية.
ولرسم زاوية ذات مظهر مدوّر، يقع رسم مجموعة من الوسوم الصغيرة التي تقوم برسم النقاط والتي حين تتصل تمثل ما بشبه الخطوط المنحنية، بحيث ان جمعها من بعد يعطي الانطباع بوجود الدائرة.
(انظر المثل التالي وهو مأخوذ من موقع journaldunet.com )

.angle .b1, .angle .b2, .angle .b3, .angle .b4, .angle .b5 {
display:block;
overflow:hidden;
height:1px;
background:#eca;
border-left:1px solid #000;
border-right:1px solid #000;
}

.angle .b1 {margin:0 5px; background:#000;}
.angle .b2 {margin:0 4px;}
.angle .b3 {margin:0 3px;}
.angle .b4 {margin:0 2px;}
.angle .b5 {margin:0 1px;}


ولكن توجد مواقع أخرى، تمكن من الإنتاج الآلي لشفرة CSS مصدرية تجمع فيها ببساطة عدد من الصور الفعلية لمجموع الاكواد الخاصة بالوسوم، وما عليك الا وضع الشيفرة المصدرية لبعض المحتويات DIV مع الصور التي وقع إنتاجها. وتتم هذه العملية بعد ان تكون قد حددت الالوان وابعاد المربع الذي تنوي انتاجه.

تجد من هنا ادوات تنتج الزوايا المدورة من خلال شيفرة CSS مفصلة


الموقع الأول
الموقع الثاني

وهنا موقع ينتج الشيفرة المصدرية للزوايا المدورة بطريقة مختصرة.


 اضغط على الكلمات المفتاحية التالية، للإطلاع على المقالات الأخرى المتعلقة:

تطوير ويب، CSS، php،

 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
تاريخ نشر المقال بموقع بوابتي 17-11-2008  

تقاسم المقال مع اصدقائك، أو ضعه على موقعك
لوضع رابط لهذا المقال على موقعك أو بمنتدى، قم بنسخ محتوى الحقل الذي بالأسفل، ثم ألصقه
رابط المقال

 
لإعلام أحدهم بهذا المقال، قم بإدخال بريده الإلكتروني و اسمك، ثم اضغط للإرسال
البريد الإلكتروني
اسمك

شارك برأيك
لوحة مفاتيح عربية بوابتي
     
*    الإسم
لن يقع إظهاره للعموم
     البريد الإلكتروني
  عنوان المداخلة
*

   المداخلة

*    حقول واجبة الإدخال
 
كم يبلغ مجموع العددين؟
العدد الثاني
العدد الأول
 * أدخل مجموع العددين
 
 
 
الردود على المقال أعلاه مرتبة نزولا حسب ظهورها  articles d'actualités en tunisie et au monde
أي رد لا يمثل إلا رأي قائله, ولا يلزم موقع بوابتي في شيئ
 

  2-12-2008 / 08:07:04   developper
شكرا

شكرا اخي على هذه المعلومات
 
 
 آخر الردود المنشورة بالموقع
باب تقنية المعلوماتية
باب الفيديوهات
اة لو كلنا نستوعب هذه الكلمات ما اصبحنا بهذا المنظر ((خائفين على الدنيا))...>>

أنا دخت عشان النشيد دا نفسي الاقيه وتقريبا هو دا اللي بدور عليه نفس اللي انا عاوزاه ف العنوان وبشغل مش راضي يشتغل ابدااااااااا ..... فين النشيد :( انت...>>

كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز
انا عمري 12 سنة...>>


كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز...>>


بارك الله فيكم نرجو اضافة اناشيد عن بلاد الشام...>>

مرحبا ياحلى قناه في العالم ممكن تذبت لقبي كوكو...>>

بالله عليكم انتو بدل ماتنادو الناس الى نبذ الطائفية والعدوانية والتوحيد بين المسلمين تزرعون البغض بينهم والقتل الله اكبر على كل واحد يحاول زرع الفتنة ...>>

الله ينور عليكي...>>

اقول كلمة في هدا الايام انتشر الفساد ضاع الشباب بسب اختفاء الايمان واقول اخر كلمة وزالموت يلحق بنا الوعد الوعد القيامة...>>

اني من الوطن العربي عمري 12 سنة اني بنت بس داخلة باسم ولد اتمنى الحرية تتحقق بالوطن العربي في سوريا والعراق و كل دولة بالوطن العربي اني اتمنى اتعرف عل...>>

باب المقالات
الدين في خدمة السياسة عوض ان يكون الامر العكس، السياسة في خدمة الدين...>>

يرجى التثبت في الأخطاء اللغوية وتصحيحها لكي لاينقص ذلك من قيمة المقال

مثل: نكتب: ليسوا أحرارا وليس: ليسوا أحرار
وغيرها ......>>


كبر في عيني مرشد الاخوان و صغر في عيني العسكر
اسال الله ان يهديك الى طريق الصواب
المنافقون في الدرك الاسفل من النار...>>


حسبنا الله ونعم الوكيل فيكم
تتبعت اكثر من رأي سفالة ونذالة والله لتحاسبون على ما قلتموه وكتبتموه
هل البلدان الاخرى ليست بها دعارة ؟هل ...>>


It is important that issues are addressed in a clear and open manner, because it is necessary to understand the necessary information and to properly ...>>

واضح أن الكاتب يعاني من رؤية ضبابية، وهو بعيدٌ عن الموضوعية التي يزعم أنه يهتدي بها..
نعم، وضعت الأنظمة القومية قضية تحرير فلسطين في قائمة جدول...>>


الأولى أن توجه الشتائم التي قدمتها لما يُسمى بالمعارضة الذين هم في الحقيقة تجار الوطن والشرف.. ارتموا كبائعات الهوى في حضر التركي والأمريكي والقطري وا...>>

أتمنى أن تكون الامور كما تقول ان النهضة انتقلت لمرحة أخرى في تعاملها مع بقايا فرنسا، ونتمنى ان يكون تعاملا جديا وصارما...>>

النهضة استطاعت كسر التّحالفات التي بناها نداء تونس مع الجبهة وحثالة البورقيبيّة والعلمانيّة الفاشيّة، ثم انتقلت إلى المرحلة الثانية........>>

انا باحث في صدد عمل رسالة حول : حول المنشآت المائية الرومانية ببلاد المغرب القديم
اتمنى مساعدتي بكتب ومراجع
دمتم طيبين...>>


ههههههههه ههههههههعع اكيد كلام نساء تحاولون تشويه المغربيات من شدة غيرتكم وغيضكم منهم لانهن يتفوقن كتيرا عنكم في المعاملة مع الرجل ولانهم جميلات العقل...>>

هو الموضوع اغتيال جذور الاسلام فهم يعلمون ان الطفله التي تتغذي علي العفه

تفسد مخطاطتهم وتنبت نبات حسنا فطفله اليوم هي سيده الغد واج...>>



وقع تصميم الموقع وتطويره من قبل ف.م. سوفت تونس

تحميل برامج مجانية