الدرس الخامس : تنظيم النصوص والعناوين

الخميس، 12 نوفمبر 2015

Tweet

في هذا الدرس سنحاول فهم آلية التحكم بطريقة عرض وتنظيم النصوص والعناوين داخل صفحة الويب باستخدام html5 .
على أن نتناول في الدرس القادم طريقة التحكم في النصوص والعناوين بـ CSS3 من خلال درس مصور فيديو .

العناوين 

تتكون الصفحات عادة من مجموعة من الفقرات والعناوين ,  ولذالك وفرت لنا HTML5 ست درجات من العناوين يمكننا ملاءمتها مع مختلف درجات الأهمية التي تحتلها العناوين الرئيسية أو الفرعية في صفحة ويب ما , حيث تتدرج من "عنوان بالغ الأهمية" إلى أقل أهمية فأقل أقل أهمية ... إلخ .
<h1> </h1>  عنوان بالغ الأهمية
<h2> </h2>  عنوان مهم جدا
<h3> </h3> عنوان مهم
<h4> </h4> عنوان قليل الأهمية
<h5> </h5> عنوان غير مهم
<h6> </h6> عنوان بدون أي أهمية

الدرس الرابع : استخدام css لتزيين عناصر الموقع + فيديو

السبت، 13 أبريل 2013

Tweet

استطلعنا في الدروس الثلاثة الماضية بعض الامكانات المتاحة في لغة html , وحاولت توصيل الفكرة الأساسية من اللغة وطريقة تعاملها مع محتوى الويب , طبعا لن نستطيع الإحاطة بكل وسوم اللغة وأوامرها , لكن فهمنا الجيد لطريقة معالجة اللغة للمحتوى وقواعد كتابة أوامرها وترتيب وسومها المختلفة , سيمكننا بلا شك من اختصار الطريق نحو اتقانها والتقدم بشكل كبير وفهم اللغة بشكل أسرع .
في هذا الدرس الرابع سنتوقف قليلا مع لغة css وسنحاول تسليط الضوء عليها بشكل مختصر أيضا لأننا سنتناولها بشكل أكثر تفصيلا في قادم الدروس :
1- ماهية CSS
2- إصدارات CSS
3- آلية تطبيق ستايل css
4- فيديو

الدرس الثالث: استخدام الوسوم والقائمة الجانبية

الجمعة، 16 نوفمبر 2012

Tweet

1- أمثلة على استخدام الوسوم الثنائية
2- أمثلة على استخدام الوسوم الفردية
3-القائمة LE MENU
  1-3  - القوائم المرتبة 
les listes ordonnées
  2-3 - القوائم الغير مرتبة
 les listes non ordonnées
4- الفيديو التطبيقي المرفق
5- تحميل الدرس بصيغة WORD

1-أمثلة على استخدام الوسوم الثنائية 
عند تطبيق وسم ثنائي على جزء من الصفحة  فإننا نحصر ذالك الجزء بين وسم الافتتاح ووسم الإغلاق , مثلا .. عند كتابة فقرة نصية :
<p> هنا نكتب النص </p>
أو عند كتابة عنوان نصي في صفحتنا فإن بإمكاننا إستخدام أحد الوسوم المخصصة لذالك وهي
 h1 , h2 , h3 , h4 , h5  وتطبيق أحدها على العنوان ... مثلا :
<h2> عنوان النص </h2>
وسيتم ايضاح ذالك أكثر في الفيديو المرفق .

الدرس الثاني : أنواع الوسوم وطريقة استخدامها

الخميس، 1 نوفمبر 2012

Tweet

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

1- الوسوم Les balises 
       ا - وسوم ثنائية Les balises en paires 
       ب - وسوم فردية Les balises orphelines 
2- هل < DOCTYPE html! > وسم أو لا
3- التعليقات 
4- تحميل الدرس بصيغة PDF

الدرس الأول : صفحتنا الأولى في html5/css3

الجمعة، 26 أكتوبر 2012

Tweet

هذا هو الدرس الأول من دورة احتراف لغة html5/css3 , سنتناول فيه عدة محاور لتوضيح طبيعة المهمة التي تنتظرنا في الدروس القادمة : 
1- ماهية html5
2- ماهية css3
3- أمثلة على مواقع مصممة ب html5/css3
4- كيف نبدأ ؟
5- صفحتنا الأولى بـ html5/css3 
6- فيديو تطبيقي مصور


1- ماهية html5
html هي اختصار لـ Hypertext Markup Language وهي لغة برمجية بسيطة أنشأت عام 1991 باصدارها الأول html 1.0 وكانت بامكانيات محدودة آنذاك , تسمح فقط بإظهار النصوص وبدون أي صور أو إضافات جمالية وتوالت التحسينات والتطوير في اللغة إلى غاية آخر إصدارhtml5 والتي نزلت مؤخرا وبامكانيات مبهرة  فاصبح بامكاننا التحكم بشكل أفضل بمحتوى الصفحة وبالفيديو والصور والكثير من الإضافات الجمالية الأخرى التي سنتعرف عليها أثناء هذه الدورة.
جميع إصدارات هذه اللغة معنية وبشكل أساسي باضافة وترتيب محتوى صفحة الويب من نصوص وصور وفيديوهات وصوتيات ... الخ .

التحضير لدورة html5/css3 , الخطة والآلية والطريق

الثلاثاء، 23 أكتوبر 2012

Tweet

سنتطرق في هذا الموضوع إلى :
1- المقدمة 
2- لماذا نبدأ بـ html5 / css3؟
3- منهجية الدورة 
4- الجدول الزمني للدورة 
5- سعر الدورة 

1- المقدمة
بعض الكتب والدورات تحسسك بصعوبة التعلم وتزيد عليك الأمور تعقيدا بسبب اسلوبها الغير مرتب والمتخبط , فقد عانيت في بداية تعلمي لـ html و css من تلك المراجع .
 كنت أقضي الوقت الطويل لأفهم النزر اليسير ودائما ماكانت تصل إلى المعلومة البسيطة بصعوبة وعناء يكون مصطنعا أحيانا من قبل المؤلف وأحيانا أخرى لغياب المنهج الصحيح لإيصال تلك المعلومات , لأجل أن تتخطو أنتم الصعوبات التي مررت بها , سأراعي في هذه الدورة كل تلك الخبرات التي مرت بي , سأحاول أن أقدم لكم اللب والقلب والمعلومة المهمة والمفيدة لتضعو أقدامكم على الطريق الصحيح وتحترفو تصميم المواقع بـ html5 / css3 .

2- لماذا نبدأ بـ html5 / css3 ؟
البعض أخطأ الطريق الصحيح لاحتراف تصميم المواقع فسلكوا طرق قصيرة ومختصرة أوصلتهم إلى الملل واليأس والشعور بأن التقنية تحكمهم وتحد من إبداعاتهم بدل أن تكون وسيلة لتنفيذ كل تصوراتهم الإبداعية .