نصائح للمدونين على طريقة شبايك و انجفار كامبراد

المدون العربى الشهير رءوف شبايك هو من افضل المدونين العرب على الاطلاق, وعن نفسى شخصيا كان رءوف شبايك من أول المدونين الذى قرأت لهم. وهو صاحب مدونة شبايك الشهيره التى تتحدث عن الناجحين والعصاميين وعن قصص النجاح.
قرأت اليوم تدوينه له فى مدونته ولكنها جذبتنى بشكل كبير جدا وهى ( أشهر مقولات انجفار كامبراد، مؤسس سلسلة محلات ايكيا ) يقدم فيها مقولات قالها انجفار بغرض الاستفاده منها ومن نجاح هذا الشخص, ولكنى كالعاده انجرفت نحو التدوين وقمت بربط هذه المقولات والنصائح بالتدوين وبالفعل لو قمنا بتطبيقها لحصلنا على قدر كبير من النجاح مثل هذا الشخص الناجح انجفار كامبراد.
يقول اجفار كامبراد :

1- ارتكاب الأخطاء سمة الشخص النشيط.  التقليديون هم السلبيون الذين سيضيعون كل وقتهم ليثبتوا أنهم ليسوا على خطأ.
ماذا يحدث لو قمت بالمغامره وكتبت تدوينه بأسلوب جديد حتى ولو كان شاذا عن كل قواعد التدوين ؟؟
لو خسرت زائر او اثنين او عشره بسببها ماذا سيحدث ؟؟؟ لن تخسر بل ستكسب الكثير والكثير. ستجد لأسلوبك الجديد هذا زوارا ومريدين. ستصبح مميزا. حتى لو كان هذا الاسلوب خاطىء جرب مره اخرى واخرى واخرى حتى تصل للاسلوب الصحيح وعندها ستصبح انت الرابح. كن نشيطا واخطىء حتى تتعلم خير لك من أن تظل طوال حياتك تكتب تدوينات موجوده فى اى مكان بكثره.

2- لماذا أحصل على مكتب خاص بي فقط؟ العاملون معي ليس لديهم هذا المكتب الخاص، ولذا أنا قانع بمكتب مشترك معهم.
يستطيع اى شخص عمل مدونه وامتلاكها والتدوين فيها ولكن قل لى هل ستنتشر تدويناتك عندما تدون فى مدونتك بقدر أكبر أم عندما تقم بوضع تدوينات لك فى عشرة مدونات يمتلكها مدونون آخرون ؟؟؟ بالطبع زوار عشر مدونات اكثر بكثير من زوار مدونه واحده. لذا تستطيع ان تمتلك مدونتك الخاصه وايضا أن تضع تدوينات لك فى مدونات الآخرين وعندها ستكسب زوار من كل حدب وصوب.

2- النائمون فقط هم الذين لا يرتكبون الأخطاء أبدا.
نعم .. كن يقظا ونشيطا وارتكب الاخطاء فسوف تتعلم منها وتجد الطريق الصحيح ولكن عند النوم لا تتعلم اى شىء. لذا لا تكن كسولا فى مدونتك وتدويناتك بل دون ودون ودون ولا تتوقف ابدا ولا تدع الكسل يدب الى جسدك ويداك. اجعل مدونتك دائما يقظه ومتجدده بتدويناتك وافكارك الجديده.

3- تصميم مكتب خشبي ثمنه ألف دولار أمر سهل. لتصميم مكتب خشبي عملي جيد ثمنه 50 دولار، فهذه لا يقدر عليها سوى الصفوة.
الابداع والتوفير والحكمه ... نتعلمهم من هذه المقوله فلماذا اذن نكتب تدوينه كبيره جدا بينما نستطيع الاختصار وتقديم المضمون المفيد فى تدوينه قصيره. الابداع ليس فى كتابة التدوينات الكبيره الحجم بدون فائده كبيره ولكن الابداع فى تقديم تدوينه قصيره جدا وخفيفه جدا على القارىء وتحتوى على اكبر كم من الإفاده.

