سنتعلم في هذا الفصل كيفية إدخال المحتويات في صفحة الويب ، كما رأينا سابقا : لا يتم ذلك بأية طريقة كانت ، لا يجب نسيان أن صفحة الـHTML تتكون من عناصر و وسوم ، هذه العناصر تخبر الحاسوب بما يعرضه ( هذه فقرة ، هذا عنوان و غيرها ) . سنتعرف على العديد من العناصر في هذا الفصل . بعضها كان موجودا من الإصدار الأول للـHTML ، و البعض الاخر تمت برمجته في الإصدار الأخير فقط .
في هذا الدرس ، ستتعلم طريقة عمل سلايدشو بسيط بإستخدام لغتي الـCSS و الـjQuery فقط ، مرحلة بمرحلة ، ستتعرف على البنية الأولية للسلايدشو بالـHTML ، الـCSS ثم الـjQuery ، و إنطلاقا من المعلومات التي يقدمها هذا الدرس ستكون قادرا من إبداع عدة أشكال و أنواع من السلايدشو عبر تغيير قيم الـCSS .
الجي كويري - واجهة المستخدم أو jQuery User Interface ، إنها لغة برمجة مدرجة تحت نطاق الجافاسكربت ، غير أنها مكتوبة بلغة الجي كويري العادية ، فهي مكتبة عملاقة من الجي كويري تتيح لمدراء المواقع و المصممين و مطوري الوب خلق تأثيرات ديناميكية رائعة و إنشاء أدوات كانت تعتبر من المستحيلات قبل فترة ليست بطويلة من الزمن .
كما تعرفنا سابقا ، الجافاسكربت لغة برمجة تستخدم عادة مع لغة الـHTML . سوف نتعرف في هذا الفصل على طريقة إدخال لغة الجافاسكربت في صفحات الوب ، و سنتعرف على بنيتها الأساسية ، كما سنتعرف أيضا طريقة عرض نافذة المحاذثة على شاشة المستخدم باستخدام هذه اللغة .
بالنسبة لمحرر النصوص الذي نستخدمه عادةً هو ++NotePad بالنسبة للويندوز ، أما للذين يمتلكون نظام تشغيل اخر فيمكن إستخدام برنامج Vim بالنسبة للـLinux أو برنامج TextWrangler بالنسبة للماك .
تلعب الجافاسكربت دورا حيويا و فعلا في صفحات الوب ، حيث تقوم هذه اللغة بوظائف خارجية و داخلية غاية في الأهمية ، إنها لغة برمجة بسيطة ، مرنة و دقيقة تجعلك تتحكم في صفحات موقعك بسهولة و فعالية ، ببساطة تبث الجافاسكربت الروح في صفحات الوب و تجعلها قادرة على التفاعل مع المستخدم .
مدخل إن صفحات الوب التي تراها أمامك في المتصفح عبارة عن ملفات يمكنك تحميلها على حاسوبك و حفظها ، و عادة ما تكون هذه الملفات بالإمتداد html.* . فإنطلاقا من إنشاء هذه الملفات يمكنك إنشاء صفحات الوب و بالتالي يمكنك إنشاء موقع كامل ، و ذلك باستعمال لغات التصميم الأساسية و البعض من لغات البرمجة ، فلغات التصميم الأساسية هي الـHTML و الـCSS ، أما لغات البرمجة فهي كثيرة و الجافاسكربت لغة من لغات البرمجة الأهم و الأكثر إستعمالا في مواقع العالم . و الإلمام الجيد للغة الجافاسكربت يتطلب أولا المعرفة الكاملة لأساسيات الغات التي قبلها ، و على رأس هذه اللغات HTML و CSS .
توفر شركة مايكروسوفت خدمة الأوفيس أون لاين دون الحاجة إلى تثبيته على الحاسوب ، خصوصا إذا عرفنا أن هذا البرنامج مبلغ شراءه كبير جدا ، و يأخد مساحة كبيرة من إمكانية الجهاز عند التثبيت والإستعمال، ولهذا الغرض وانا شخصيا كنت ساعمل درس طريقه تثبيته هو والكراك لاكن سياخذ من (c) سعه كبيره جده فيمكنك الإستغناء عن تثبيته على حاسوبك واستعمال الخدمة أون لاين التي تشترط أن يكون لديك بريد إلكتروني على (outlook (microsof
مقدمه بسيطه طبعا ليس من دخلنا اكثر من اخبار التقنيه ولاكن هذه الشياء يجب ان يهتم بها حتى المدونون المقال الكثير منا هذه الأيام لا يشعر بقيمة الوقت ، ويمضى معظم أوقاته فى أشياء غير مفيدة له حتى ، فضلاً على أن تفيد أمته وبلده الذى يعيش فيه ، ربما كانت النية لدى كثير منا بالتغير ولكن تبدأ الأمور فى ذروتها ومع مرور الوقت تخبو تلك الشرارة فينا ، ربما لم يأخذ منا أحد الأمر بالجدية المطلوبة.
ومع إنتشار التقنية اليوم تظهر حقائق كانت تغيب عن معظمنا ، ومن رأى المتواضع الآن أنك إذا أردت أن تعرف شعباً عن قرب تستطيع معرفته من معرفة سلوكه تجاه التقنية. هل لاحظت نوعية فيديوهات اليوتيوب التى شاهدها الوطن العربى عام 2013 ، والتى حتمــاً لا يُمكن وصفها إلا بالمؤسفـة ؟!
فى الوقت التى تأتي فيه مبادرة الحكومة الأمريكية الرائعــة لتعلم البرمجة ..
هكذا أصبحت الأمم تُعرف بمدى تعاملها مع معطيات هذا العصر !
ربما كانت المقدمة قاسية بعض ما ولكن بداية العلاج أن تعرف المرض ، والمرض الذى نحاول أن نعالجه هنا هو ” إضاعة الوقت ” .. حسناً ماذا أفعل لأكون شخصاً أفضل ؟ ماذا أفعل كى أطور من نفسى وأمتى ؟ ..
سأسرد لك الآن 15 عادة سهلة ، ستجعلك شخصـاً رائعــاً بعد فتــرة قصيرة من تطبيقهـا .. حتمـاً ستتغيــر حياتك ، وحيــاة مُجتمعــك إلى الأفضــل !
1 – أقرأ كل يوم
من أكثر الطرق نجاحاً لتغيير طريقة تفكيرك القراءة ، أبدأ الآن فى صنع قائمة بالكتب التى ستقرأها هذا العام ، ولتثرى نفسك نوع منها دينية ، ثقافية وتقنية ما يحلو لك ، ربما تبدأ بقراءة كتب فى مجالك فهذا أفضل ، وتذكر أن الفكرة فى إستمرارية القراءة فربما كان الكتاب كبيرا لا تستطيع قراءته كاملاً فى يوم واحد ، أبدأ الآن ..
2 – تعلم لغة جديدة
إذا أردت أن تفتح باباً جديداً من أبواب المعرفة فعليك إذن أن تملك المفتاح ، فلن تستطيع مثلاً أن تتعلم البرمجة إلا إذا كنت تجيد الإنجليزية ، وليست الإنجليزية فقط فأى لغة تحبها أبدأ من الآن تعلمها ، ربما يأتى يوم عليك تزور أسبانيا أو ألمانيا أو أى بلد .. ألا تحب أن تتكلم معهم بدون مترجم تصحبه
3 – تعلم كورس (دورة تعليمية) جديدة
أحياناً يدور ببالك كم أحب الويب .. هل جربت أن تتعلم لغات برمجته ، هل جربت أن تتعلم كورس (اتش تى ام ال) مثلاً ، ربما الجافا أو الـ (ال تى إى) ، حان الوقت لتتعلم أكثر وتطور من نفسك .
4 – إرتقِ بمهاراتك
كل منا بالطبع لديه مهارات وهبها الخالق له ، لما لا تطورها أو تنقلها لمستوى آخر مستوى متقدم ، أو حتى من المهارات اليومية التى تستخدمها ، لما لا تزيد من سرعة كتابتك على الكمبيوتر مثلاً ..لا تقف عند حد معين فمن حمد النعمة إستخدامها وتطويرها .
شاهدت مؤخراً انفوجرافيك يوضح مواعيد إستيقاظ مدراء كبرى الشركات حول العالم ، وكانت ساعات الإستيقاظ معظمها ما بين الرابعة والسادسة صباحاً ، وبصراحة لم أستغرب الأمر فمن كانت له أهداف ينجزها وأهداف يحققها بالتأكيد سيستيقظ لها مبكراً .
لن تستطيع أن تواصل المسير نحو أهدافك بجسم كسول ، أليس كذلك ؟ داوم على بعض التمارين التى تبقيك نشيطاً لمتابعة نشاطاتك وأعمالك .
7 – أكتب خطاب لنفسك فى المستقبل
أحد المواقع الطريفة فكرتها تقوم على كتابة رسالة لنفسك تصلك بعد سنة أو أكثر كما تحب .. أكتب لنفسك رسالة شكر لتحقيقها أهدافك أكتبلها الأهداف التالية ، حفزها شجعها على المواصلة .. جرّب منهنا
8 – تعرف على نقاط ضعفك
كل منا لديه هذا الجانب المظلم ، الذى لا يحب الإقتراب منه ، أو يخجل من مواجهته ربما حان الوقت لتواجه نفسك بعيوبها ، فالكمال لله عز وجل وحده ، أعرف نقاط ضعفك وعيوبك وأعمل على إصلاحها لن يصلحها لك أحد بالمناسبة .
9- أصنع قائمة واجبات
تعود كل يوم قبل أن تنام أن تراجع أهدافك لليوم التالى ، وتذكر لن يفيدك ملئ هذه القائمة بأشياء أنت نفسك تعرف أنك لن تفعلها ، من ثلاث لأربع واجبات مهمة وعلى حسب أولوياتك تكفى أن تضع عليهم علامة صح آخر اليوم ، صدقنى ستشعر بالفرق .
10- تعلم من الشخصيات الملهمة
كثيراً ما تمضى وقتك على الشبكات الإجتماعية ، أجعل من نفسك راداراً للأشخاص الملهمة و قصص النجاح مع مرور الوقت ستشعر بالفرق ، ومدى نيتك لتغيير نفسك ، ربما لا تصدق حسناً شاهد هذا الفيديـو
11 – تجنب الأشخاص السلبيين
لا تستمع لهؤلاء أبدا .. أنت نفسك فقــط ، وليس هُم ! .. هذا أقل ما يقال أنت نفسك أهدافك طموحاتك غاياتك لك أنت ، ووحدك الذى سيحققها ، ربما يكون لديك بعض الأصدقاء منهم وتخشى أن تخسرهم ، هل تتذكر الرادار هذه المرة تخيل أنك تستمعلموقع( Rainy Mood ) .
12- قلل من أوقاتك على برامج الشات
تستطيع تقليلها بالتأكيد ، إذا كنت تشعر بأن المحادثة مفيدة لا بأس لكن لا تأتى على حساب أهدافك فلديك وقت يجب أن تستثمره .
13- تعلم الشطرنج (أو أى لعبة إستراتيجية)
كثيراً ما نقضى أوقاتنا فى الألعاب والفيديو جيمز فلما لا نقضيها بلعبة تغير من طريقة تفكيرنا ، الشطرنج من أشهرها ولكن يجب ألا تدمنها والألعاب الإستراتيجية ما أشهرها .
14- خذ قسطاً من الراحة
هل أرهقت لا تستطيع أن تكمل ، يمكنك بالطبع التمشية قليلاً أو الإبتعاد عن التلفاز والكمبيوتر وأن تستلقى فقط تستمع للسكون ، ربما مع مرور الوقت ستجد أفكاراً مبدعة تزاحمك وقت راحتك ، لا تقلق حينها .
15- أقرأ على الأقل مقالاً واحداً فى تنمية الذات يومياً
يجب أن تضع ببالك حقيقة أنه لا يوجد محفزاً لك أكثر من نفسك للمتابعة ، داوم على قراءة المقالات المفيدة ، أبتعد عن الضوضاء .
انهرده اول درس لاضافات بلوجر انتظرو منا المزيد ...
هل مللت من قائمة التنقل موقعك ويب الخاص بك؟ هل تريد تغيير القائمة في موقعك إلى قائمة جديده كليّا مثل واجهة النظام ويندوز8 ؟ القائمة هي واحدة من العناصر الأساسية لموقعك لأنه ماتكمل اناقة موقعك من دونها، هذه القائمة سهل الاستعمال. مع أسلوب أنيق وتفاصيل راقية التي تجذب شخص مثل نحلة إلى العسل. لتوفير ما يبحث عنه الأشخاص ، وقد انشأنا هذه القائمة بسيطة جدا بحيث تحتاج إلى تقنية CSS فقط بدون أي سكربتات التي تزيد من حجم مدونتك بشكل كبير. وقد سوف تجد من المميزات مالم تكن تتوقعه.
إذا كانت لديك خبرة عن واجهة Microsoft Windows 8، أو مجموعة من هواتف ذكية جديدة تعمل بنظام Windows Phone 8، هذه القائمة UI METRO ليست شيئا جديدا بالنسبة لك. مستوحاة هذه القائمة من واجهة ويندوز 8. تمكن المدون Syed Faizan Ali من تطوير واجهة المترو الموجوده في نظام الويندوز الثامن إلى منصة بلوجر وتثبيتها في القالب، إذا كان أي شخص لا يزال غير مصدق في ذلك، يمكن إجراء النظر لقطة شاشة التالية.
كيف تبدوا القائمة المترو الظهور؟
ذلك يعتمد على الشخص الذي ما يريد الاستفادة من هذه القائمة لأنها مرنة بحيث يمكن أن تأخذ شكل أي موضوع أو القالب. ومع ذلك، سيكون من المثالي إذا كان أي شخص يضع هذه القائمة في الجزء العلوي من موقعه على الانترنت تحت الهيدر و فوق رسائل المدونة وبذلك، يمكن للزوار الوصول بسهولة دون مواجهة أي تردد على الإطلاق. لذلك لا تتردد في تركيب الإضافه هذه صورة بسيطة عنها
متطلبات التركيب:
قبل تركيب القائمة يجب أن يكون عرض مدونتك مناسبا للقائمة، على الأقل أن يكون أكبر من 850 بكسل. يجب أن يتوفر قالب مدونتك على قائمة أدوات تحت الهيدر مباشرة .
كيفية إنشاء ويندوز 8 وجهة المترو في بلوجر؟
الخطوات التالي هي مثالية بالنسبة للمبتدئين الذين لديهم أقل عن معرفة لغة HTML. الإرشادات التالية هي واضحة للغاية بحيث يمكن لأي شخص بسهولة تطبيقها. اتبع التعليمات التالية بشكل صحيح.
الخطوة الأولي: إضافة الجزء الأول CSS:
انتقل إلى لوحة التحكم توجه إلى صفحة >> القالب > ثم> تحرير HTML .
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة. اشر علامة توسيع قوالب .
الآن في البحث عن ]]></b:skin>ثم قبله مباشرة ألصق الكود الآتي:
/*===MBL METRO UI Menu==*/
body { font-family:sans-serif; } a { text-decoration:none; } .mblmetromenu { width:960px; margin:auto; } @media screen and (max-width:960px) { .mblmetromenu { width:100%; } }
هذا كل شيء. وقد تم دمج وجهة نظام ويندوز 8 تبدو وكأنها قائمة التنقل في موقع الويب الخاص بك.
تذكر: يمكن استخدام هذه القائمة على أي منصة تدعم HTML أو CSS والخ.
اتمنى ان تكون نالت اعجبكم «•¨•» وإن شاء الله فى القريب العاجل هناك بعض المفاجآت الجديدة.فاتبعوني وتأكدوا أن كل من مرّ وأصبح من متابعي موقعنا , سأسارع وأصبح من متابعي مدونته. وفي انتظار ردودكم الطيبه وارائكم واستفسارتكم.
فقط .
