SlideShare ist ein Scribd-Unternehmen logo
1 von 24
‫االلكترونية‬ ‫المواقع‬ ‫تصميم‬
Norah mohammad Albassam:Prepared by
Presented to: Dr. Uthman Alturki
E-learning:Course name
‫الموقع‬ ‫ف‬َّ‫يعر‬‫اإللكتروني‬(WEB SITE)
‫بأنه‬‫والمترابطة‬ ‫الرقمية‬ ‫الفيديو‬ ‫ومقاطع‬ ‫والصور‬ ‫والنصوص‬ ‫الصفحات‬ ‫من‬ ‫مجموعة‬
‫وفق‬‫متماسك‬ ‫هيكل‬‫ومتفاعل‬‫نوع‬ ‫من‬ ‫حاسوب‬ ‫في‬ ‫محملة‬ ‫تكون‬‫خادم‬(SERVER.)
‫ويحتوي‬‫صفحة‬ ‫على‬ ‫موقع‬ ‫كل‬‫رئيسة‬(MAIN PAGE)‫أخرى‬ ‫صفحات‬ ‫الى‬ ‫تؤدي‬.
‫ويكون‬‫وخاص‬ ‫محدد‬ ‫عنوان‬ ‫للموقع‬‫به‬(URL)‫الشبكة‬ ‫على‬ ‫المواقع‬ ‫بقية‬ ‫عن‬ ‫يميزه‬‫العنكبوتية‬‫اإلنترنت‬
‫والوصول‬‫الموقع‬ ‫الى‬‫المحدد‬.‫الرئيسة‬ ‫الجامعات‬ ‫مواقع‬ ‫حال‬ ‫هو‬ ‫كما‬ ‫فرعية‬ ‫مواقع‬ ‫بالموقع‬ ‫ترتبط‬ ‫وقد‬
‫التي‬‫ترتبط‬‫بها‬‫التابعة‬ ‫والبحثية‬ ‫العلمية‬ ‫والمراكز‬ ‫الكليات‬ ‫مواقع‬‫لها‬،‫والمدونات‬‫بالمدرسين‬ ‫الخاصة‬.
‫وجودة‬‫ومنه‬ ‫المواقع‬ ‫تصميم‬‫الواجهة‬،‫يعطي‬‫للمتابعة‬ ‫المستفيد‬ ‫ويشد‬ ‫الموقع‬ ‫عن‬ ‫الجيد‬ ‫االول‬ ‫االنطباع‬.
‫المواقع‬ ‫إنشاء‬ ‫بهدف‬ ‫المتعلقة‬ ‫االسئلة‬ ‫جميع‬ ‫على‬ ‫سنتعرف‬:
◦‫المواقع‬ ‫إنشاء‬ ‫من‬ ‫الهدف‬
◦‫الشخصية‬ ‫المواقع‬ ‫إنشاء‬ ‫خطوات‬
◦‫المواقع‬ ‫وإنشاء‬ ‫تصميم‬ ‫طريقة‬
◦‫المواقع‬ ‫إلنشاء‬ ‫المناسب‬ ‫التصميم‬
◦‫الكلمات‬ ‫أهمية‬‫المفتاحية‬‫المواقع‬ ‫إلنشاء‬
◦‫الويب‬ ‫مواقع‬ ‫انواع‬
‫المواقع‬ ‫إنشاء‬ ‫من‬ ‫الهدف‬:
‫الواس‬ ‫العالم‬ ‫شبكة‬ ‫علي‬ ‫دائم‬ ‫تواجدا‬ ‫لك‬ ‫يكون‬ ‫أن‬ ‫هو‬ ‫مواقع‬ ‫إنشاء‬ ‫من‬ ‫األساسي‬ ‫الهدف‬ ‫إن‬‫ع‬
‫االنترنت‬ ‫شبكة‬
‫االن‬ ‫شبكة‬ ‫هي‬ ‫هكذا‬ ‫اليوم‬ ‫طوال‬ ‫ويعمل‬ ‫األماكن‬ ‫أفضل‬ ‫في‬ ‫تجاري‬ ‫محل‬ ‫تملك‬ ‫انك‬ ‫تخيل‬‫ترنت‬
‫سهولة‬ ‫بكل‬ ‫خدمتك‬ ‫أو‬ ‫نتجك‬ُ‫م‬ ‫تسوق‬ ‫أن‬ ‫مكنك‬ُ‫ي‬ ‫الموقع‬ ‫خالل‬ ‫فمن‬
‫اإلنترنت؟‬ ‫علي‬ ‫موقع‬ ‫إنشاء‬ ‫خطوات‬ ‫هي‬ ‫ما‬
‫هي‬ ‫اإلنترنت‬ ‫علي‬ ‫موقع‬ ‫إلنشاء‬ ‫األساسية‬ ‫الخطوات‬ ‫إن‬
‫إختيار‬‫إسم‬‫أو‬ ‫النطاق‬‫الدومين‬‫نت‬ُ‫م‬‫و‬ ‫لعملك‬ ً‫ا‬‫ناسب‬ُ‫م‬ ‫يكون‬ ‫أن‬ ‫علي‬ ‫بك‬ ‫الخاص‬‫خدمتك‬ ‫أو‬ ‫جك‬
‫وفريد‬ ‫الحفظ‬ ‫سهل‬ ‫يكون‬ ‫أن‬ ‫وعلي‬
‫إختيار‬‫شركات‬ ‫من‬ ‫شركة‬‫اإلستضافة‬‫سمي‬ُ‫ي‬ ‫وما‬ ‫اإلنترنت‬ ‫علي‬‫بالسيرفر‬‫الذ‬‫سيكون‬ ‫ي‬
‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫لبيانات‬ ‫الحافظ‬ ‫بمثابة‬
‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫برمجة‬
‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫تصميم‬
‫البحث‬ ‫حركات‬ُ‫م‬‫ل‬ ‫الموقع‬ ‫تهيئة‬
‫الموقع‬ ‫الترويج‬
‫للموقع؟‬ ‫المناسب‬ ‫التصميم‬ ‫نوع‬ ‫ما‬
‫إن‬‫إختالف‬ً‫ا‬‫تبع‬ ‫يأتي‬ ‫التصميم‬‫إلختالف‬‫تخت‬ ‫أن‬ ‫لك‬ ‫إنشائه‬ ‫راد‬ُ‫م‬‫ال‬ ‫الموقع‬ ‫مجال‬‫التصميم‬ ‫ار‬
‫بعض‬ ‫فهناك‬ ‫الموقع‬ ‫لزوار‬ ‫مناسبا‬ ‫التصميم‬ ‫يكون‬ ‫أن‬ ‫علي‬ ‫الموقع‬ ‫لمجال‬ ‫المناسب‬
‫الزوار‬ ‫علي‬ ‫بالسهولة‬ ‫تتسم‬ ‫ال‬ ‫أنها‬ ‫إال‬ ‫الجذابة‬ ‫التصميمات‬
‫للموقع؟‬ ‫بالنسبة‬ ‫االلكتروني‬ ‫التسويق‬ ‫فائدة‬ ‫ما‬
‫يجذ‬ ‫وما‬ ‫الموقع‬ ‫زوار‬ ‫عدد‬ ‫هو‬ ‫ما‬ ‫موقع‬ ‫نجاح‬ ‫يحدد‬ ‫وما‬ ‫االنترنت‬ ‫علي‬ ‫المواقع‬ ‫ماليين‬ ‫هناك‬‫ب‬
‫شيئان‬ ‫الموقع‬ ‫إلي‬ ‫الزوار‬:
‫أنواعها‬ ‫بمختلف‬ ‫اإلعالنات‬
‫البحث‬ ‫محركات‬
‫الكلمات‬ ‫معرفة‬ ‫من‬ ‫الهدف‬ ‫ما‬‫المفتاحية‬‫؟‬ً‫ا‬‫بحث‬ ‫األكثر‬
‫الكلمات‬ ‫وضع‬ ‫يتم‬‫المفتاحية‬‫وعمل‬ ‫ووصفه‬ ‫الموقع‬ ‫عنوان‬ ‫في‬‫التدوينات‬‫والصفح‬‫التي‬ ‫ات‬
‫الكلمات‬ ‫عنوان‬ ‫تحمل‬‫فتاحية‬ُ‫م‬‫ال‬.‫الكلمة‬ ‫كثافة‬ ‫ترفع‬ ‫كما‬‫المفتاحية‬‫المو‬ ‫في‬‫يجعل‬ ‫مما‬ ‫قع‬
‫البحث‬ ‫لمحركات‬ ‫األولي‬ ‫النتائج‬ ‫في‬ ‫موقعك‬
‫االنترنت؟‬ ‫على‬ ‫الوجود‬ ‫من‬ ‫الهدف‬ ‫لتحقيق‬ ‫كافيا‬ ‫الموقع‬ ‫إنشاء‬ ‫هل‬
‫اإلنت‬ ‫شبكة‬ ‫علي‬ ‫وجودك‬ ‫من‬ ‫هدفك‬ ‫تحقق‬ ‫لكي‬ ‫ولكن‬ ‫األولي‬ ‫الخطوة‬ ‫هو‬ ‫الموقع‬ ‫إنشاء‬ ‫إن‬‫رنت‬
‫للموقع‬ ‫الترويج‬ ‫وهي‬ ‫أال‬ ‫األهم‬ ‫الثانية‬ ‫بالخطوة‬ ‫تقوم‬ ‫أن‬ ‫عليك‬
‫خالل‬ ‫من‬ ‫ما‬ ‫لموقع‬ ‫الترويج‬ ‫ويمكن‬ ‫الموقع‬ ‫إلي‬ ‫الزوار‬ ‫جذب‬ ‫معناه‬ ‫للموقع‬ ‫والترويج‬
‫هما‬ ‫طريقتين‬
‫المختلفة‬ ‫الترويجية‬ ‫الوسائل‬ ‫في‬ ‫الموقع‬ ‫عن‬ ‫إعالنات‬ ‫وضع‬
‫بنفسك‬ ‫بالترويج‬ ‫تقوم‬ ‫أن‬ ‫أو‬
‫الويب‬ ‫مواقع‬ ‫أنواع‬
‫منذ‬ ‫اإلنترنت‬ ‫مجال‬ ‫في‬ ‫حصلت‬ ‫التي‬ ‫التطورات‬ ‫بعد‬‫إختراعها‬‫المواق‬ ‫من‬ ‫نوعين‬ ‫خرج‬‫إلى‬ ‫ع‬
‫الساحة‬.‫نوعين‬ ‫إلى‬ ‫قسمت‬:
‫الثابت‬ ‫المحتوى‬ ‫ذات‬ ‫مواقع‬
‫يغير‬ ‫الذي‬ ‫الوحيد‬ ‫بل‬ ‫للزائر‬ ‫تبعا‬ ‫يتغير‬ ‫ال‬ ‫المحتوى‬ ‫أن‬ ‫أي‬ ‫بالثابت‬ ‫والمقصود‬‫صاحب‬ ‫هو‬ ‫ه‬
‫مدير‬ ‫أو‬ ‫الموقع‬‫الشبكة‬.
‫التفاعلي‬ ‫المحتوى‬ ‫ذات‬ ‫مواقع‬
‫تصميم‬‫و‬ ‫الصور‬ ‫و‬ ‫المقاالت‬ ‫مثل‬ ‫الموقع‬ ‫في‬ ‫التي‬ ‫المحتويات‬ ‫عن‬ ‫اهميه‬ ‫يقل‬ ‫ال‬ ‫الموقع‬‫الروابط‬.
‫تصميم‬‫دخول‬ ‫عند‬ ‫الزوار‬ ‫يالحظه‬ ‫شيء‬ ‫اول‬ ‫هو‬ ‫موقعك‬‫الموقع‬.‫اذا‬‫صفحات‬ ‫بين‬ ‫التنقل‬ ‫كان‬
‫الموقع‬‫موقعك‬ ‫في‬ ‫الزائر‬ ‫فسيبقى‬ ‫ملفت‬ ‫و‬ ‫واضح‬ ‫التصميم‬ ‫و‬ ‫سهل‬‫و‬‫محتوياته‬ ‫يتصفح‬.
‫نشاط‬
‫االلكترونية‬ ‫المواقع‬ ‫من‬ ‫للعديد‬ ‫وتصفحك‬ ‫اطالعك‬ ‫خالل‬ ‫من‬
‫للموقع‬ ‫انجذابك‬ ‫في‬ ‫سبب‬ ‫انها‬ ‫ترين‬ ‫اللتي‬ ‫النقاط‬ ‫اهم‬ ‫اذكري‬
‫صفحات‬ ‫تصميم‬ ‫مقاييس‬‫المواقع‬:
‫التركيز‬ ‫بهدف‬ ‫األساسية‬ ‫األسئلة‬ ‫من‬ ‫عدد‬ ‫عن‬ ‫أجب‬:
‫موقعي‬ ‫بزيارة‬ ‫سيقوم‬ ‫من‬‫اإللكتروني‬!...‫؟‬ ‫ولماذا‬
‫قم‬‫بتشكيل‬/‫تصميم‬/‫اإللكتروني‬ ‫للموقع‬ ‫أساسية‬ ‫قياسية‬ ‫صفحة‬
‫ز‬ِّ‫الحي‬ ‫اعتبارك‬ ‫في‬ ‫ضع‬‫الحقيقي‬‫للشاشة‬.
‫يسار‬ ‫أعلى‬ ‫إلى‬ ‫أهمية‬ ‫األكثر‬ ‫المعلومات‬ ‫ضع‬‫الشاشة‬.
‫اإلطالع‬ ‫بتسهيل‬ ‫قم‬
‫المقاييس‬ ‫حيث‬ ‫من‬ ً‫ا‬‫عادي‬ ‫والتصفح‬ ‫العرض‬ ‫اجعل‬
‫متصلة‬ ‫صفحات‬ ‫خالل‬ ‫من‬ ‫المضمون‬ ‫ببناء‬ ‫قم‬.
‫للقراءة‬ ً‫ال‬‫سه‬ ‫النص‬ ‫اجعل‬
‫بحكمة‬ ‫األلوان‬ ‫استعمل‬
‫الصور‬:
‫تتجاوز‬ ‫ال‬ ‫أن‬ ‫يجب‬ ‫الصور‬ ‫إن‬75‫للبوصة‬ ‫الصورة‬ ‫تشكيل‬ ‫وحدات‬ ‫من‬ ‫وحدة‬‫الواحدة‬
(Pixels).
‫ملفات‬ ‫باستعمال‬ ‫قم‬‫الـ‬(JPG)‫تحت‬ ‫التي‬ ‫تلك‬ ‫مثل‬ ‫ومن‬ ‫الفوتوغرافية‬ ‫للصور‬ ‫وذلك‬‫وي‬
‫ألوان‬ ‫على‬‫مظللة‬.
‫من‬ ‫يتكون‬ ‫بديل‬ ‫نظام‬‫الرموز‬.
‫أنها‬ ‫على‬ ‫الصور‬ ‫عرض‬ ‫تجنب‬‫وصالت‬.
‫نص‬ ‫أنها‬ ‫على‬ ‫الصور‬ ‫إلى‬ ‫اإلشارة‬ ‫تجنب‬
‫ذات‬ ‫الصور‬ ‫أو‬ ‫الشفافة‬ ‫الصور‬ ‫استعمال‬ ‫تجنب‬‫الـ‬(Gif)
‫تصميم‬ ‫في‬ ‫تجنبها‬ ‫يجب‬ ‫أمور‬‫المواقع‬:
‫إطار‬ ‫له‬ ‫ليس‬ ‫بديل‬ ‫باستعمال‬ ‫قم‬ ‫أو‬ ‫البراويز‬.
‫برمجة‬‫الجافا‬(Java)‫والفالش‬(Flash)ً‫ا‬‫ممكن‬ ‫كان‬ ‫حيث‬.
‫المضمون‬ ‫عن‬ ً‫ا‬‫بعيد‬ ‫االنتباه‬ ‫تشد‬ ‫إنها‬ ‫حيث‬ ‫فائدة‬ ‫لها‬ ‫ليس‬ ‫التي‬ ‫األشكال‬.
‫وإلى‬ ‫األعلى‬ ‫إلى‬ ‫تفتقر‬ ‫التي‬ ‫األشكال‬‫األسفل‬‫والتي‬ ،‫تبرم‬‫أو‬ ‫تدور‬ ‫والتي‬ ،‫تتحرك‬ ‫التي‬
‫للمضمون‬ ‫توضيحي‬ ‫بدور‬ ‫القيام‬ ‫حيث‬ ‫من‬ ‫أهمية‬ ‫ذات‬ ‫تكون‬ ‫أن‬ ‫دون‬ ‫عام‬ ‫بشكل‬.
‫من‬ ‫انفلت‬ ‫وكأنه‬ ‫الشاشة‬ ‫على‬ ‫يبدو‬ ‫الذي‬ ‫المطول‬ ‫النص‬‫لفافة‬.
‫اإللكترونية‬ ‫المواقع‬ ‫لعمل‬ ‫طرق‬ ‫ثالثة‬ ‫هنالك‬:
‫نظام‬(Html):‫صفحة‬ ‫صياغة‬ ‫من‬ ‫َك‬‫ن‬ِّ‫ك‬َ‫م‬ُ‫ي‬ ‫الذي‬ ‫المجرد‬ ‫بالنص‬ ‫خاص‬ ‫نظام‬ ‫إنه‬
‫الكترونية‬.‫النظام‬ ‫هذا‬ ‫إلى‬ ‫النظر‬ ‫وباإلمكان‬‫الخاصة‬ ‫البرمجة‬ ‫لغة‬ ‫أنه‬ ‫على‬‫باإلنت‬‫رنت‬.
‫محرر‬‫لغة‬‫الـ‬(Html):‫وتحرير‬ ‫لصياغة‬ ‫المختصرة‬ ‫والطرق‬ ‫الوسائل‬ ‫يوفر‬ ‫إنه‬
‫صفحات‬‫الـ‬(Html)‫خاصة‬‫باإلنترنت‬.
‫برنامج‬(FrontPage)‫وبرنامج‬(WYSIWYG)‫مكنك‬ُ‫ت‬‫هذه‬‫عمل‬ ‫من‬ ‫البرامج‬
‫إلى‬ ‫الحاجة‬ ‫دون‬ ‫باإلنترنت‬ ‫خاصة‬ ‫صفحات‬‫برنامج‬(Html)‫برنامج‬ ‫ويحظى‬‫الـ‬
(FrontPage)‫الكومبيوتر‬ ‫على‬ ‫المباشر‬ ‫التشغيل‬ ‫بميزة‬‫المركزي‬(‫لن‬ ‫حاجة‬ ‫ال‬ ‫أي‬‫قل‬
‫مكتملة‬ ‫ملفات‬.)
‫التصميم‬:
‫حدد‬‫جمهورك‬.
‫بتحفيز‬ ‫قم‬‫جمهورك‬:‫الفعالة‬ ‫الراجعة‬ ‫للتغذية‬ ‫فرص‬ ‫ووفر‬ ‫باحترام‬ ‫عاملهم‬.
‫بالوضوح‬ ‫تمتاز‬ ‫للموقع‬ ‫أهداف‬ ‫بوضع‬ ‫قم‬‫وقابلية‬‫القياس‬,‫األ‬ ‫بتصميم‬ ‫قم‬ ‫أو‬‫هداف‬.
‫قم‬‫باإلعتراف‬‫ردود‬ ‫تجاه‬ ‫والتقدير‬‫األفعال‬,‫الجهود‬,‫والنجاح‬,‫وقم‬‫الث‬ ‫بتجاوز‬‫غرات‬‫كي‬
‫التوقعات‬ ‫مستوى‬ ‫إلى‬ ‫يرتقي‬.
‫أو‬ ‫المحتوى‬‫المضمون‬:
‫قم‬‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫محتوى‬ ‫بتحديد‬‫بشكل‬‫مكثف‬.
‫عالمي‬ ‫جمهور‬ ‫قبل‬ ‫من‬ ‫ومفهومة‬ ‫بسيطة‬ ‫اللغة‬ ‫تكون‬ ‫أن‬ ‫يجب‬.
‫الجمهور‬ ‫أمام‬ ْ‫ل‬ِّ‫ه‬َ‫س‬‫المفاهيم‬ ‫على‬ ‫اإلطالع‬‫الهامة‬.
‫أدخل‬‫خلفية‬ ‫ذات‬ ‫صفحات‬ ‫في‬ ‫المحتوى‬ ‫نصوص‬‫بيضاء‬.
‫حسب‬ ‫معلوماتك‬ ‫مع‬ ‫تعامل‬‫أولوياتها‬,‫خطوط‬ ‫بوضع‬ ‫تقوم‬ ‫أنك‬ ‫لو‬ ‫كما‬‫عريضة‬.
‫بأسلوب‬ ‫التصفح‬ ‫مسار‬ ‫وجه‬:
‫بسيط‬.
‫واضح‬.
‫أو‬ ‫طبقات‬ ‫من‬ ‫تتألف‬ ‫للموقع‬ ‫خرائط‬ ‫على‬ ‫يقوم‬‫مستويات‬.
‫منظم‬(‫الخطوط‬ ‫بطريقة‬ ‫التفكير‬‫العريضة‬.)
‫مباديء‬‫عامة‬:
‫بينهما‬ ‫كبير‬ ‫الفرق‬ ‫يكون‬ ‫أن‬ ‫على‬ ‫والخلفية‬ ‫النص‬ ‫من‬ ‫كل‬ ‫ألوان‬ ‫باختيار‬ ‫قم‬.
‫الستعمال‬ ‫آمنة‬ ‫ألوان‬ ‫لوحة‬ ‫باختيار‬ ‫قم‬‫الزائر‬.‫تتسم‬ ‫كي‬ ‫وذلك‬‫بالثبات‬.
‫قم‬‫حروف‬ ‫وحجم‬ ‫شكل‬ ‫بتوحيد‬‫ومستمر‬ ‫دائم‬ ‫بشكل‬ ‫النص‬.
‫األلوان‬ ‫على‬ ‫تغييرات‬ ‫إحداث‬ ‫تجنب‬.
‫الحروف‬ ‫استعمال‬ ‫تجنب‬‫المائلة‬(‫تصعب‬‫قرءاتها‬)‫على‬ ‫تغييرات‬ ‫وإحداث‬‫األلو‬‫ان‬.
‫النص‬ ‫تجنب‬‫أكثر‬ ‫المطول‬‫اللزوم‬ ‫من‬.
‫النسق‬ ‫ذات‬ ‫الخلفيات‬ ‫استعمال‬ ‫بتجنب‬ ‫قم‬‫الشبكي‬,‫القراءة‬ ‫يصعب‬ ‫ذلك‬ ‫ألن‬.
‫تتسم‬ ‫وأشكال‬ ‫تصاميم‬ ‫باستعمال‬ ‫المضمون‬ ‫بتوضيح‬ ‫قم‬‫بالبساطة‬,‫المالءمة‬,‫صغر‬‫الحجم‬
,‫والثبات‬.
‫الوصالت‬ ‫وبين‬ ‫بينها‬ ‫الخلط‬ ‫يمكن‬ ‫حيث‬ ‫الكلمات‬ ‫تحت‬ ‫خط‬ ‫وضع‬ ‫تجنب‬(Links)
‫نشاط‬
‫االلكترونية‬ ‫المواقع‬ ‫صفحات‬ ‫على‬ ‫للبحث‬ ‫دائما‬ ‫تتعرضين‬
‫المواقع‬ ‫من‬ ‫العديد‬ ‫ويواجهك‬ ‫اليه‬ ‫تحتاجين‬ ‫معين‬ ‫موضوع‬ ‫عن‬
‫التي‬
‫اختيار‬ ‫بصدد‬ ‫ولكنك‬ ‫الموضوع‬ ‫نفس‬ ‫عن‬ ‫تتحدث‬ ‫قد‬‫احدهما‬..
‫صف‬ ‫على‬ ‫الكتابة‬ ‫عند‬ ‫مهمة‬ ‫انها‬ ‫ترين‬ ‫التي‬ ‫االسباب‬ ‫هي‬ ‫فما‬‫حات‬
‫الموقع‬
‫اإللكتروني‬ ‫الموقع‬ ‫لصفحات‬ ‫الفعالة‬ ‫للكتابة‬ ‫الهامة‬ ‫القواعد‬ ‫بعض‬ ‫هناك‬
‫الموضوع‬:‫وخالصته‬ ‫األساسية‬ ‫فكرته‬
‫الهيكل‬ ‫أو‬ ‫بالشكل‬ ‫تتحكم‬ ‫األفكار‬
‫اإللكتروني‬ ‫وللموقع‬ ‫للمحتوى‬ ‫الهيكلي‬ ‫الشكل‬
‫األفضل‬ ‫هو‬ ‫البسيط‬ ‫اللغوي‬ ‫التركيب‬
‫التقنية‬ ‫المصطلحات‬ ‫تجنب‬
‫البيانات‬,‫التفاصيل‬,‫الصعوبة‬ ‫درجة‬
‫تالية‬ ‫صفحة‬ ‫كل‬ ‫مضمون‬ ‫أو‬ ‫محتوى‬
‫التفصيلية‬ ‫المعلومات‬
‫الضرورية‬ ‫غير‬ ‫المعلومات‬ ً‫ال‬‫مزي‬ ‫بالتنقيح‬ ‫قم‬
‫فاحص‬ ‫استعمل‬‫التهجئة‬
‫رسالتك‬ ‫على‬ ً‫ا‬‫دائم‬ ‫ركز‬
‫الخالصة‬
‫هناك‬10‫موقعك‬ ‫لنجاح‬ ‫مهمة‬ ‫خطوات‬
‫أن‬ ‫قبل‬ ‫الموقع‬ ‫من‬ ‫تريد‬ ‫ماذا‬ ‫حدد‬ ‫أوال‬‫تبدأ‬.
‫المدونة‬ ‫أو‬ ‫الموقع‬ ‫سرعة‬ ‫ثانيا‬.
‫بقدر‬ ‫سهل‬ ‫موقعك‬ ‫استعراض‬ ‫اجعل‬ ‫ثالثا‬‫اإلمكان‬.
‫بوضوح‬ ‫أكتب‬ ‫رابعا‬‫وباختصار‬.
ً‫ا‬‫مظهر‬ ‫موقعك‬ ‫لصفحات‬ ‫اجعل‬ ‫خامسا‬ً‫ا‬‫مميز‬.
‫التصميم‬ ‫قواعد‬ ‫اتبع‬ ‫سادسا‬‫الجيد‬.
‫سابعا‬‫المحتوى‬.
‫تؤدى‬ ‫أن‬ ‫يجب‬ ‫موقعك‬ ‫صفحات‬ ‫من‬ ‫صفحة‬ ‫كل‬ ‫ثامنا‬ً‫ال‬‫عم‬.
‫لالتصال‬ ‫وسيلة‬ ‫ضع‬ ‫تاسعا‬‫بك‬.
‫توافقه‬ ‫من‬ ‫تأكد‬ ‫اخيرا‬.