4- إذا كان هناك شيء اسمه الإدارة الجيدة، فستكون عن طريق إعطاء المثال الجيد الذي يحتذى به، وهذا ما أقدمه لكل موظفي ايكيا.
وهذا ايضا ما يجب ان تقدمه انت لزوار مدونتك .. كن مثالا جيدا للمدونين فى تصرفاتك وتدويناتك كى تربى زوارك على هذه العادات والاخلاق الجميله وكى تصبح قدوه حسنه فى التدوين وصدقنى ستجد الكثيرين ممن يودون عقد الصداقات معك وتكوين صداقات مع مدونتك.

5- شعورك بأنك انتهيت من فعل شيء – له تأثير قرص الدواء المنوم، فالشركة التي تشعر أنها بلغت هدفها ستسكن وتتجمد وتفقد حيويتها وتتراجع.
دائما اجعل لمدونتك هدفا اعلى وكلما بلغته ضع هدفا اعلى منه ولا تتوقف ابدا عند حد معين. كن دائما ظمآن للمعرفه وعندها ستبحث عنها وتجدها وكلما وجدت معرفه جديده أصبح لديك ما تقدمه فى مدونتك. لا تتوقف ابداااااا.

6- ما يناسب عميلنا، هو أيضا ما يناسبنا على المدى البعيد.
ابحث عن ما يريده زائرك .. قم بعمل استطلاعات عن طلباتهم ورغباتهم وماذا يبحثون عنه فى مدونتك ولا يجدونه .. ثم قم بالبحث فيه وتقديمه لهم فى المستقبل. لا تدع زائرك يخرج من مدونتك بدون الحصول على ما يريده دائما كى تحافظ عليه وعلى زياراته المتكرره.

7- كنت أشتري البذور وأمر على البيوت في قريتي لبيعها. بعد مرور عام، تمكنت من شراء دراجتي.
انت أيضا تستطيع الحصول على مدونه مجانيه ومن خلالها تستطيع جنى الاموال وتكوين عددا كبيرا من الزوار حتى تستطيع شراء مساحه على الانترنت خاصه بمدونتك وايضا تستطيع شراء نطاق خاص بمدونتك احترافى كما يقولون. وفى تدوينه قادمه إن شاء الله سأقوم بعمل مقارنه عن الأفضل بين اختيار مدونه مجانيه أم عمل مدونه مدفوعه.

8- وجب علينا توظيف النساء في الكثير من الوظائف الإدارية في ايكيا، فالنساء هي التي تقرر الكثير من الأشياء في البيت.
كلنا نعلم فضل النساء على سطح هذه الارض .. هم الجمال والزوق الرفيع دائما .. لذا قم دائما بالاستعانه بالنساء فى اختيار تصميم مدونتك وألوانها فهم الأقدر على اختيار هذه الاشياء بزوق عااااااالى.

9- مبدأنا هو خدمة الجميع، حتى أولئك الذين لا يملكون الوفير من المال.
لا تجعل كل ما تقدمه فى مدونتك مقابل المال .. بل اجعل الاساس فى مدونتك هو تقديم الخدمات والمعلومات المجانيه وبجوارها القليل من الاشياء والنصائح المدفوعه حتى تحصل على القاعده العريضه من الزوار.

وفى نهاية هذه التدوينه أود أن انوه على أن الصور فى هذه التدوينه مأخوذه من مدونة شبايك وأوجه شكر خاص جدا من مدونتى المتواضعه لأستاذى الذى تعلمت منه الكثير رءوف شبايك.
الاثنين, يونيو 20, 2011

أربعه من أسرار نجاح المدون سىء السمعه جيفرى آرشر

