PL-911 : بناء صفحات الانترنت باستخدام HTML4 و CSS وتحسين محركات البحث

1 - لغة XML وتراكيب وصف البيانات.
مستوى الصله بالموضوع الرئيس: مقدمه ذات صله قويه. 	مستوى التعمق في المادة: متوسط.

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

يتضمن هذا العنوان العناصر التاليه:
- تعريف مبسط للغات البرمجه وانواعها المختلفه.
- تعريف مفصل للغة XML وقواعد الكتابه الخاصه بها, ومصطلحاتها الخاصه, واستخداماتها المتعدده.
- العديد من الامثله المختلفه لتوضيح طرق وصف البيانات باستخدام تراكيب XML.
- تدريبات فرديه في استخدام تراكيب XML لوصف بيانات مختلفه من الواقع المحيط.

من المفترض بعد انتهاء هذا القسم ان يكون المتدرب قادرا على:
- استيعاب كامل لمفهوم لغة الوسوم, ومعناها, مع فهم بدرجه كافيه للانواع والاختلافات بين لغات البرمجه.
- القدره على التفكير بطريقة تتماشى مع المنطق البرمجي الى حد مقبول.
- معرفة تامه بقواعد الكتابه باستخدام لغة XML.


2 - لغة X-HTML وبناء هياكل صفحات ويب.
(الموضوع الرئيس)	مستوى التعمق في المادة: عميق.

الأهداف الرئيسه:
الوصول بالمتدرب الى اقصى درجه من الفهم والاستيعاب الكامل لجميع الوسوم الرئيسه المضمنه بلغة
X-HTML 4.0 وطريقه استخدامها في بناء هياكل صفحات ويب.

يتضمن هذا العنوان العناصر التاليه:
- مفدمه للغة HTML و X-HTML وقواعد الكتابه ومعايير w3c القياسيه.
- تعريف كامل لجميع الوسوم الرئيسه المضمنه بلغة X-HTML 4 وطريقه استخدامها والتعامل معها, وعلاقاتها ببعضها البعض.
- تدريبات وامثله عمليه لدمج الوسوم المختلفه لبناء هياكل بسيطه لصفحات ويب, مع تنسيقات اوليه, ودمج للصور والتنقل بين الصفحات, ...
- مقدمه في استخدام الجداول لتنسيق محتوى الصفحه, وبناء هياكل اكثر تعقيدا.
- استخدام النماذج, والأطر, وبعض الوسوم المتقدمه.

من المفترض بعد انتهاء هذا القسم ان يكون المتدرب قادرا على:
- فهم كامل لوسوم HTML الخاصه وفائده وطريقة استخدام كل واحده منها. 
- القدره على تصميم هياكل معقده باستخدام لغة HTML.
- معرفه مبدأيه بطريقة تنسيق الصفحه باستخدام الجداول.


3 - تراكيب CSS 1,2 لتنسيق الصفحات.
(الموضوع الرئيس) 	مستوى التعمق في المادة: عميق.

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

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


4 - برنامج عمل : بناء موقع ويب بسيط / وخدع CSS.

محتوى البرنامج:
يتضمن برنامج العمل تطبيق تصميم لموقع ويب بسيط متعدد الصفحات - بحد اقصى 5 صفحات - باستخدام لغة HTML في بناء هيكل الصفحه وباستخدام CSS في تطبيق التنسيق وتوزيع العناصر.

يقوم كل متدرب بالعمل بشكل فردي على نفس التصميم العام الذي يتم استخدامه بواسطه المجموعه ككل, مع امكانيه اجراء بعض التغيرات البسيطه.

* لا يتم استخدام تصميمات معده باستخدام برنامج Photoshop او غيره في هذه المرحله, بينما يتم رسم تصميم على الورق وتنفيذه مباشره باستخدام الاكواد.

الأهداف الرئيسه:
تطبيق المفاهيم التي تمت دراستها في بيئه عمليه, بالاضافه الى التعرف بشكل عملي على المزيد من اساليب وطرق CSS المتقدمه.

* ليس الهدف انتاج موقع ويب مثالي او تصميم متقن, فالهدف هو فقط تطبيق استخدام الاكواد والطرق التي سبق دراستها في بيئه عمليه متكامله لاختبار تفاعلها مع بعضها البعض.


5 - المعايير "الفنيه" في تصميم مواقع الانترنت ومفهوم WEB 2.0
مستوى الصله بالموضوع الرئيس: شديد الصله. 	مستوى التعمق في المادة: سطحي.

الأهداف الرئيسه:
تعرف المتدرب بالمعايير الحديثه في تصميم مواقع الانترنت, والوصول الى مستوى مقبول من الحس الفني والابداع لدى المتدرب.

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

من المفترض بعد انتهاء هذا القسم ان يكون المتدرب قادرا على:
- معرفه القواعد العلميه للتصميم الصحيح من الناحيه الهندسيه, والفنيه.
- حصوله على بعض الالهام من خلال متابعه الاعمال المبتكره.


6 - برنامج عمل : التعديل على القوالب الجاهزه وبناء صفحات اكثر تعقيدا.

محتوى البرنامج:
ينفسم البرنامج الى مرحلتين رئيستين:

أولا: يقوم المحاضر بتجهيز احد القوالب الاحترافيه المصممه سلفا كملف PSD لاستخدامه في انشاء موقع يختص باحد المجالات العمليه المقترحه, ويعمد على تحويله الى ملف ويب متكامل ومنسق مع اجراء جميع التغيرات اللازمه ليتناسب مع موضوع الموقع المقترح مع شرح مفصل اثناء التنفيذ, بينما يقوم المتدربون بمتابعه العمل والاستماع للشرح.

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

الأهداف الرئيسه:
تحقيق احد الاهداف الرئيسه من الدورة التدريبيه وهي اعداد مصمم يمكنه تحويل اي تصميم مصور الى موقع ويب باستخدام لغة HTML وتنسيقات CSS.


7 - تحسين اداء مواقع ويب
مستوى الصله بالموضوع الرئيس: شديد الصله. 	مستوى التعمق في المادة: متوسط.

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

يتضمن هذا العنوان العناصر التاليه:
- كتابة اكواد اكثر فعاليه واقل تعقيدا.
- تقليل حجم الصفحه والعناصر المرتبطه بها.
- التوافقات والاختلافات بين المتصفحات المختلفه, وبيئات التشغيل المتعدده, واختبار الصفحه.
- صفحات الخطأ, ووسوم Meta, واجزاء اخرى من الموقع.
- مقدمه في تحسين محركات البحث SEO والطرق التي يجب اتباعها عند التصميم.
- تقنيات قديمه وحديثه من اجل محركات البحث (robots.txt, sitemap, micro formats,..)
- مفاهيم خاطئه عند تصميم مواقع الانترنت.

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

المهتمين بدخول مجال تصميم مواقع الانترنت

يمكنك بعد انهاء هذه الدوره العمل كمصمم مواقع انترنت محترف.