Weitere ähnliche Inhalte

Was ist angesagt?

مقدمة_في_الحاسوب.pptx
مقدمة_في_الحاسوب.pptxمقدمة_في_الحاسوب.pptx
مقدمة_في_الحاسوب.pptx
anasalsaaydeh
 
بوربوينت الجداول الإلكترونية إكسل
بوربوينت الجداول الإلكترونية إكسلبوربوينت الجداول الإلكترونية إكسل
بوربوينت الجداول الإلكترونية إكسل
khaled990990
 
دورة تعلم بسهوله PHP
دورة تعلم  بسهوله PHP دورة تعلم  بسهوله PHP
دورة تعلم بسهوله PHP
abdelkrim abdellaoui
 
البحث في الانترنت
البحث في الانترنتالبحث في الانترنت
البحث في الانترنت
Bahaaeldin Mohamed
 
برنامج العروض التقديمية (البوربوينت) Power point
برنامج العروض التقديمية (البوربوينت) Power pointبرنامج العروض التقديمية (البوربوينت) Power point
برنامج العروض التقديمية (البوربوينت) Power point
shaymaa2013
 
أنواع نظم التشغيل
أنواع نظم التشغيلأنواع نظم التشغيل
أنواع نظم التشغيل
Ahmad Abdelbaqy
 