أحبه أو أكرهه ... تحبه أو تكرهه ... هو ظاهره بكل المقاييس ... عندما نجد سبعه وعشرون كتابا واسعى الانتشار يحملون اسمه على عناوينهم ... عندما تصل مبيعاته الدوليه الى 250 مليون دولار ... هو ظاهره بكل المقاييس ... انه المدون الناجح السىء السمعه جيفرى أرشر.
لنرى ما يمكن ان نتعلمه من أرشر المدون الناجح جدا :

الدرس الأول : دون عن ما تعرفه
أعتقد أن الكثير منا سمع عن أنه يجب التدوين عن ما نحب ولكن مع جيفرى أرشر يجب أن ندون عن ما نعرفه وليس عن ما نحبه.
قال أرشر فى مقابله :
أنا لا أكتب عن العفاريت .. لا أكتب عن المعالجات .. ولا أكتب فى موضوعات كثيره اخرى أحبهم .. ولكنى أكتب فى ما اعرفه واستطيع الكتابه فيه.
وأعطى مثالا عن جين أوستن التى يعتقد أرشر أنها كتبت بشكل متميز لأنها كتبت فيما تعرفه وليس فيما تحبه. وقد كتبت جين فى موضوعا شيقا ومثيرا وفى نفس الوقت كانت هى الوحيده التى تعرفه وتستطيع الكتابه عنه .. وإن لم تكن تحبه ولكنها تعرفه.

الدرس الثانى : كن ثابتا
ألف آرشر كتابه الأول وعرضه على دور نشر كثيره ولكن قوبل بالرفض 13 مره قبل أن يتم قبوله. والناشر الرابع عشر أعطاه مقدما عباره عن 3000 جنيه. الكثير منا ليس عنده الإصرار والثبات على ما يفعله أو يقدمه .. ربما تيأس أنت فى المحاوله الثالثه والرابعه فى حين أنك لو اكملت المحاولات ربما تحصل على النجاح والقبول فى المحاوله التاسعه أو العاشره. وآرشر حصل على النجاح بسبب قوة تحمله وصبره ومواصلة إصراره على تقديم ما يكتبه وإيمانه الكامل به.
الدرس الثالث : كن حكواتى
النجاح فى التدوين لا يتطلب منك أن تكون كاتب كبير ولكنه يتطلب منك أن تكون لديك القدره على الحكى والسرد بصوره جذابه ولطيفه.
ويقول آرشر
حصل باتريك وايت على جائزة نوبل ليس لأنه عبقرى فى اللغه التى يكتب بها ( الإنجليزيه ) ومتعلم الى أكبر قدر ممكن ولكنه حصل عليها لأن له اسلوبه الشيق اللذى يوضح كل نقطه بطريقته الخاصه المحببه للجمهور .. أنت كذلك يجب أن تكون لك طريقه فى الحكى والسرد تميزك وليس بالضروره أن تكون عبقريا ولكن أن تكون مميزا ذلك هو الأمر.
الدرس الرابع : إبحث عن من يدفعك للأمام
ذات مره سألت إمرأه آرشر كيف قضى مدة عقوبته فى السجن وكيف اجتازها وخرج منها مدون مشهور ؟؟
أجابها آرشر بانها لو دخلت فى تجربة السجن مثله وقضت عامان من عمرها داخل الزنزانه سوف تبحث عن طريقه تجعلها تصبر على قضاء هذه المده . وآرشر لم يبحث فقط عما يسليه أو يصبره على قضاء المده ولكنه بحث عن اصدقاء وتمسك بهم وتمسكوا به .. أصدقاء لم يساعدوه فقط على قضاء مدة العقوبه ولكنهم دفعوه للأمام وجعلوه يطور تدويناته وكتاباته.
إبحث أنت الآخر عن اصدقاء - ليس بالضروره من العالم الحقيقى ولكن ربما أصدقاء على الانترنت فقط - يشاركونك إهتماماتك ويؤمنوا بما تفعله أنت. أصدقاء يحمسوك ويعطونك الثقه بنفسك ويدعموك بنصائحهم وملاحظاتهم .. يدفعونك للأمام فى كل لحظه تقضيها معهم. إبحث عنهم وتمسك بهم وستصبح مدونا ناجحا.

