مشروع قاموس مصطلحات الكمبيوتر المصور - إنشاء الصفحات -1 ثانية ثانوى عام

إنشاء صفحة Header.php 

إنشاء صفحة Header.php فى شاشة التصميم

من خلال برنامج Expression Web قم بعمل الأتى لإنشاء صفحة Header.php بالمواصفات التالية:

تحتوى على صورة مناسبة للموقع وتظهر فى بداية الصفحة على النصوص الأساسية التى سيتم ربطها بصفحات الموقع لمساعدة المستخدم للموقع من الإنتقال لباقى صفحات الموقع

ولتنفيذ ذلك يتم عمل الأتى:

• تحميل برنامج Expression Web
• يتم إدراج صورة Banner مع ملاحظة أنه يمكنك التعديل فى الصورة باستخدام أحد تطبيقات تحرير ومعالجة الصور
• كتابة النصوص التالية أسفل الصورة: (الرئيسية – إدخال مصطلح – بحث عن مصطلح – تعديل مصطلح – حذف مصطلح – مساعدة)

كيفية إنشاء الإرتباطات التشعبية لصفحات موقع "قاموس مصطلحات الكمبيوتر المصور"

باستخدام برنامج Expression Web سنقوم بإنشاء الإرتباطات بين النصوص أسفل صورة Banner وصفحات الموقع الخاصة بكل منها وخطوات التنفيذ كالتالى:

• يتم فتح صفحة Header.php من خلال برنامج Expression Web والتى أكوادها كالتالى:

الكود السابق تم عمله فى نمط التصميم Design وتم عمل إلارتباط التشعبى كما يلى:

• تم فتح صفحة Header.php من خلال التطبيق ثم تم تحديد النص المطلوب تنفيذ الإرتباط التشعبى له وهو "الرئيسية" من خلال القائمة المختصرة تم اختيار "إرتباط تشعبى Hyper Link" كما بالشكل

ومن خلال دراسة الكود السابق نلاحظ الأتى:

• تم فتح مقطع <div> وإغلاقه </div> ووضع بينهما كود إدراج الصورة التى نرغب أن تكون Banner يظهر فى بداية كل صفحات الموقع
• المقطع الثانى يؤدى إلى عمل تنسيق محاذاة يمين لكل مايليه وحتى إغلاق المقطع مع جعل النصوص العربية إرتباطات تشعبية Hyper Links بصفحات الموقع
• الكود <a href ='index.php'> يشير إلى بداية الـ Tag والذى يتم إدراج ارتباط تشعبى بالعنوان "ريئسية" به ويليه علامة = متبوعة باسم الملف أو اسم برنامج أو اسم صفحة ويب أو عنوان إنترنت ثم ينتهى بالـ Tag إغلاق الكود </a>
• وبنفس الأسلوب نكرر الكود السابق مع استبدال كلمة "رئيسية" بباقى النصوص فى القائمة النصية أسفل الصورة Banner
• الصفحة Header.php سيتم إستدعائها بأمر واحد وبسيط فى بداية كل صفحة من صفحات الموقع بدلاً من تكرار الكود

كيفية إنشاء صفحة الإتصال بقواعد البيانات Connection.php

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

من خلال برنامج Expression Web أو أى محرر نصى آخر يتم إنشاء صفحة باسم Connection.php وتحتوى على الأكواد التالية:

المتطلبات الأربعة الأساسية للإتصال بقاعدة البيانات هى:

1. اسم الخادم Server Name وهو هنا localhost المضيف لقاعدة البيانات
2. اسم المستخدم User Name وهنا هو root
3. كلمة المرور Password الإفتراضية وهى "" خالية أو بدون مبدئياً وسيتم تغييرها فيما بعد
4. اسم قاعدة البيانات Database وهو هنا dbdictionary السابق إنشاؤها من خلال MySQL

حيث يستخدم الكود $connect=myssql_connect("$servername","$username","$password"); حيث تخصيص ناتج الدالة بالمعطيات الثلاثة للمتغير $connect