الوسائط المتعددة
الوسائط المتعددةالوسائط المتعددة
الوسائط المتعددة
fawzy elnady
 
عرض بور بوينت عن شبكة الانترنت..
عرض بور بوينت عن شبكة الانترنت..عرض بور بوينت عن شبكة الانترنت..
عرض بور بوينت عن شبكة الانترنت..
joOojoOo
 

Was ist angesagt? (20)

مقدمة_في_الحاسوب.pptx
مقدمة_في_الحاسوب.pptxمقدمة_في_الحاسوب.pptx
مقدمة_في_الحاسوب.pptx
 
التخزين السحابي
التخزين السحابيالتخزين السحابي
التخزين السحابي
 
شرح برنامج الورود
شرح برنامج الورودشرح برنامج الورود
شرح برنامج الورود
 
بوربوينت الجداول الإلكترونية إكسل
بوربوينت الجداول الإلكترونية إكسلبوربوينت الجداول الإلكترونية إكسل
بوربوينت الجداول الإلكترونية إكسل
 
التخزين السحابي
التخزين السحابيالتخزين السحابي
التخزين السحابي
 
الويب ديزاين
الويب ديزاينالويب ديزاين
الويب ديزاين
 
تعلم HTML CSS و JavaScript
تعلم HTML CSS و JavaScriptتعلم HTML CSS و JavaScript
تعلم HTML CSS و JavaScript
 