تنبيه : لا يتطلب منك النجاح كمدون مثل آرشر أن تدخل السجن مثله .. نحن نأخذ فقط النقاط الإيجابيه. وكن أنت الآخر إيجابيا وشاركنا بتعليقاتك على هذه التدوينه.
السبت, يونيو 18, 2011

كيف تغير شكل مؤشر الماوس على مدونتك بطريقه سهله جدا وتختار من بين اكثر من 1000 شكل جديد للماوس

الكثير مننا نحن المدونين نرغب فى التحكم فى كل أجزاء المدونه حتى ابسط الاشياء عليها. نرغب فى التحكم فى الشكل العام والالوان والعناوين وحتى الازرار البسيطه. ومن ضمن هذه الاشياء التى نرغب بالتحكم فى شكلها هى مؤشر الماوس على مدونتك.

هناك مدونات عندما تتصفحها تجد المؤشر الخاص بالماوس عليها له شكل جذاب ومختلف جدا
تستطيع رؤية ذلك من هذا المثال على هذه المدونه

والأن كيف نقوم بتغيير شكل الماوس لنجعله انيقا ومتميزا ؟؟؟

قم بفتح لوحة التحكم الرئيسيه فى حسابك على بلوجر
ثم اضغط على تصميم ثم اضغط على تحرير HTML لتجد امامك اكواد المدونه
قم بالبحث فى الاكواد عن الكود التالى
]]></b:skin>
وقبل الكود السابق تماما ضع الكود التالى
body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}
ثم قم بالضغط على حفظ القالب
الكود السابق سيقوم باعطائك ماوس على نفس الشكل الذى رأيته فى المثال السابق

ولكى نكون قد أعطيناك الحريه الكامله فى تغيير الشكل الذى يعجبك كل ما عليك فعله هو تغيير الكود المكتوب بالاحمر الى الكود الخاص بالشكل الذى تريده

ولكن السؤال الان هو كيف تقوم بالحصول على اكواد اخرى لاشكال المؤشرات كى تقوم بالاختيار من بينها ؟؟؟

فى الرابطين التاليين سوف تجد اكثر من 1000 كود ل 1000 شكل من اشكال مؤشرات الماوس لتختار من بينها
Totally Free Cursors
Cursors @ Fun Utilities

فى حالة مواجهة اية مشاكل أو استفسارات برجاء ترك تعليق يوضحها .... بالتوفيق فى تطبيق هذا التغيير
السبت, يونيو 11, 2011

مشاكلك وحلولك مع جوجل أدسنس

جوجل ادسنس لدى معظم المدونين يعتبر مصدر ل 50% من دخلهم من التدوين وال 50% الاخرى من الدخل تأتيهم من بيع المنتجات والتسويق لها. أى أن جوجل أدسنس لها أهميه كبرى لدى المدونين. إذا فلماذا تحتل جوجل أدسنس المرتبه الأولى من اهتمام معظم
 المدونين ؟!!!
هناك عدة اسباب لذلك منها :
  • انك لست مستعدا لإضاعة وقتك فى تسويق اماكن الاعلانات وبيع الاعلانات على مدونتك.
  • إعلانات جوجل ادسنس تطابق وتتمازج مع محتوى مدونتك.
  • المعلنون عن طريق جوجل ادسنس يتمثلون فى الشركات الكبيره والمؤسسات العملاقه ذات المصداقيه والإنتشار الواسع.
  • المكاسب من جوجل ادسنس كبيره الى حد ما وليس لها سقف لحجم الربح.
  • ارباحك من جوجل ادسنس تصلك فى الموعد المحدد ولا تتأخر ابدا .. وثق تماما أن جوجل ادسنس لن تأكل عليك اى ارباح من حقك.
لذلك أعتقد أن جوجل ادسنس من اكثر الطرق ثقه وأمانا وفعاليه للربح من مدونتك.

