مواقع ومصادر تعليم CSS

css هي إختصار للأحرف الأولى لكملة cascading style sheets وتعني صفحات الأنماط الإنسيابية أو صفحات الأنماط المتعاقبة والبعض يسميها صفحات الأنماط المتراصة ومن وجهة نظري الأولى هي الأصح . إن تقنية css تجعل تصميمك جميل إحترافي وسهل وبدون إعادة هيكلية كل صفحة تريد نشرها تمكنك تقنية css من فصل الشكل عن البنية وتستطيع التحكم بالتصميم أفضل وأسهل مع الكثير من الخصائص والعناصر التي لم تكن قادر على إستخدامها من قبل والكثير من المزايا التي لايمكن حصرها من ناحية الألوان واللهوامش والأشكال الطبقات والقوائم المواضع الوضوع … الخ ومن أهم خصائص تقنية css أنها تضمن لك سرعة فائقة في الصفحات و توافقية مع جميع المتصفحات مثل firefox , opera , internet explorer, safari .. الخ ملاحظة يجب عليك وضع رابط ملف .css في صفحة html بين وسمي head. وتجد في القائمة اليمنى دروس مفيد جداً للمبتدئين تفيدك في عناصر التحكم الخاصة بتقنية CSS من حيث الألوان الأشكال الهوامش الطبقات القوائم الخلفية المواضع والوضوح

ستجد هنا دروس مفيدة جداً للمبتدئين تفيدك في عناصر التحكم الخاصة بلغة CSS من حيث الألوان الأشكال الهوامش الطبقات القوائمالخلفية المواضع والوضوح وغيرها من المواضيع التي تخص مجال تصميم صفحات الانترنت بواسطة XHTML&CSS

وهذة بعض المواقع المفيدة في تعلم CSS:

1. css3.com
2. w3.org
3. html.net
4. w3schools.com
5. csstutorial.net
6. echoecho.com
7. tizag.com
8. maxdesign.com.au
9. mako4css.com
10. quackit.com

تابع القراءة admin Résuméabuiyad

‫دورة تعلم لغة css

تابع القراءة admin Résuméabuiyad

قالب تقني على شكل سكريبت مجله الكترونيه (قالب المساعد العربي-v7)

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

مميزات القالب
1-قالب انيق ومميز واحترافي
2-يتميز القالب بقائمه منسدله احترافيه
3-يتميز بخفة في التصفح
4-يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
5-اضافة الاشتراك في المواقع الاجتماعيه
6-سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
7-يتميز القالب بسلايدرات احترافيه تلقائيه ذاتية التشغيل
8-اضافة مشاركة المواضيع على الشبكات الاجتماعيه
9-اضافة كاتب الموضوع اسفل التدوينه
10-إضافة لمشاركة المواضيع على الشبكات الإجتماعية
11-إضافة اقرا المزيد
12-يتميز القالب باربع قوائم اسفل الفوتر
13-يحتوي على خطوط ويب مميزه واحترافيه
14 -يتميز القالب بتعليقات بلوجر المترابطه
15-صفحات مرقمه بشكل جميل واحترافي
16-متوافق مع اشهر المتصفحات ماعدا انترنت اكسبلور

تابع القراءة admin Résuméabuiyad

حصريآآ افضل قالب على الاطلاق للمدونات التقنية 2014

حصريآآ افضل قالب على الاطلاق للمدونات التقنية 2014

تابع القراءة admin Résuméabuiyad

شرح اضافة صندوق اعجاب فيسبوك منبثق لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته 

يسر مدونة المحترف 99 للكمبوتر ان تقدم لكم هذه الاضافة الحلوة وهي عبارة عن صندوق الاعجاب فيسبوك منبثق

على مدونتك بلوجر وهذه الاضافة مدعومة بشرح فيديو مقدم من المحترف 99 للكمبيوتر ارجو ان تستفيدو معنا

شكل الصندوق

الكود 

<style type='text/css'> #haakblogFBpop { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#FEFEFE;font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #haakblogFBpop a.haakblogclose { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#000000; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:25px; cursor:pointer; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top $('#haakblogFBpop').animate({top:"150px"}, 1000); // Widget by www.haakblog.com $('a.haakblogclose').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='haakblogFBpop'> <!-- Widget by www.haakblog.com Start --> <center> <b>ادعمنا بضغطة زر لتساعدنا على الاعطاء والابداع</b></center> <center> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F651899814874611&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/> </center> <!-- Widget by www.haakblog.com End --> <a class='haakblogclose' href='#'>×</a> <center style='float:right; margin-right:10px;'> <span style='font-size:xx-small; color:#000; text-decoration:none;'></span> <a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> </a> </center> </div>

الشرح بالفيديو

تابع القراءة admin Résuméabuiyad

الـ html في عشر دقايق

الـ html في عشر دقايق

بسم الله الرحمن الرحيم . .

في هذه التدوينه ساختصر اهم مافي الـ html . .

اولآ : طريقة انشآء صفحة وحفظها . .

نفتح برنامج المفكره . .

نبدأ الكتابه . . بالتاكيد سوف تبدآ بـ كالعادة بـ html ..

اقول لك خطآ . .

مآرآيك لو جعلنا الاتش ام لي . . عربيه . . !

يعني يتحول الاتجاه الى اليمين . . تلقآئيـآ .. مو شمآل ..

و عدم ظهور كلمات ظظظظظ ؟

اذا اكتب بدل اتش ام ال تي ..

<html dir=rtl>