دورة تعلم بسهوله PHP
دورة تعلم  بسهوله PHP دورة تعلم  بسهوله PHP
دورة تعلم بسهوله PHP
 
Google drive presentation
Google drive presentationGoogle drive presentation
Google drive presentation
 
البحث في الانترنت
البحث في الانترنتالبحث في الانترنت
البحث في الانترنت
 
Microsoft office
Microsoft officeMicrosoft office
Microsoft office
 
برنامج العروض التقديمية (البوربوينت) Power point
برنامج العروض التقديمية (البوربوينت) Power pointبرنامج العروض التقديمية (البوربوينت) Power point
برنامج العروض التقديمية (البوربوينت) Power point
 
مشروع المتصفحات ومحركات البحث نهائي
مشروع المتصفحات ومحركات البحث نهائيمشروع المتصفحات ومحركات البحث نهائي
مشروع المتصفحات ومحركات البحث نهائي
 
أنواع نظم التشغيل
أنواع نظم التشغيلأنواع نظم التشغيل
أنواع نظم التشغيل
 
الوسائط المتعددة
الوسائط المتعددةالوسائط المتعددة
الوسائط المتعددة
 
أساسيات الكمبيوتر وتقنية المعلومات
أساسيات الكمبيوتر وتقنية المعلوماتأساسيات الكمبيوتر وتقنية المعلومات
أساسيات الكمبيوتر وتقنية المعلومات
 
مهارات الحاسب
مهارات الحاسبمهارات الحاسب
مهارات الحاسب
 
المدونة الالكترونية 1 blog
المدونة الالكترونية 1 blogالمدونة الالكترونية 1 blog
المدونة الالكترونية 1 blog
 
java script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربيةjava script course دورة جافا سكربت باللغة العربية
java script course دورة جافا سكربت باللغة العربية
 
عرض بور بوينت عن شبكة الانترنت..
عرض بور بوينت عن شبكة الانترنت..عرض بور بوينت عن شبكة الانترنت..
عرض بور بوينت عن شبكة الانترنت..
 

Andere mochten auch

2 virtual library article 21 34
2 virtual library article 21 342 virtual library article 21 34
2 virtual library article 21 34
prjpublications
 
انشاء موقع
انشاء موقعانشاء موقع
انشاء موقع
Jeeran
 
نظام إدارة الصيدليات
نظام إدارة الصيدلياتنظام إدارة الصيدليات
نظام إدارة الصيدليات
Ahmad Arafa
 
أشكال المواجهة لنظم التشغيل
أشكال المواجهة لنظم التشغيلأشكال المواجهة لنظم التشغيل
أشكال المواجهة لنظم التشغيل
Ahmad Abdelbaqy
 

Andere mochten auch (20)

2 virtual library article 21 34
2 virtual library article 21 342 virtual library article 21 34
2 virtual library article 21 34
 
Introduction to the virtual library damascus fri sept 24 2010 by dr. ghassan...
Introduction to the virtual library damascus fri  sept 24 2010 by dr. ghassan...Introduction to the virtual library damascus fri  sept 24 2010 by dr. ghassan...
Introduction to the virtual library damascus fri sept 24 2010 by dr. ghassan...
 
انشاء موقع
انشاء موقعانشاء موقع
انشاء موقع
 
معايير جودة المحتوى الالكتروني
معايير جودة المحتوى الالكترونيمعايير جودة المحتوى الالكتروني
معايير جودة المحتوى الالكتروني
 
التقرير العلمي الجودة في التعلم الالكتروني
التقرير العلمي الجودة في التعلم الالكترونيالتقرير العلمي الجودة في التعلم الالكتروني
التقرير العلمي الجودة في التعلم الالكتروني
 
Computer networks
Computer networksComputer networks
Computer networks
 
Computer crime
Computer crimeComputer crime
Computer crime
 
مكونات الحاسب الشخصي
مكونات الحاسب الشخصيمكونات الحاسب الشخصي
مكونات الحاسب الشخصي
 
Part software -
Part   software - Part   software -
Part software -
 
Webinar: MSc in Software, Systems and Services Development in Global Environment
Webinar: MSc in Software, Systems and Services Development in Global EnvironmentWebinar: MSc in Software, Systems and Services Development in Global Environment
Webinar: MSc in Software, Systems and Services Development in Global Environment
 
الملف الاستنادي الافتراضي الدولي VIAF / إعداد محمد عبدالحميد معوض
الملف الاستنادي الافتراضي الدولي VIAF / إعداد محمد عبدالحميد معوضالملف الاستنادي الافتراضي الدولي VIAF / إعداد محمد عبدالحميد معوض
الملف الاستنادي الافتراضي الدولي VIAF / إعداد محمد عبدالحميد معوض
 
hardware_kh
hardware_khhardware_kh
hardware_kh
 
Critical system
Critical systemCritical system
Critical system
 
نظام إدارة الصيدليات
نظام إدارة الصيدلياتنظام إدارة الصيدليات
نظام إدارة الصيدليات
 
مشروع نظام الموارد البشرية وتأمينه
مشروع نظام الموارد البشرية وتأمينهمشروع نظام الموارد البشرية وتأمينه
مشروع نظام الموارد البشرية وتأمينه
 
حاسب 2 كتاب التدريبات مقررات
 حاسب 2 كتاب التدريبات مقررات حاسب 2 كتاب التدريبات مقررات
حاسب 2 كتاب التدريبات مقررات
 
أشكال المواجهة لنظم التشغيل
أشكال المواجهة لنظم التشغيلأشكال المواجهة لنظم التشغيل
أشكال المواجهة لنظم التشغيل
 
18 بحث مشروع التخرج
18 بحث مشروع التخرج 18 بحث مشروع التخرج
18 بحث مشروع التخرج
 
تحليل النظم
تحليل النظمتحليل النظم
تحليل النظم
 
Databases قواعد البيانات
Databases قواعد البيانات  Databases قواعد البيانات
Databases قواعد البيانات
 

Ähnlich wie تصميم المواقع الالكترونية عرض

تصميم و إنشاء المواقع الإلكترونية
تصميم و إنشاء المواقع الإلكترونيةتصميم و إنشاء المواقع الإلكترونية
تصميم و إنشاء المواقع الإلكترونية
Loubna Mebarki
 
مشروع التخرج الجديد
مشروع التخرج الجديدمشروع التخرج الجديد
مشروع التخرج الجديد
alaa44
 
مشروع التخرج
مشروع التخرج مشروع التخرج
مشروع التخرج
alaa44
 
مشروع التخرج الجديد
مشروع التخرج الجديدمشروع التخرج الجديد
مشروع التخرج الجديد
alaa44
 
مشروع التخرج
مشروع التخرج مشروع التخرج
مشروع التخرج
alaa44
 