وقد قمت بكتابة هذه التدوينه لأنى وجدت أن معظم المدونين العرب بدأ يتسرب الى قلوبهم عدم الثقه فى جوجل أدسنس أو بدأوا إهمالها وإستبعادها من مصادر ربحهم عبر مدوناتهم. وأنا اعلم ان ايا منكم كان قد ترك جوجل ادسنس فلديه الاسباب الكافيه لذلك.

ولذلك كتبت هذه التدوينه ... ليكتب كلا منا المشاكل التى واجهته مع جوجل ادسنس والحلول إن كان قد وجد لها حلول وإنطباع كل منا عن جوجل أدسنس .. وبالطبع من لديه سؤال عن جوجل أدسنس فهذا هو مكانه .. فى انتظار تعليقاتكم وأسألتكم ....
الجمعة, يونيو 03, 2011

مدونتك فى المكانه التى تريدها وتتخيلها أنت

الكثير منا لا يعلم الا القليل عن علم النفس أو البرمجه اللغويه العصبيه أو العقل الباطن وقدراته الكثيره جدا والمؤثره.

هناك مبدأ فى علم البرمجه اللغويه العصبيه يقول " أنت فى المكانه التى ترى نفسك فيها " ومعناها أن كل منا يرى نفسه بشكل معين, بعضنا يرى نفسه عبقريا والبعض يرى نفسه محدود الذكاء, بعضنا يرى نفسه قادر على حمل اشياء ثقيله والبعض يرى نفسه غير قادر على حملها, بعضنا يرى نفسه قادر على الصبر والمثابره والبعض يرى نفسه غير قادر على الصبر والانتظار, وأنت فى كل الحالات ستكون كما ترى نفسك. لو رأيت نفسك عبقريا ستصبح بدون شك عبقريا, لو رأيت نفسك مدونا ناجحا ستصبح بدون شك مدونا ناجحا ومتميزا, أما لو رأيت نفسك مدونا محدود القدرات ولن تستطيع تحقيق النجاح فستبقى طوال حياتك على هذه الدرجه وهذه المكانه.
اتحدث فى تدوينتى هذه إلى المدونين المحترفين والمبتدئين على حد سواء, لأن تفكيرك فى مدونتك وتدويناتك واسلوبك فى التدوين يحتاج منك إعادة ترتيب وتفكير حتى تطور من اسلوبك ومن مدونتك وترفع مستواها.

كل ما عليك فعله هو أن تجلس مع نفسك تحدد ما هو وضعك الحالى ووضع مدونتك, وماذا تريد أن تصل اليه أنت ومدونتك, حدد إمكانياتك وقدراتك جيدا وقم بعمل حصر لمواهبك وممتلكاتك الفكريه وصدقنى ستجد مدونتك فى المكان الذى تتخيله.
الجمعة, مايو 06, 2011

قائمة مواقع لتوليد أكواد سى اس اس 3

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

  1. CSS3 Generator
  2. CSS3 Please
  3. CSS3 Click Chart by Impressive Webs
  4. CSS-Tricks Button Maker
  5. Border Radius
  6. Font Squirrel @Font-Face Kit Generator
  7. Westciv
  8. CSS3 Gradient Generator
  9. Widgetpad CSS3 Generator
  10. Border Image
  11. Dry Icons Button Generator
  12. CSS Corners
  13. CSS3 Maker
  14. CSS3 Rounded Corner Generator
  15. CSS3 Menu Generator
  16. CSS3 Column Generator
  17. Quick 3-Color CSS3 Gradient Generator
السبت, أبريل 16, 2011

أعلى عشرة مدونات ربحا على مستوى العالم

