Computer Dictionary تحميل شرح تصميم وإنشاء صفحات موقع

‫تصميم موقع قاموس مصطلحات الكمبيوتر المصور ‪Dictionary‬‬
‫نقوم بتحديد صفحات الويب وتحديد اسمماا ومحتوااما والضمرن مم كمة صمفحع وورمع تصمور و تصمميم لمكونمات كمة مم‬
‫الصفحع الرئيسع للموقع واالرتباطات التي نستخدماا في التنقة بي صمفحات الموقمع والدمودر ممرر خمرف للصمفحع الرئيسمع‬
‫والشكة التالي يورح صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"‪:‬‬




‫صفحع المساعدر‬ ‫صفحع إدخاة مصطلح‬
‫‪Help.php‬‬ ‫‪Add_Term.php‬‬




‫الصفحع الرئيسع‬
‫‪Index.php‬‬




‫صفحع البحث بالكلمع‬ ‫صفحع تددية مصطلح‬ ‫صفحع حذف مصطلح‬
‫‪Search_Term.php‬‬ ‫‪Edit_Term.php‬‬ ‫‪Del_Term.php‬‬




‫‪1‬‬

, ‫الجدوة التالي يترم صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"‪:‬‬

‫مالحظات‬ ‫الضرن مناا‬ ‫اسم الصفحع‬ ‫م‬
‫ال تظاممر اممذص الصممفحع مممام المسممتخدم وإنممما تممم‬
‫تحقيمما االتصمماة بقاعممدر البيانممات فصممملاا لكمممي نكتفمممي بسمممطر كمممود واحمممد يحقممما‬
‫حيممث يممتم اسممتدعائاا قبممة التدامممة االتصمماة بقاعممدر البيانممات فممي بدايممع كممة صممفحع‬
‫‪ 1‬صفحع االتصاة بقاعد البيانات‬
‫‪Connection.php‬‬
‫بممدال ممم تكممرار كممود االتصمماة بقاعممدر البيانممات‬ ‫مع البيانات‪.‬‬
‫بالكامة‪.‬‬

‫إظاار الصمورر واالرتباطمات التمي اذص الصفحع تحتوي علم اججمءاا البابتمع التمي‬
‫تنقلنمممما لجميممممع صممممفحات الموقممممع نحتاج لدررماا فمي جميمع صمفحات الموقمع لمذا‬ ‫صفحع ر س صفحات الموقع‬ ‫‪2‬‬
‫حيمممث يمممتم اسمممتدعائاا فمممي بدايمممع تم فصلاا في صفحع مسمتقلع وتسمتدع بسمطر‬ ‫‪Header.php‬‬
‫كود واحد في بدايع كة صفحع‪.‬‬ ‫جميع صفحات الموقع‪.‬‬

‫إدخاة مصطلح وجميع بياناتم فمي‬
‫جمممممممدوة المصمممممممطلحات بقاعمممممممدر‬ ‫صفحع إرافع مصطلح‬ ‫‪3‬‬
‫‪Add_Term.php‬‬
‫البيانات‪.‬‬

‫البحمممث عممم مصمممطلح فمممي جمممدوة‬ ‫صفحع البحث ع مصطلح‬ ‫‪4‬‬
‫المصطلحات بقاعدر البيانات‪.‬‬ ‫‪Search_Term.php‬‬


‫عنممممد إجممممراا تدممممدية بيانممممات مصممممطلح نختممممار‬
‫المصطلح المراد تدديلم بمم إجمراا مما يلمءم مم‬
‫تدممدية بيانممات مصممطلح فممي جممدوة‬ ‫صفحع تددية مصطلح‬ ‫‪5‬‬
‫المصطلحات بقاعدر البيانات‪.‬‬ ‫‪Edit_Term.php‬‬
‫تددية وحفظاا‪.‬‬


‫يمك حذف المصطلح الذي تم اختيارص‪.‬‬
‫حممذف بيانممات مصممطلح فممي جممدوة‬ ‫صفحع حذف مصطلح‬ ‫‪6‬‬
‫المصطلحات بقاعدر البيانات‪.‬‬ ‫‪Del_Term.php‬‬

‫عادر ما نجد في مدظم المواقع صمفحع ‪About‬‬
‫‪ Us‬يدمممرن فياممما مدلوممممات عممم الجامممع التمممي‬
‫يتبداممما الموقمممع وطرائممما التواصمممة مبمممة رقمممام‬
‫عممممرن مدلومممممات عمممم الموقممممع‬ ‫صفحع المساعدر‬ ‫‪7‬‬
‫وتبديت ‪.‬‬ ‫‪Help.php‬‬
‫الاواتف والدنوا والبريمد اللكترونمي والدنموا‬
‫عل مواقع التواصة االجتماعي‪.‬‬