Ähnlich wie تصميم المواقع الالكترونية عرض (20)

معايير تصميم صفحات الويب
معايير تصميم صفحات الويبمعايير تصميم صفحات الويب
معايير تصميم صفحات الويب
 
تصميم المواقع الإلكترونية
تصميم المواقع الإلكترونيةتصميم المواقع الإلكترونية
تصميم المواقع الإلكترونية
 
يعنى أية ويب ديزاين
يعنى أية ويب ديزاين يعنى أية ويب ديزاين
يعنى أية ويب ديزاين
 
انواع صفحات الويب
انواع صفحات الويب انواع صفحات الويب
انواع صفحات الويب
 
شركة تصميم مواقع في مصر
شركة تصميم مواقع في مصر شركة تصميم مواقع في مصر
شركة تصميم مواقع في مصر
 
التصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليميةالتصميم المرئي للوسائل التعليمية
التصميم المرئي للوسائل التعليمية
 
تصميم و إنشاء المواقع الإلكترونية
تصميم و إنشاء المواقع الإلكترونيةتصميم و إنشاء المواقع الإلكترونية
تصميم و إنشاء المواقع الإلكترونية
 
ثيم فورست .pdf
ثيم فورست  .pdfثيم فورست  .pdf
ثيم فورست .pdf
 
مشروع التخرج الجديد
مشروع التخرج الجديدمشروع التخرج الجديد
مشروع التخرج الجديد
 
مشروع التخرج
مشروع التخرج مشروع التخرج
مشروع التخرج
 
مشروع التخرج الجديد
مشروع التخرج الجديدمشروع التخرج الجديد
مشروع التخرج الجديد
 
مشروع التخرج
مشروع التخرج مشروع التخرج
مشروع التخرج
 
المحاضرة الثامنة وورد2013.
المحاضرة الثامنة  وورد2013.المحاضرة الثامنة  وورد2013.
المحاضرة الثامنة وورد2013.
 
النشر الإلكتروني
النشر الإلكترونيالنشر الإلكتروني
النشر الإلكتروني
 
تصميم واجهات التفاعل
تصميم واجهات التفاعلتصميم واجهات التفاعل
تصميم واجهات التفاعل
 
Presentation1
Presentation1Presentation1
Presentation1
 
الربح من الإنترنت أربح من الإنترنت 1000 دولار عبر السيو
الربح من الإنترنت أربح من الإنترنت 1000 دولار عبر السيوالربح من الإنترنت أربح من الإنترنت 1000 دولار عبر السيو
الربح من الإنترنت أربح من الإنترنت 1000 دولار عبر السيو
 
الصف الثانى الاعدادى
الصف الثانى الاعدادىالصف الثانى الاعدادى
الصف الثانى الاعدادى
 
المحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبليالمحاضرة التاسعة الدليل المصور ويبلي
المحاضرة التاسعة الدليل المصور ويبلي
 
سلايد شير في التعليم
سلايد شير في التعليمسلايد شير في التعليم
سلايد شير في التعليم
 

Kürzlich hochgeladen

امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrrامتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
mhosn627
 

Kürzlich hochgeladen (20)

محمد احمد سيد احمد محمد سباق عمر يوسف عبدالكريم
محمد احمد سيد احمد محمد سباق عمر يوسف عبدالكريممحمد احمد سيد احمد محمد سباق عمر يوسف عبدالكريم
محمد احمد سيد احمد محمد سباق عمر يوسف عبدالكريم
 
by modar saleh في التصوير التلفزيوني أحجام اللقطات .ppt
by modar saleh في التصوير التلفزيوني أحجام اللقطات .pptby modar saleh في التصوير التلفزيوني أحجام اللقطات .ppt
by modar saleh في التصوير التلفزيوني أحجام اللقطات .ppt
 
سلسلة في التجويد للدورات التمهيدية والمتوسطة والمتقدمة.pdf
سلسلة في التجويد للدورات التمهيدية  والمتوسطة والمتقدمة.pdfسلسلة في التجويد للدورات التمهيدية  والمتوسطة والمتقدمة.pdf
سلسلة في التجويد للدورات التمهيدية والمتوسطة والمتقدمة.pdf
 
شكل الحرف وطريقة الرسم DOC-20240322-WA0012..pdf
شكل الحرف وطريقة الرسم DOC-20240322-WA0012..pdfشكل الحرف وطريقة الرسم DOC-20240322-WA0012..pdf
شكل الحرف وطريقة الرسم DOC-20240322-WA0012..pdf
 
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيااهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
 
اللام الشمسية واللام القمرية لصف الرابع
اللام الشمسية واللام القمرية  لصف الرابعاللام الشمسية واللام القمرية  لصف الرابع
اللام الشمسية واللام القمرية لصف الرابع
 
الصف الثاني الاعدادي - العلوم -الموجات.pdf
الصف الثاني الاعدادي - العلوم -الموجات.pdfالصف الثاني الاعدادي - العلوم -الموجات.pdf
الصف الثاني الاعدادي - العلوم -الموجات.pdf
 
دمشق تاريخ معطر بالياسمين - ماهر أسعد بكر
دمشق تاريخ معطر بالياسمين - ماهر أسعد بكردمشق تاريخ معطر بالياسمين - ماهر أسعد بكر
دمشق تاريخ معطر بالياسمين - ماهر أسعد بكر
 
.العروض التقديمية والرسومات التعليمية bdf
.العروض التقديمية والرسومات التعليمية bdf.العروض التقديمية والرسومات التعليمية bdf
.العروض التقديمية والرسومات التعليمية bdf
 
"الدعامة الأساسية التي يقوم عليها التقويم الذاتي
"الدعامة الأساسية التي يقوم عليها التقويم الذاتي"الدعامة الأساسية التي يقوم عليها التقويم الذاتي
"الدعامة الأساسية التي يقوم عليها التقويم الذاتي
 
السرقات الشعرية إعداد غادة محمد عبد الراضي
السرقات الشعرية إعداد غادة محمد عبد الراضيالسرقات الشعرية إعداد غادة محمد عبد الراضي
السرقات الشعرية إعداد غادة محمد عبد الراضي
 
.. مهارات ادارة الوقت و مهارات تنظيم الوقت.ppt
.. مهارات ادارة الوقت و مهارات تنظيم الوقت.ppt.. مهارات ادارة الوقت و مهارات تنظيم الوقت.ppt
.. مهارات ادارة الوقت و مهارات تنظيم الوقت.ppt
 
درس المنادي للصف الاول الثانوي اعداد إسراء محمد
درس المنادي للصف الاول الثانوي اعداد إسراء محمددرس المنادي للصف الاول الثانوي اعداد إسراء محمد
درس المنادي للصف الاول الثانوي اعداد إسراء محمد
 
عرض تقديمي عن اسم المفعول.امل عرفات محمد العربي جامعة جنوب الوادي تربيه عام ...
عرض تقديمي عن اسم المفعول.امل عرفات محمد العربي  جامعة جنوب الوادي تربيه عام ...عرض تقديمي عن اسم المفعول.امل عرفات محمد العربي  جامعة جنوب الوادي تربيه عام ...
عرض تقديمي عن اسم المفعول.امل عرفات محمد العربي جامعة جنوب الوادي تربيه عام ...
 
الأركان التربوية بأقسام التعليم الأولي و الابتدائي.ppt
الأركان التربوية بأقسام التعليم الأولي و الابتدائي.pptالأركان التربوية بأقسام التعليم الأولي و الابتدائي.ppt
الأركان التربوية بأقسام التعليم الأولي و الابتدائي.ppt
 
عرض تقديمي النقائض في العصر الأموي إعداد سلوي أحمد
عرض تقديمي النقائض في العصر الأموي إعداد سلوي أحمدعرض تقديمي النقائض في العصر الأموي إعداد سلوي أحمد
عرض تقديمي النقائض في العصر الأموي إعداد سلوي أحمد
 
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيااهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
اهمية ملحمة جلجامش تاريخيا وفكريا وأدبيا
 
من قصص القرآن الكريم تحكي عن قصة سيدنا يونس عليه السلام وماذا فعل مع قومه بدو...
من قصص القرآن الكريم تحكي عن قصة سيدنا يونس عليه السلام وماذا فعل مع قومه بدو...من قصص القرآن الكريم تحكي عن قصة سيدنا يونس عليه السلام وماذا فعل مع قومه بدو...
من قصص القرآن الكريم تحكي عن قصة سيدنا يونس عليه السلام وماذا فعل مع قومه بدو...
 
عرض تقديمي لعملية الجمع للاطفال ورياض الاطفال
عرض تقديمي لعملية الجمع للاطفال ورياض الاطفالعرض تقديمي لعملية الجمع للاطفال ورياض الاطفال
عرض تقديمي لعملية الجمع للاطفال ورياض الاطفال
 
امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrrامتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
امتحانات النحو وإجاباتها.pdfrrrrrrrrrrrrrr
 