أعتذر لكم زوارى الأعزاء عن قلة تدويناتى هذه الأيام وذلك بسبب إنشغالى الشديد, ولكن كان من الواجب على أن اقتطع من وقتى لأقدم لكم تدوينه.
فى هذه المره سأعرض عليكم أعلى عشرة مدونات على مستوى العالم تحقيقا للربح المادى, ولا يجب أن ننسى أنهم وصلوا لهذا المستوى بسبب العمل الشاق والجهد المركز للوصول إلى ما يبغون. فلنتعلم منهم ولو القليل.
  1. Techcrunch
  2. Mashable
  3. Perezhilton
  4. Timothysykes
  5. Smashingmagazine
  6. Tutsplus
  7. Gothamist
  8. Lifehacker
  9. Venturebeat
  10. Readwriteweb
وللعلم فالمدونات التى ذكرناها فى هذه التدوينه ربما بل من المؤكد أنها ستتغير مع الوقت أى أن هذا الترتيب هو فى وقت كتابة التدوينه فعليك مراعاة ذلك عند قرائتها.
الجمعة, أبريل 15, 2011

كيف تعمل تقنية سى إس إس CSS

فى هذا الدرس ستتعلم كيف تقوم بإنشاء ملف التصميم الأول, ستتعلم أساسيات CSS وما هى الوسوم اللازمه لتستخدم CSS فى وثيقة HTML .

الكثير من خصائص CSS تشبه تلك المستخدمه فى HTML لذلك إذا تعلمت HTML وإستخدمتها لإنشاء التصاميم فأنت فى الغالب ستتمكن من تعلم CSS بسهوله, لنلقى نظره على هذا المثال الأساسى.