جيد الان نكمل الصفحة ..

<head>

يكون دآخلها العنوآن ، الكلمات الدليية ، الميتا تاج ، وصف الموقع ، بعض الوسوم . .

يكون بدآخل الhead

وسم مهم . .

<title></title>

العنوآن . .

نضع عنوآن الموقع في الوسط ..

نغلق الكود واغلب الاكوآد بـ </head>

وضع علامه /

الان وسم بناء الصفحة . .

<body>

وسوف يكون دآخله .. كل شي . .

ونقفله بـ

</body>

نغلق الصفحة بـ . .

</html>

ونحفظ الملف بصيغة . .

xxx.html

الكتابه لليمين او لليسار او الوسط . .

<p align="left" ></p>

right , center , left

يسآر ، وسط ، يمين . .

يكون التعديل على

"left"

ومكان القوسين نضع الكلام . .

>< ضع الكلام في الوسط . .

حجم الخط . .

1- الطريقة الاوله ..

ملاحظة حجم الخط يكون بالبكسل px

والكود الخاص به هو

 

كود:

<font style="font-size: n"> text </font>

حيث الـ n حجم الخط إلى مالا نهاية



أيضا في هذا الوسم تستطيع إستخدام أياً من وحدات القياس مثال ذلك :

سنتيمتر cm , مليميتر mm , نقطة pt , بيكا pc , انش in

مثال

 

كود:

<font style="font-size: ncm"> text </font>

كود:

<font style="font-size: nmm"> text </font>

كود:

<font style="font-size: npt"> text </font>

كود:

<font style="font-size: npc"> text </font>

كود:

<font style="font-size: nin"> text </font>

حيث أن الـ n حجم الخط


ملاحظة : إذا تركت الحجم بدون قيمه فإن الوسم يكون تلقائياً بالبكسل px

الكود آلثآني وهو . .

الرقم 1 يمثل العنوان الأكبر 

و رقم 6 يمثل العنوان الأصغر

الوسم المستخدم لها

كود:

<h1>title</h1> <h2>title</h2> <h3>title</h3> <h4>title</h4> <h5>title</h5> <h6>title</h6>

ملاحظه هامه : تكتب هذه الأوسام في الجسم <body></body

الان تغير لون الخلفية . .

<body bgcolor="#">

بعد هلامه # تضع رمز اللون ..

لمعرفة رموز الالوآن . .

http://www.dev-point.com/colors.htm

تغير اللون والخط والحجم . .

<font color="red" face="tahoma" size="4"> Html </font>

اللون = color
نوع الخط = face
حجم الخط = size
النص = Html

التاطير . .

<fieldset>
<legend>zodiac</legend>
<center>I Love html</center>
</fieldset>

ال <legend>zodiac</legend>

^

عنوآن الاطآر ..

<center>I Love html</center>

^

اللذي يكون بدآخل الاطآر

اضافة رآبط . .

<a href="http://URL">إضغط هنا</a>

اضافة صوره . .

 

<img src=URL>

اضافة فلاش . .

 

<embed src=URL>

اضافة مقطع صوتي ..

 

آدرآج مقطوعـه صوتيـه بأمتداد [ Rm ] !

كود:

<param name="BACKGROUNDCOLOR" value="#000000"><embed src="هنا رآبط المقطع" align="baseline" border="0" width="275" height="40" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" autostart="true"> <br>

آدرآج مقطوعـه صوتيـه لكن بأمتداد [ Wav + Mid ] !

 

كود:

<bgsound src="المقطع" loop="infinite"> <br>

هوا نفس الكود الثآنئ


بس يشتغل بشكل مرئي يعني تقدر توقفه وتشغل متى ما احببت !

 

كود:

<embed src=المقطع autostart="true" loop="false" width="128" height="128">

آستخدمنا بهذا آلكود وسم autostart آي تعني آلبدآيه الاوتومآتيكيه آو الاليـه !

ملاحظة .. مكان كلمه URL

رآبط الصوره او الفلاش او الموقع . .

هذا شرح مختصر ل HTML

منقول من 

http://ahm-7.blogspot.com/2012/08/html.html

تابع القراءة admin Résuméabuiyad

دورة تعلم البرمجة بلغة PHP

دورة تعلم البرمجة بلغة PHP

تابع القراءة admin Résuméabuiyad

ما هي المدونة

ما هي المدونة؟

هل أنت مبدع؟ هل تمتلك القدرة على الإبداع؟ هل أبدعت ولكنك لم تجد بعد مكاناً لتضع فيه إبداعك؟ بإمكانك أن تنشر ما تريد على مدونتك الخاصة.

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

وبما أن المدونة هي إبداع، فذلك يعني أنها لا تحتوي على مواضيع منقولة أو مأخوذة من أحد المواقع والمنتديات، إنما فقط تحتوي على أشياء أنت بقلمك قد كتبتها.

وليس للمدونة قانون تخضع له ليحكمك في كتاباتك وآرائك، فتستطيع أن تكتب ما يرشدك إليه عقلك سواء أكان موافقاً لآراء الآخرين أو لا فكل ما يهمك هو إظهار رأيك بطريقة وبمكان لا يستطيع أحد أن يجبرك على تغيره.



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

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

فقد قامت إدارة جذاب بإنشاء هذا المنتدى لنتبادل الخبرات والأفكار ووجهات النظر، فساهم معنا في الارتقاء بهذا الموقع، من خلال خبرتك وإبداعك.

تابع القراءة admin Résuméabuiyad