تصميم المواقع الالكترونية عرض

  • 1. ‫االلكترونية‬ ‫المواقع‬ ‫تصميم‬ Norah mohammad Albassam:Prepared by Presented to: Dr. Uthman Alturki E-learning:Course name
  • 2. ‫الموقع‬ ‫ف‬َّ‫يعر‬‫اإللكتروني‬(WEB SITE) ‫بأنه‬‫والمترابطة‬ ‫الرقمية‬ ‫الفيديو‬ ‫ومقاطع‬ ‫والصور‬ ‫والنصوص‬ ‫الصفحات‬ ‫من‬ ‫مجموعة‬ ‫وفق‬‫متماسك‬ ‫هيكل‬‫ومتفاعل‬‫نوع‬ ‫من‬ ‫حاسوب‬ ‫في‬ ‫محملة‬ ‫تكون‬‫خادم‬(SERVER.) ‫ويحتوي‬‫صفحة‬ ‫على‬ ‫موقع‬ ‫كل‬‫رئيسة‬(MAIN PAGE)‫أخرى‬ ‫صفحات‬ ‫الى‬ ‫تؤدي‬. ‫ويكون‬‫وخاص‬ ‫محدد‬ ‫عنوان‬ ‫للموقع‬‫به‬(URL)‫الشبكة‬ ‫على‬ ‫المواقع‬ ‫بقية‬ ‫عن‬ ‫يميزه‬‫العنكبوتية‬‫اإلنترنت‬ ‫والوصول‬‫الموقع‬ ‫الى‬‫المحدد‬.‫الرئيسة‬ ‫الجامعات‬ ‫مواقع‬ ‫حال‬ ‫هو‬ ‫كما‬ ‫فرعية‬ ‫مواقع‬ ‫بالموقع‬ ‫ترتبط‬ ‫وقد‬ ‫التي‬‫ترتبط‬‫بها‬‫التابعة‬ ‫والبحثية‬ ‫العلمية‬ ‫والمراكز‬ ‫الكليات‬ ‫مواقع‬‫لها‬،‫والمدونات‬‫بالمدرسين‬ ‫الخاصة‬. ‫وجودة‬‫ومنه‬ ‫المواقع‬ ‫تصميم‬‫الواجهة‬،‫يعطي‬‫للمتابعة‬ ‫المستفيد‬ ‫ويشد‬ ‫الموقع‬ ‫عن‬ ‫الجيد‬ ‫االول‬ ‫االنطباع‬.
  • 3. ‫المواقع‬ ‫إنشاء‬ ‫بهدف‬ ‫المتعلقة‬ ‫االسئلة‬ ‫جميع‬ ‫على‬ ‫سنتعرف‬: ◦‫المواقع‬ ‫إنشاء‬ ‫من‬ ‫الهدف‬ ◦‫الشخصية‬ ‫المواقع‬ ‫إنشاء‬ ‫خطوات‬ ◦‫المواقع‬ ‫وإنشاء‬ ‫تصميم‬ ‫طريقة‬ ◦‫المواقع‬ ‫إلنشاء‬ ‫المناسب‬ ‫التصميم‬ ◦‫الكلمات‬ ‫أهمية‬‫المفتاحية‬‫المواقع‬ ‫إلنشاء‬ ◦‫الويب‬ ‫مواقع‬ ‫انواع‬
  • 4. ‫المواقع‬ ‫إنشاء‬ ‫من‬ ‫الهدف‬: ‫الواس‬ ‫العالم‬ ‫شبكة‬ ‫علي‬ ‫دائم‬ ‫تواجدا‬ ‫لك‬ ‫يكون‬ ‫أن‬ ‫هو‬ ‫مواقع‬ ‫إنشاء‬ ‫من‬ ‫األساسي‬ ‫الهدف‬ ‫إن‬‫ع‬ ‫االنترنت‬ ‫شبكة‬ ‫االن‬ ‫شبكة‬ ‫هي‬ ‫هكذا‬ ‫اليوم‬ ‫طوال‬ ‫ويعمل‬ ‫األماكن‬ ‫أفضل‬ ‫في‬ ‫تجاري‬ ‫محل‬ ‫تملك‬ ‫انك‬ ‫تخيل‬‫ترنت‬ ‫سهولة‬ ‫بكل‬ ‫خدمتك‬ ‫أو‬ ‫نتجك‬ُ‫م‬ ‫تسوق‬ ‫أن‬ ‫مكنك‬ُ‫ي‬ ‫الموقع‬ ‫خالل‬ ‫فمن‬
  • 5. ‫اإلنترنت؟‬ ‫علي‬ ‫موقع‬ ‫إنشاء‬ ‫خطوات‬ ‫هي‬ ‫ما‬ ‫هي‬ ‫اإلنترنت‬ ‫علي‬ ‫موقع‬ ‫إلنشاء‬ ‫األساسية‬ ‫الخطوات‬ ‫إن‬ ‫إختيار‬‫إسم‬‫أو‬ ‫النطاق‬‫الدومين‬‫نت‬ُ‫م‬‫و‬ ‫لعملك‬ ً‫ا‬‫ناسب‬ُ‫م‬ ‫يكون‬ ‫أن‬ ‫علي‬ ‫بك‬ ‫الخاص‬‫خدمتك‬ ‫أو‬ ‫جك‬ ‫وفريد‬ ‫الحفظ‬ ‫سهل‬ ‫يكون‬ ‫أن‬ ‫وعلي‬ ‫إختيار‬‫شركات‬ ‫من‬ ‫شركة‬‫اإلستضافة‬‫سمي‬ُ‫ي‬ ‫وما‬ ‫اإلنترنت‬ ‫علي‬‫بالسيرفر‬‫الذ‬‫سيكون‬ ‫ي‬ ‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫لبيانات‬ ‫الحافظ‬ ‫بمثابة‬ ‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫برمجة‬ ‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫تصميم‬ ‫البحث‬ ‫حركات‬ُ‫م‬‫ل‬ ‫الموقع‬ ‫تهيئة‬ ‫الموقع‬ ‫الترويج‬
  • 6. ‫للموقع؟‬ ‫المناسب‬ ‫التصميم‬ ‫نوع‬ ‫ما‬ ‫إن‬‫إختالف‬ً‫ا‬‫تبع‬ ‫يأتي‬ ‫التصميم‬‫إلختالف‬‫تخت‬ ‫أن‬ ‫لك‬ ‫إنشائه‬ ‫راد‬ُ‫م‬‫ال‬ ‫الموقع‬ ‫مجال‬‫التصميم‬ ‫ار‬ ‫بعض‬ ‫فهناك‬ ‫الموقع‬ ‫لزوار‬ ‫مناسبا‬ ‫التصميم‬ ‫يكون‬ ‫أن‬ ‫علي‬ ‫الموقع‬ ‫لمجال‬ ‫المناسب‬ ‫الزوار‬ ‫علي‬ ‫بالسهولة‬ ‫تتسم‬ ‫ال‬ ‫أنها‬ ‫إال‬ ‫الجذابة‬ ‫التصميمات‬ ‫للموقع؟‬ ‫بالنسبة‬ ‫االلكتروني‬ ‫التسويق‬ ‫فائدة‬ ‫ما‬ ‫يجذ‬ ‫وما‬ ‫الموقع‬ ‫زوار‬ ‫عدد‬ ‫هو‬ ‫ما‬ ‫موقع‬ ‫نجاح‬ ‫يحدد‬ ‫وما‬ ‫االنترنت‬ ‫علي‬ ‫المواقع‬ ‫ماليين‬ ‫هناك‬‫ب‬ ‫شيئان‬ ‫الموقع‬ ‫إلي‬ ‫الزوار‬: ‫أنواعها‬ ‫بمختلف‬ ‫اإلعالنات‬ ‫البحث‬ ‫محركات‬
  • 7. ‫الكلمات‬ ‫معرفة‬ ‫من‬ ‫الهدف‬ ‫ما‬‫المفتاحية‬‫؟‬ً‫ا‬‫بحث‬ ‫األكثر‬ ‫الكلمات‬ ‫وضع‬ ‫يتم‬‫المفتاحية‬‫وعمل‬ ‫ووصفه‬ ‫الموقع‬ ‫عنوان‬ ‫في‬‫التدوينات‬‫والصفح‬‫التي‬ ‫ات‬ ‫الكلمات‬ ‫عنوان‬ ‫تحمل‬‫فتاحية‬ُ‫م‬‫ال‬.‫الكلمة‬ ‫كثافة‬ ‫ترفع‬ ‫كما‬‫المفتاحية‬‫المو‬ ‫في‬‫يجعل‬ ‫مما‬ ‫قع‬ ‫البحث‬ ‫لمحركات‬ ‫األولي‬ ‫النتائج‬ ‫في‬ ‫موقعك‬ ‫االنترنت؟‬ ‫على‬ ‫الوجود‬ ‫من‬ ‫الهدف‬ ‫لتحقيق‬ ‫كافيا‬ ‫الموقع‬ ‫إنشاء‬ ‫هل‬ ‫اإلنت‬ ‫شبكة‬ ‫علي‬ ‫وجودك‬ ‫من‬ ‫هدفك‬ ‫تحقق‬ ‫لكي‬ ‫ولكن‬ ‫األولي‬ ‫الخطوة‬ ‫هو‬ ‫الموقع‬ ‫إنشاء‬ ‫إن‬‫رنت‬ ‫للموقع‬ ‫الترويج‬ ‫وهي‬ ‫أال‬ ‫األهم‬ ‫الثانية‬ ‫بالخطوة‬ ‫تقوم‬ ‫أن‬ ‫عليك‬ ‫خالل‬ ‫من‬ ‫ما‬ ‫لموقع‬ ‫الترويج‬ ‫ويمكن‬ ‫الموقع‬ ‫إلي‬ ‫الزوار‬ ‫جذب‬ ‫معناه‬ ‫للموقع‬ ‫والترويج‬ ‫هما‬ ‫طريقتين‬ ‫المختلفة‬ ‫الترويجية‬ ‫الوسائل‬ ‫في‬ ‫الموقع‬ ‫عن‬ ‫إعالنات‬ ‫وضع‬ ‫بنفسك‬ ‫بالترويج‬ ‫تقوم‬ ‫أن‬ ‫أو‬
  • 8. ‫الويب‬ ‫مواقع‬ ‫أنواع‬ ‫منذ‬ ‫اإلنترنت‬ ‫مجال‬ ‫في‬ ‫حصلت‬ ‫التي‬ ‫التطورات‬ ‫بعد‬‫إختراعها‬‫المواق‬ ‫من‬ ‫نوعين‬ ‫خرج‬‫إلى‬ ‫ع‬ ‫الساحة‬.‫نوعين‬ ‫إلى‬ ‫قسمت‬: ‫الثابت‬ ‫المحتوى‬ ‫ذات‬ ‫مواقع‬ ‫يغير‬ ‫الذي‬ ‫الوحيد‬ ‫بل‬ ‫للزائر‬ ‫تبعا‬ ‫يتغير‬ ‫ال‬ ‫المحتوى‬ ‫أن‬ ‫أي‬ ‫بالثابت‬ ‫والمقصود‬‫صاحب‬ ‫هو‬ ‫ه‬ ‫مدير‬ ‫أو‬ ‫الموقع‬‫الشبكة‬. ‫التفاعلي‬ ‫المحتوى‬ ‫ذات‬ ‫مواقع‬
  • 9. ‫تصميم‬‫و‬ ‫الصور‬ ‫و‬ ‫المقاالت‬ ‫مثل‬ ‫الموقع‬ ‫في‬ ‫التي‬ ‫المحتويات‬ ‫عن‬ ‫اهميه‬ ‫يقل‬ ‫ال‬ ‫الموقع‬‫الروابط‬. ‫تصميم‬‫دخول‬ ‫عند‬ ‫الزوار‬ ‫يالحظه‬ ‫شيء‬ ‫اول‬ ‫هو‬ ‫موقعك‬‫الموقع‬.‫اذا‬‫صفحات‬ ‫بين‬ ‫التنقل‬ ‫كان‬ ‫الموقع‬‫موقعك‬ ‫في‬ ‫الزائر‬ ‫فسيبقى‬ ‫ملفت‬ ‫و‬ ‫واضح‬ ‫التصميم‬ ‫و‬ ‫سهل‬‫و‬‫محتوياته‬ ‫يتصفح‬.
  • 10. ‫نشاط‬ ‫االلكترونية‬ ‫المواقع‬ ‫من‬ ‫للعديد‬ ‫وتصفحك‬ ‫اطالعك‬ ‫خالل‬ ‫من‬ ‫للموقع‬ ‫انجذابك‬ ‫في‬ ‫سبب‬ ‫انها‬ ‫ترين‬ ‫اللتي‬ ‫النقاط‬ ‫اهم‬ ‫اذكري‬
  • 11. ‫صفحات‬ ‫تصميم‬ ‫مقاييس‬‫المواقع‬: ‫التركيز‬ ‫بهدف‬ ‫األساسية‬ ‫األسئلة‬ ‫من‬ ‫عدد‬ ‫عن‬ ‫أجب‬: ‫موقعي‬ ‫بزيارة‬ ‫سيقوم‬ ‫من‬‫اإللكتروني‬!...‫؟‬ ‫ولماذا‬ ‫قم‬‫بتشكيل‬/‫تصميم‬/‫اإللكتروني‬ ‫للموقع‬ ‫أساسية‬ ‫قياسية‬ ‫صفحة‬ ‫ز‬ِّ‫الحي‬ ‫اعتبارك‬ ‫في‬ ‫ضع‬‫الحقيقي‬‫للشاشة‬. ‫يسار‬ ‫أعلى‬ ‫إلى‬ ‫أهمية‬ ‫األكثر‬ ‫المعلومات‬ ‫ضع‬‫الشاشة‬. ‫اإلطالع‬ ‫بتسهيل‬ ‫قم‬ ‫المقاييس‬ ‫حيث‬ ‫من‬ ً‫ا‬‫عادي‬ ‫والتصفح‬ ‫العرض‬ ‫اجعل‬ ‫متصلة‬ ‫صفحات‬ ‫خالل‬ ‫من‬ ‫المضمون‬ ‫ببناء‬ ‫قم‬. ‫للقراءة‬ ً‫ال‬‫سه‬ ‫النص‬ ‫اجعل‬ ‫بحكمة‬ ‫األلوان‬ ‫استعمل‬
  • 12. ‫الصور‬: ‫تتجاوز‬ ‫ال‬ ‫أن‬ ‫يجب‬ ‫الصور‬ ‫إن‬75‫للبوصة‬ ‫الصورة‬ ‫تشكيل‬ ‫وحدات‬ ‫من‬ ‫وحدة‬‫الواحدة‬ (Pixels). ‫ملفات‬ ‫باستعمال‬ ‫قم‬‫الـ‬(JPG)‫تحت‬ ‫التي‬ ‫تلك‬ ‫مثل‬ ‫ومن‬ ‫الفوتوغرافية‬ ‫للصور‬ ‫وذلك‬‫وي‬ ‫ألوان‬ ‫على‬‫مظللة‬. ‫من‬ ‫يتكون‬ ‫بديل‬ ‫نظام‬‫الرموز‬. ‫أنها‬ ‫على‬ ‫الصور‬ ‫عرض‬ ‫تجنب‬‫وصالت‬. ‫نص‬ ‫أنها‬ ‫على‬ ‫الصور‬ ‫إلى‬ ‫اإلشارة‬ ‫تجنب‬ ‫ذات‬ ‫الصور‬ ‫أو‬ ‫الشفافة‬ ‫الصور‬ ‫استعمال‬ ‫تجنب‬‫الـ‬(Gif)
  • 13. ‫تصميم‬ ‫في‬ ‫تجنبها‬ ‫يجب‬ ‫أمور‬‫المواقع‬: ‫إطار‬ ‫له‬ ‫ليس‬ ‫بديل‬ ‫باستعمال‬ ‫قم‬ ‫أو‬ ‫البراويز‬. ‫برمجة‬‫الجافا‬(Java)‫والفالش‬(Flash)ً‫ا‬‫ممكن‬ ‫كان‬ ‫حيث‬. ‫المضمون‬ ‫عن‬ ً‫ا‬‫بعيد‬ ‫االنتباه‬ ‫تشد‬ ‫إنها‬ ‫حيث‬ ‫فائدة‬ ‫لها‬ ‫ليس‬ ‫التي‬ ‫األشكال‬. ‫وإلى‬ ‫األعلى‬ ‫إلى‬ ‫تفتقر‬ ‫التي‬ ‫األشكال‬‫األسفل‬‫والتي‬ ،‫تبرم‬‫أو‬ ‫تدور‬ ‫والتي‬ ،‫تتحرك‬ ‫التي‬ ‫للمضمون‬ ‫توضيحي‬ ‫بدور‬ ‫القيام‬ ‫حيث‬ ‫من‬ ‫أهمية‬ ‫ذات‬ ‫تكون‬ ‫أن‬ ‫دون‬ ‫عام‬ ‫بشكل‬. ‫من‬ ‫انفلت‬ ‫وكأنه‬ ‫الشاشة‬ ‫على‬ ‫يبدو‬ ‫الذي‬ ‫المطول‬ ‫النص‬‫لفافة‬.
  • 14.
  • 15. ‫اإللكترونية‬ ‫المواقع‬ ‫لعمل‬ ‫طرق‬ ‫ثالثة‬ ‫هنالك‬: ‫نظام‬(Html):‫صفحة‬ ‫صياغة‬ ‫من‬ ‫َك‬‫ن‬ِّ‫ك‬َ‫م‬ُ‫ي‬ ‫الذي‬ ‫المجرد‬ ‫بالنص‬ ‫خاص‬ ‫نظام‬ ‫إنه‬ ‫الكترونية‬.‫النظام‬ ‫هذا‬ ‫إلى‬ ‫النظر‬ ‫وباإلمكان‬‫الخاصة‬ ‫البرمجة‬ ‫لغة‬ ‫أنه‬ ‫على‬‫باإلنت‬‫رنت‬. ‫محرر‬‫لغة‬‫الـ‬(Html):‫وتحرير‬ ‫لصياغة‬ ‫المختصرة‬ ‫والطرق‬ ‫الوسائل‬ ‫يوفر‬ ‫إنه‬ ‫صفحات‬‫الـ‬(Html)‫خاصة‬‫باإلنترنت‬. ‫برنامج‬(FrontPage)‫وبرنامج‬(WYSIWYG)‫مكنك‬ُ‫ت‬‫هذه‬‫عمل‬ ‫من‬ ‫البرامج‬ ‫إلى‬ ‫الحاجة‬ ‫دون‬ ‫باإلنترنت‬ ‫خاصة‬ ‫صفحات‬‫برنامج‬(Html)‫برنامج‬ ‫ويحظى‬‫الـ‬ (FrontPage)‫الكومبيوتر‬ ‫على‬ ‫المباشر‬ ‫التشغيل‬ ‫بميزة‬‫المركزي‬(‫لن‬ ‫حاجة‬ ‫ال‬ ‫أي‬‫قل‬ ‫مكتملة‬ ‫ملفات‬.)
  • 16. ‫التصميم‬: ‫حدد‬‫جمهورك‬. ‫بتحفيز‬ ‫قم‬‫جمهورك‬:‫الفعالة‬ ‫الراجعة‬ ‫للتغذية‬ ‫فرص‬ ‫ووفر‬ ‫باحترام‬ ‫عاملهم‬. ‫بالوضوح‬ ‫تمتاز‬ ‫للموقع‬ ‫أهداف‬ ‫بوضع‬ ‫قم‬‫وقابلية‬‫القياس‬,‫األ‬ ‫بتصميم‬ ‫قم‬ ‫أو‬‫هداف‬. ‫قم‬‫باإلعتراف‬‫ردود‬ ‫تجاه‬ ‫والتقدير‬‫األفعال‬,‫الجهود‬,‫والنجاح‬,‫وقم‬‫الث‬ ‫بتجاوز‬‫غرات‬‫كي‬ ‫التوقعات‬ ‫مستوى‬ ‫إلى‬ ‫يرتقي‬.
  • 17. ‫أو‬ ‫المحتوى‬‫المضمون‬: ‫قم‬‫بك‬ ‫الخاص‬ ‫الموقع‬ ‫محتوى‬ ‫بتحديد‬‫بشكل‬‫مكثف‬. ‫عالمي‬ ‫جمهور‬ ‫قبل‬ ‫من‬ ‫ومفهومة‬ ‫بسيطة‬ ‫اللغة‬ ‫تكون‬ ‫أن‬ ‫يجب‬. ‫الجمهور‬ ‫أمام‬ ْ‫ل‬ِّ‫ه‬َ‫س‬‫المفاهيم‬ ‫على‬ ‫اإلطالع‬‫الهامة‬. ‫أدخل‬‫خلفية‬ ‫ذات‬ ‫صفحات‬ ‫في‬ ‫المحتوى‬ ‫نصوص‬‫بيضاء‬. ‫حسب‬ ‫معلوماتك‬ ‫مع‬ ‫تعامل‬‫أولوياتها‬,‫خطوط‬ ‫بوضع‬ ‫تقوم‬ ‫أنك‬ ‫لو‬ ‫كما‬‫عريضة‬.
  • 18. ‫بأسلوب‬ ‫التصفح‬ ‫مسار‬ ‫وجه‬: ‫بسيط‬. ‫واضح‬. ‫أو‬ ‫طبقات‬ ‫من‬ ‫تتألف‬ ‫للموقع‬ ‫خرائط‬ ‫على‬ ‫يقوم‬‫مستويات‬. ‫منظم‬(‫الخطوط‬ ‫بطريقة‬ ‫التفكير‬‫العريضة‬.)
  • 19. ‫مباديء‬‫عامة‬: ‫بينهما‬ ‫كبير‬ ‫الفرق‬ ‫يكون‬ ‫أن‬ ‫على‬ ‫والخلفية‬ ‫النص‬ ‫من‬ ‫كل‬ ‫ألوان‬ ‫باختيار‬ ‫قم‬. ‫الستعمال‬ ‫آمنة‬ ‫ألوان‬ ‫لوحة‬ ‫باختيار‬ ‫قم‬‫الزائر‬.‫تتسم‬ ‫كي‬ ‫وذلك‬‫بالثبات‬. ‫قم‬‫حروف‬ ‫وحجم‬ ‫شكل‬ ‫بتوحيد‬‫ومستمر‬ ‫دائم‬ ‫بشكل‬ ‫النص‬. ‫األلوان‬ ‫على‬ ‫تغييرات‬ ‫إحداث‬ ‫تجنب‬. ‫الحروف‬ ‫استعمال‬ ‫تجنب‬‫المائلة‬(‫تصعب‬‫قرءاتها‬)‫على‬ ‫تغييرات‬ ‫وإحداث‬‫األلو‬‫ان‬. ‫النص‬ ‫تجنب‬‫أكثر‬ ‫المطول‬‫اللزوم‬ ‫من‬. ‫النسق‬ ‫ذات‬ ‫الخلفيات‬ ‫استعمال‬ ‫بتجنب‬ ‫قم‬‫الشبكي‬,‫القراءة‬ ‫يصعب‬ ‫ذلك‬ ‫ألن‬. ‫تتسم‬ ‫وأشكال‬ ‫تصاميم‬ ‫باستعمال‬ ‫المضمون‬ ‫بتوضيح‬ ‫قم‬‫بالبساطة‬,‫المالءمة‬,‫صغر‬‫الحجم‬ ,‫والثبات‬. ‫الوصالت‬ ‫وبين‬ ‫بينها‬ ‫الخلط‬ ‫يمكن‬ ‫حيث‬ ‫الكلمات‬ ‫تحت‬ ‫خط‬ ‫وضع‬ ‫تجنب‬(Links)
  • 20.
  • 21. ‫نشاط‬ ‫االلكترونية‬ ‫المواقع‬ ‫صفحات‬ ‫على‬ ‫للبحث‬ ‫دائما‬ ‫تتعرضين‬ ‫المواقع‬ ‫من‬ ‫العديد‬ ‫ويواجهك‬ ‫اليه‬ ‫تحتاجين‬ ‫معين‬ ‫موضوع‬ ‫عن‬ ‫التي‬ ‫اختيار‬ ‫بصدد‬ ‫ولكنك‬ ‫الموضوع‬ ‫نفس‬ ‫عن‬ ‫تتحدث‬ ‫قد‬‫احدهما‬.. ‫صف‬ ‫على‬ ‫الكتابة‬ ‫عند‬ ‫مهمة‬ ‫انها‬ ‫ترين‬ ‫التي‬ ‫االسباب‬ ‫هي‬ ‫فما‬‫حات‬ ‫الموقع‬
  • 22. ‫اإللكتروني‬ ‫الموقع‬ ‫لصفحات‬ ‫الفعالة‬ ‫للكتابة‬ ‫الهامة‬ ‫القواعد‬ ‫بعض‬ ‫هناك‬ ‫الموضوع‬:‫وخالصته‬ ‫األساسية‬ ‫فكرته‬ ‫الهيكل‬ ‫أو‬ ‫بالشكل‬ ‫تتحكم‬ ‫األفكار‬ ‫اإللكتروني‬ ‫وللموقع‬ ‫للمحتوى‬ ‫الهيكلي‬ ‫الشكل‬ ‫األفضل‬ ‫هو‬ ‫البسيط‬ ‫اللغوي‬ ‫التركيب‬ ‫التقنية‬ ‫المصطلحات‬ ‫تجنب‬ ‫البيانات‬,‫التفاصيل‬,‫الصعوبة‬ ‫درجة‬ ‫تالية‬ ‫صفحة‬ ‫كل‬ ‫مضمون‬ ‫أو‬ ‫محتوى‬ ‫التفصيلية‬ ‫المعلومات‬ ‫الضرورية‬ ‫غير‬ ‫المعلومات‬ ً‫ال‬‫مزي‬ ‫بالتنقيح‬ ‫قم‬ ‫فاحص‬ ‫استعمل‬‫التهجئة‬ ‫رسالتك‬ ‫على‬ ً‫ا‬‫دائم‬ ‫ركز‬
  • 24. ‫أن‬ ‫قبل‬ ‫الموقع‬ ‫من‬ ‫تريد‬ ‫ماذا‬ ‫حدد‬ ‫أوال‬‫تبدأ‬. ‫المدونة‬ ‫أو‬ ‫الموقع‬ ‫سرعة‬ ‫ثانيا‬. ‫بقدر‬ ‫سهل‬ ‫موقعك‬ ‫استعراض‬ ‫اجعل‬ ‫ثالثا‬‫اإلمكان‬. ‫بوضوح‬ ‫أكتب‬ ‫رابعا‬‫وباختصار‬. ً‫ا‬‫مظهر‬ ‫موقعك‬ ‫لصفحات‬ ‫اجعل‬ ‫خامسا‬ً‫ا‬‫مميز‬. ‫التصميم‬ ‫قواعد‬ ‫اتبع‬ ‫سادسا‬‫الجيد‬. ‫سابعا‬‫المحتوى‬. ‫تؤدى‬ ‫أن‬ ‫يجب‬ ‫موقعك‬ ‫صفحات‬ ‫من‬ ‫صفحة‬ ‫كل‬ ‫ثامنا‬ً‫ال‬‫عم‬. ‫لالتصال‬ ‫وسيلة‬ ‫ضع‬ ‫تاسعا‬‫بك‬. ‫توافقه‬ ‫من‬ ‫تأكد‬ ‫اخيرا‬.