القواعد الأساسيه لكتابة CSS .
لنقل أننا نريد اللون الأحمر ليكون خلفيه للصفحه, بإستخدام HTML يمكننا أن ننجز ذلك بهذه الطريقه :
<body bgcolor="#ff0000">
مع CSS يمكن تحقيق نفس النتيجه بكتابة هذه الأوامر :
body {background-color: #ff0000;}

كما تلاحظ, أوامر CSS تتشابه كثيرا مع HTML والمثال أعلاه يوضح لك الأسلوب الأساسى لكتابة CSS
لكن أين نضع أوامر CSS ؟؟ هذا هو ما سنتعلمه الآن.

تفعيل CSS فى صفحة HTML 
هناك ثلاثة طرق يمكن أن تستخدمها لتفعيل CSS فى صفحة HTML وهذه الطرق مشروحه أدناه, ونحن ننصح بأن تركز وتستخدم الطريقه الثالثه, وهى أن تضع  CSS فى ملف منفصل.

الطريقه 1 : ضمن وسوم HTML بإستخدام خاصية STYLE
إحدى الطرق لتفعيل CSS فى HTML هى بإستخدام خاصية STYLE ونأخذ مثالا وهو المثال الذى فى الأعلى الذى أردنا فيه إستخدام اللون الأحمر كخلفيه للصفحه, ويمكن تطبيق هذا الأمر بهذا الشكل.
<html>
        <head>
                <title>Example<title>
         </head>
         <body style="Background-color: #ff0000;">
               <p>This Is a Red Page</p>
          </body>
</html>
الطريقه 2 : ضمن ملف HTML بإستخدام وسم STYLE
هذه الطريقه مختلفه بأنها تستخدم وسم STYLE وهذا مثال لكيفية تطبيق هذه الطريقه :
<html>
    <head>
        <title>Example<title>
         <style type="text/css">
             body {background-color:#ff0000;}
          </style>
      </head>
    <body>
     <p>This Is a Red Page</p>
    </body>
</html>
الطريقه 3 : ملف خارجى
هذه هى الطريقه الأفضل, وهى أن تقوم بوضع رابط لملف خارجى يحوى أوامر CSS  وخلال هذا الدرس سنقوم بإستخدام هذه الطريقه لجميع الأمثله.

الملف الخارجى هو ببساطه ملف نصى يستخدم اللاحقه CSS ومثل الملفات الأخرى يمكنك أن تضعه فى مزود موقعك أو على القرص الصلب.

مثلا, لنقل أن ملف التصميم لديك إسمه STYLE , هذه الحاله يمكن توضيحها أكثر من خلال هذا الرسم :
والمهم هنا هو إنشاء رابط بين ملف HTML وملف التصميم (STYLE.CSS) مثل هذا الرابط يمكن إنشاءه من خلال سطر واحد فى HTML وهو :
<link rel="stylesheet" type="text/css" href="style/style.css" />
لاحظ كيف أن مسار الملف حددناه بإستخدام خاصية href وهذا الأمر يجب أن يوضع فى قسم رأس الصفحه أى بين وسمى <head> و </head> كما فى المثال الآتى :
<html>
    <head>
        <title>my document</title>
            <link rel="stylesheet" type="text/css" href="style/style.css" />
     </head>
<body>
هذا الرابط يخبر المتصفح بأن عليه أستخدام التصميم من ملف CSS عندما يقوم بعرض ملف HTML والجميل هنا أنك تستطيع ربط العديد من ملفات HTML بملف تصميم واحد, بمعنى آخر يمكن لملف تصميم واحد أن يستخدم للتحكم بتصميم العديد من ملفات HTML .
هذه الفكره يمكن أن توفر عليك الكثير من الوقت والجهد, أذا أردت مثلا ان تغير لون خلفية موقع يحوى 100 صفحه فملف التصميم يمكنه أن يوفر عليك الوقت فلا تحتاج الى تعديل 100 ملف بنفسك, بإستخدام CSS يمكنك تغيير ما تريد فى ثوانى بتغيير سطر واحد فى ملف التصميم.
الخميس, أبريل 07, 2011

مقدمه فى لغة سى إس إس CSS

ما هى تقنية CSS ?

CSS هى إختصار ل Cascading Style Sheets .

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

HTML تستخدم لوضع هيكلية ونظام منطقى للمحتويات, أما CSS فهى تستخدم لإضافة تصميم لهذه المحتويات.

حسنا, قد يبدو هذا مربكا لكن أكمل القراءه وستفهم ما قرأته قريبا.

فى الماضى القريب إخترع رجل إسمه تيم برنرز لى شبكة الويب, فى ذلك الوقت كانت HTML تستخدم لإضافة هيكليه للنص, الكاتب يمكنه أن يقوم بإضافة معنى للنص بأن يقول مثلا " هذا عنوان " أو " هذه فقره " ويستخدم وسوم <H1> و <P> .

ومع إزدياد شهرة شبكة الويب بدأ المصممون فى البحث عن طرق لإضافة تصميم للوثائق, ولتلبية رغباتهم قام مبرمجوا المتصفحات - نيتسكيب و مايكروسوفت - بإختراع وسوم HTML جديده مثل <FONT> الذى يختلف عن وسوم HTML الأصليه بأنه يهتم بالشكل لا بالهيكليه.

أدى ذلك إلى أن تستخدم وسوم هيكليه مثل <TABLE> بشكل خاطىء, حيث إستخدم هذا الوسم لتحديد تصميم الصفحه بدلا من إضافة معنى للنص, والكثير من الوسوم التى إخترعت مثل <BLINK> كانت فقط مدعومه من قبل متصفح واحد, وأصبحت جملة " ستحتاج الى المتصفح الفلانى لرؤية هذه الصفحه " مالوفه فى مواقع الشبكه.

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

كيف ستفيدنى لغة CSS ?

تعتبر CSS ثوره فى عالم تصميم المواقع, وفوائدها الأساسيه هى :
  • التحكم بالتصميم من خلال ملف واحد.
  • إمكانيه أكبر وأدق للتحكم بتفاصيل التصميم.
  • إنشاء تصاميم خاصه لمختلف وسائل عرض الموقع, مثل الشاشات والطابعات والهواتف النقاله .... إلخ.
  • العديد من التقنيات والأساليب المتقدمه فى التحكم بالتصميم.
الاثنين, أبريل 04, 2011