‫الجمهورية الجزائرية الديمقراطية الشعبية‬

‫وزارة التعليم العالي وبحث العلمي‬

‫جامعة االمير عبد القادر كليةاالداب والحضارة‬

‫قسم‪ :‬تاريخ‬

‫عنوان البحث ‪:‬‬

‫نماذج عن وصف مواقع الويب‬

‫تحت اشراف دكتور‪ :‬حسان مداسي‬ ‫من اعداد طالبات ‪:‬‬

‫لطرش فريال‬
‫بن جواد نعيمة‬
‫بعوطة ياسمين‬

‫السنة الدراسية ‪2022/2021:‬‬

 ‫خطة البحث‬

‫‪ .1‬ماهية مواقع الويب‬

‫‪ .2‬أنواع مواقع الويب‬

‫‪ .3‬الخطوات السبع المتبعة لتصميم موقع ويب‬

‫‪ .4‬برامج التصميم و لغات التطوير‬

 ‫مواقع الويب‬ ‫‪.1‬‬

‫الموقع اإللكتروني هو عبارة عن موقع مركزي يضم عددا من صفحات الويب المرتبطة‬
‫ببعضها البعض‪ ،‬و التي عادة ما يمكن الوصول إليها من خالل الصفحة الرئيسية‬
‫(‪ ، )Home page‬أما صفحة الويب فهي عبارة عن ملف مكتوب بلغة ترميز النص الفائق‬
‫(‪ ،)HTML‬ويمكن أن يتضمن نصوصا و صورا باإلضافة إلى وصالت لصفحات أخرى ‪.‬‬
‫تم بناء أول موقع إلكتروني عام ‪ 1991‬في مختبر سيرن (‪ )CERN‬على يد مخترع لغة‬
‫الترميز النص الفائق تيم بيرنيرز لي (‪ )Tim Bernres-Lee‬و يمكن الوصول إلى هذا الموقع‬
‫حاليا من خالل الرابط (‪ )http://info.cern.ch‬بشكل عام‪.‬‬
‫يتم إنشاء المواقع اإللكترونية الموجودة على شبكة اإلنترنيت عادة من قبل الشركات أو‬
‫الحكومات أو حتى األفراد‪.‬‬
‫اخترع العالم البريطاني تيم بيرنرز لي شبكة الويب العالمية (‪ )WWW‬في عام ‪ 1989‬أثناء عمله في‬
‫‪ .CERN‬تم تصميم الويب وتطويره في األصل لتلبية الطلب على تبادل المعلومات اآللي بين العلماء في‬
‫الجامعات والمعاهد حول العالم‪)1(.‬‬

‫‪.2‬أنواع المواقع االلكترونية‬

‫‪-‬المواقــــع الثـــابتـــة‪:‬‬
‫المواقع الثابتة هي مواقع يتم كتابتها عادة بـ ‪ HTML + CSS‬وتتميز بكونها بسيطة‬
‫وصغيرة من حيث كم المحتوى والبيانات المعروضة عليها‪ ،‬هذا النوع من المواقع كان‬
‫األكثر استهالكا قديما لكونه يعتمد باألساس على صفحات ثابتة (ساكنة)‬
‫‪-‬المواقع المبنية على الصفحات الثابتة‪:‬‬
‫ِّل‬
‫المواقع المبنية على الصفحات الثابتة غير مك فة من حيث إمكانية إنشائها أو تطويرها ‪ ،‬ما‬
‫يعيب هذا النوع من المواقع هو صعوبة تطويره أو إضافة و تعديل المحتوى المعروض‬
‫عليه‪ ،‬لهذا إذا كنت شخص مبتدئ فقد تضطر لطلب هذا األمر من أحد المطورين‪.‬‬
‫‪-‬المواقع الشخصية‬
‫المواقع الشخصية غالبا ما تعبر عن المواقع الصغيرة الخاصة باألشخاص التي يتم نشر‬
‫أخبار أو صور أو مواد صوتية‪/‬مرئية عنهم‪ ،‬كمثال نذكر موقع الشيخ سعد الغامدي‪.‬‬
‫‪-‬المدونات‬
‫المدونات تندرج أيضا تحت ُم سّم ى المواقع الشخصية في أغلب األحيان ‪ ،‬هي عبارة عن‬
‫مواقع مخصصة لتدوين مقاالت متنوعة كالمدونات التقنية ‪ ،‬التعليمية‪ ،‬الفنية و الرياضية‬
‫‪ ..‬كمثال نذكر مدونة المحترف‪.‬‬

‫ا ماهية مواقع الويب ‪ ،‬أنواعها و كيفية تصميمهامن إعداد أستاذ اإلعالم اآللي بغــــداوي محفـــــوظ‬
‫جــــامعــــــــة حسيـبــــــة بــــن بـــــوعــلـــــي الشــــلــــــــــــف كلــيـــــة العلوم اإلنسانية و العلوم االجتماعية‬
‫للفترة الممتدة من ‪ 11‬أفريل ‪ 2021‬إلى غاية ‪ 9‬ماي ‪2021‬‬
 ‫‪ .3‬الخطوات ‪ 7‬الرئيسية المتبعة في تصميم موقع ويب‬
‫‪ .1‬التحليل‪ :‬وهو االلتقاء مع العميل حول األهداف التي يحتاج الموقع الى تحقيقها ‪.‬‬
‫‪ .2‬تعريف النطاق – ‪ : scope identification‬بمجرد معرفة أهداف الموقع ‪ ،‬يمكنك‬
‫معرفة نطاق المشروع‪ .‬بمعنى ما هي الصفحات والمميزات التي يتطلبها الموقع لتحقيق‬
‫الهدف والجدول الزمني لبناء ذلك‪.‬‬
‫‪ .3‬إنشاء مخطط للصفحات وعمل خريطة الموقع – ‪Sitemap and wireframe‬‬
‫‪ :creation‬مع تحديد النطاق جيدا ‪ ،‬يمكننا البدء في تأسيس خريطة للموقع وتحديد‬
‫كيفية ارتباط المحتوى والصفحات التي حددناها في تعريف النطاق‪.‬‬
‫‪ .4‬إنشاء المحتوى – ‪ : content creation‬بعد أن بدت صورة الموقع واضحة بشكل أكبر‬
‫‪ ،‬يمكنك البدء في إنشاء محتوى الصفحات الفردية مع التركيز على تحسين محركات‬
‫البحث والحفاظ على تركيز الصفحات لموضوع واحد‪ ،‬لذا ال بد من أن يكون لديك‬
‫محتوى حقيقي للتعامل معه‪.‬‬
‫‪ .5‬العناصر المرئية – ‪ : Visual elements‬مع بنية الموقع والمحتوى الخاص به‪ ،‬يمكنك‬
‫البدء في العمل على المحتوى المرئي‬
‫‪.6‬االختبار – ‪ :Testing‬اآلن لديك كل صفحات الموقع وأصبحت تعلم كيف يمكن أن‬
‫تعرض لزوار الموقع ‪ ،‬لذا حان الوقت من التأكد أن كل شيء يعمل‪ ،‬والتأكد من عدم وجود‬
‫مشكالت تعيق المستخدم‪.‬‬
‫‪ .7‬انطالق – !‪)Launch: (mise en ligne‬بمجرد عمل كل شيء وبشكل جميل وجّذ اب‬
‫فقد حان وقت لتخطيط وتنفيذ عملية إطالق موقعك‪ ،‬وضبط عملية األتصال – أي متى‬
‫ستنطلق وكيف ستخبر العالم بذلك(‪)1‬‬
‫أفضل برامج تصميم مواقع الويب في ‪2021‬‬
‫‪ .1‬برنامج ويبلي ‪Weebly‬‬
‫· يتضمن ‪ Weebly‬المئات من القوالب الرائعة المنظمة وفًق ا لألنواع‪ .‬أدلة مدمجة سهلة اإلستخدام‬
‫لتحسين محركات البحث‪ ·.‬هو يدعم خيارات السحب واإلفالت لمواقع التجارة اإللكترونية‪.‬‬
‫‪ .2‬برنامج ‪Adobe Dreamweaver‬‬
‫‪ Dreamweaver‬هو أحد برامج تصميم مواقع الويب‪ WYSIWYG .‬يساعدك في إنشاء المواقع‬
‫ونشرها وإدارتها‪ .‬يمكن تحميل موقع ويب تم إنشاؤه باستخدام ‪ Dreamweaver‬إلى أي خادم‬
‫ويب‪ ·.‬يوفر تخطيطات جاهزة إلنشاء موقع ويب‪ ·.‬يمكنك إنشاء موقع ويب يناسب أي حجم‬
‫شاشة‪.‬‬
‫‪ .3‬سيتب بويلدار ( ‪:) Sitebuilder‬هو أداة أو برامج تصميم مواقع الويب بسيط وسهل‪ .‬يتيح لك‬
‫إنشاء موقع ويب خاص بشركة صغيرة أو مدونة أو حتى موقع ويب للتجارة اإللكترونية‪ .‬تحتوي‬
‫األداة على ‪ AI‬يمّك نك من تطوير موقع ويب دون كتابة رمز‪)2(.‬‬

‫ترجمة المقال احمد اسماعيل‪ 50-‬تصميًم ا مميًز ا لمواقع إلكترونية نموذجية يحتذى بها‪-‬اكادمية‬
‫الحاسوب ‪ 11-‬اكتوبر ‪2019‬‬