‫تفديممة االرتباطممات التممي يمكم مم تمبمة صممفحع البدايممع التممي تظاممر للمسممتخدم عنممد‬
‫خاللامممما االنتقمممماة بممممي صممممفحات تحمية الموقع والتي مم خاللاما يمكم االنتقماة‬
‫الصفحع الرئيسع‬ ‫‪8‬‬
‫‪Index.php‬‬
‫إل باقي صفحات الموقع‪.‬‬ ‫الموقع‪.‬‬




‫‪2‬‬

,‫بالرافع إل تحديد صفحات الموقع يجب تحديد الايكة البنائ لقاعمدر البيانمات والتم تتكمو مم جمدوة واحمد فمي‬
‫مشروعنا اذا كما يل ‪:‬‬

‫‪Table: Terms‬‬

‫‪#‬‬ ‫‪Name‬‬ ‫‪Type‬‬ ‫‪Length values‬‬ ‫‪Index‬‬

‫‪1‬‬ ‫‪Id‬‬ ‫‪Integer‬‬ ‫‪11‬‬ ‫‪Primary‬‬

‫‪2‬‬ ‫‪Term‬‬ ‫‪VarChar‬‬ ‫‪50‬‬

‫‪3‬‬ ‫‪Trans‬‬ ‫‪VarChar‬‬ ‫‪500‬‬

‫‪4‬‬ ‫‪Defe‬‬ ‫‪VarChar‬‬ ‫‪5000‬‬

‫‪5‬‬ ‫‪Picture‬‬ ‫‪VarChar‬‬ ‫‪300‬‬


‫يموفر الكبيمر مم الوقمت والجامد ويسماعد علم إنتماج موقمع‬ ‫إ مرحلع التصميم الجيد للموقمع قبمة البمدا فمي إنشمائ يمكم‬
‫بشكة احترافي والدلية عل ذلك ننما ن جمد جميمع صمفحات الموقمع باما جمءا بابمت ال يتضيمر وامو الصمورر التمي تظامر فمي‬
‫بدايع كة صفحع وتسم ‪ Banner‬و يرًا نجد جميع االرتباطات ‪ Hyperlinks‬التي نستخدماا في التجوة بي صمفحات‬
‫الموقع واي‪( :‬الرئيسع – إدخاة مصطلح – بحث ع مصطلح – تددية ‪ -‬حذف – مساعدر) وبالتالي فإ امذا التكمرار للكمود‬
‫الخاص بإنشائاا فمي جميمع صمفحات الموقمع وامو مما يمبمة عمبا كبيمر وتكمرار ينبضمي نتجنبم وذلمك بفصملاا فمي صمفحع‬
‫واحدر يتم استدعائاا في باقي الصفحات‪.‬‬




‫ويمكم حممة اممذص المشممكلع ببسمماطع بإرممافع صممفحع باسممم "‪ "Header.php‬تحتمموي عل م الصممورر ‪ Banner‬واالرتباطممات‬
‫" سماا الصفحات و الخدمات التي يتيحاا الموقع"‪.‬‬
‫م خالة برنامج جااء نستطيع إدراج وصورر وكتابع بدن النصوص تحتاا وإجمراا بدمن التنسميقات علياما لتظامر بشمكة‬
‫مناسب وذلك لنشاا صفحع ‪Header‬‬

‫ملحوظع‪ :‬سوف نستخدم برنامج ‪Microsoft Expression Web 4‬‬




‫‪3‬‬

, ‫تحمية برنامج ‪Expression Web‬‬
‫م نافذر ‪:Start‬‬




‫رمء‬ ‫رمء‬
‫البرنامج‬ ‫البرنامج‬


‫تحمية تطبيا ‪Expression Web‬‬



‫ام مكوناتاا‪:‬‬ ‫لتظار الشاشع االفتتاحيع للبرنامج والتي م‬
‫‪1‬‬



‫‪2‬‬
‫‪5‬‬


‫‪4‬‬
‫‪3‬‬ ‫‪6‬‬


‫مكونات الشاشع الرئيسع لبرنامج ‪Expression Web‬‬


‫(‪ )1‬شريط القوائم ‪.Menu Bar‬‬
‫(‪ )2‬نافذر قائمع المجلدات ‪.Folder List‬‬
‫(‪ )3‬نافذر الخصائص ‪.Tag Properties‬‬
‫(‪ )4‬مكونات موقع الويب ‪.Web Site‬‬
‫(‪ )5‬نافذر صندوق اجدوات ‪.Toolbox‬‬
‫(‪ )6‬نافذر نماط التطبيا ‪.Apply Style‬‬




‫‪4‬‬

‫)‪Powered by TCPDF (www.tcpdf.org‬‬