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

Norah mohammad Albassam:Prepared by Presented to: Dr. Uthman Alturki

E-learning : Course name

اإللكتروني ) الموقع ف (WEB SITEيعر�

والمترابطة الرقمية الفيديو ومقاطع والصور والنصوص الصفحات من مجموعة بأنهخادم ) نوع من حاسوب في محملة تكون ومتفاعل متماسك هيكل (.SERVERوفق

رئيسة ) صفحة على موقع كل .MAIN PAGEويحتوي أخرى( صفحات الى تؤديبه ) وخاص محدد عنوان للموقع اإلنترنت( URLويكون العنكبوتية الشبكة على المواقع بقية عن يميزه

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

. للمتابعة المستفيد ويشد الموقع عن الجيد االول االنطباع يعطي ، الواجهة ومنه المواقع تصميم وجودة

إنشاء بهدف المتعلقة االسئلة جميع على سنتعرف:المواقع

المواقع ◦ إنشاء من الهدفالشخصية ◦ المواقع إنشاء خطواتالمواقع ◦ وإنشاء تصميم طريقةالمواقع ◦ إلنشاء المناسب التصميمالمواقع ◦ إلنشاء المفتاحية الكلمات أهميةالويب ◦ مواقع انواع

المواقع إنشاء من :الهدف

علي دائم تواجدا لك يكون أن هو مواقع إنشاء من األساسي الهدف إناالنترنت شبكة الواسع العالم شبكة

هكذا اليوم طوال ويعمل األماكن أفضل في تجاري محل تملك انك تخيلأو مrنتجك تسوق أن rمكنك ي الموقع خالل فمن االنترنت شبكة هي

سهولة بكل خدمتك

اإلنترنت؟ علي موقع إنشاء خطوات هي ما

هي اإلنترنت علي موقع إلنشاء األساسية الخطوات إن u مrناسبا يكون أن علي بك الخاص الدومين أو النطاق إسم إختيار

وفريد الحفظ سهل يكون أن وعلي خدمتك أو ومrنتجك لعملك سميr ي وما اإلنترنت علي اإلستضافة شركات من شركة إختيار

بك الخاص الموقع لبيانات الحافظ بمثابة سيكون الذي بالسيرفر بك الخاص الموقع برمجة بك الخاص الموقع تصميم البحث لمrحركات الموقع تهيئة الموقع الترويج

للموقع؟ المناسب التصميم نوع ما

أن لك إنشائه المrراد الموقع مجال إلختالف u تبعا يأتي التصميم إختالف إنمناسبا التصميم يكون أن علي الموقع لمجال المناسب التصميم تختار

تتسم ال أنها إال الجذابة التصميمات بعض فهناك الموقع لزوارالزوار علي بالسهولة

للموقع؟ بالنسبة االلكتروني التسويق فائدة ما

زوار عدد هو ما موقع نجاح يحدد وما االنترنت علي المواقع ماليين هناك: شيئان الموقع إلي الزوار يجذب وما الموقع

أنواعها بمختلف اإلعالنات البحث محركات

بحثا8؟ األكثر المفتاحية الكلمات معرفة من الهدف ما

التدوينات وعمل ووصفه الموقع عنوان في المفتاحية الكلمات وضع يتمالكلمة . كثافة ترفع كما المrفتاحية الكلمات عنوان تحمل التي والصفحات

لمحركات األولي النتائج في موقعك يجعل مما الموقع في المفتاحيةالبحث

على الوجود من الهدف لتحقيق كافيا الموقع إنشاء هلاالنترنت؟

وجودك من هدفك تحقق لكي ولكن األولي الخطوة هو الموقع إنشاء إنالترويج وهي أال األهم الثانية بالخطوة تقوم أن عليك اإلنترنت شبكة علي

للموقع ما لموقع الترويج ويمكن الموقع إلي الزوار جذب معناه للموقع والترويج

هما طريقتين خالل من المختلفة الترويجية الوسائل في الموقع عن إعالنات وضع بنفسك بالترويج تقوم أن أو

الويب مواقع أنواع

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

الثابت المحتوى ذات مواقع

الذي الوحيد بل للزائر تبعا يتغير ال المحتوى أن أي بالثابت والمقصود . الشبكة مدير أو الموقع صاحب هو يغيره

التفاعلي المحتوى ذات مواقع

. الروابط و الصور و المقاالت مثل الموقع في التي المحتويات عن اهميه يقل ال الموقع تصميم . صفحات بين التنقل كان اذا الموقع دخول عند الزوار يالحظه شيء اول هو موقعك تصميم

. محتوياته يتصفح و موقعك في الزائر فسيبقى ملفت و واضح التصميم و سهل الموقع

نشاط

من للعديد وتصفحك اطالعك خالل منااللكترونية المواقع

في سبب انها ترين اللتي النقاط اهم اذكريللموقع انجذابك

: المواقع صفحات تصميم مقاييس

: التركيز بهدف األساسية األسئلة من عدد عن أجب

؟ ! ... ولماذا اإللكتروني موقعي بزيارة سيقوم من

/ / اإللكتروني للموقع أساسية قياسية صفحة تصميم بتشكيل قم . للشاشة  الحقيقي �ز الحي اعتبارك في ضع. الشاشة يسار أعلى إلى أهمية األكثر المعلومات ضع  اإلطالع بتسهيل قم  المقاييس حيث من u عاديا والتصفح العرض اجعل. متصلة  صفحات خالل من المضمون ببناء قم للقراءة u سهال النص اجعل بحكمة األلوان استعمل

:الصور تتجاوز ال أن يجب الصور الصورة 75إن تشكيل وحدات من وحدة

الواحدة ) ( . Pixelsللبوصة ( الـ ملفات باستعمال مثل( JPGقم ومن الفوتوغرافية للصور وذلك

مظللة .  ألوان على تحتوي التي تلك . الرموز من يتكون بديل نظام . وصالت أنها على الصور عرض تجنب نص أنها على الصور إلى اإلشارة تجنب ( الـ ذات الصور أو الشفافة الصور استعمال ( Gifتجنب

تصميم في تجنبها يجب أمورالمواقع :

. إطار له ليس بديل باستعمال قم أو البراويز(  الجافا .Flashوالفالش( )Javaبرمجة )u ممكنا كان حيث  عن u بعيدا االنتباه تشد إنها حيث فائدة لها ليس التي األشكال

المضمون.  والتي ، تبرم والتي ، األسفل وإلى األعلى إلى تفتقر التي األشكال

حيث من أهمية ذات تكون أن دون عام بشكل تتحرك التي أو تدور. للمضمون توضيحي بدور القيام

.  لفافة من انفلت وكأنه الشاشة على يبدو الذي المطول النص

: اإللكترونية المواقع لعمل طرق ثالثة هنالك ( نظامHtml : )صياغة من �ك rم�ك�ن ي الذي المجرد بالنص خاص نظام إنه

  لغة .  أنه على النظام هذا إلى النظر وباإلمكان الكترونية صفحةباإلنترنت . الخاصة البرمجة

(     الـ  لغة لصياغة( : Htmlمحرر المختصرة والطرق الوسائل يوفر إنهالـ )  صفحات باإلنترنت( .Htmlوتحرير خاصة

(  برنامجFrontPage( )وبرنامجWYSIWYG     من(  البرامج هذه rمكنك تبرنامج ) إلى الحاجة دون باإلنترنت خاصة صفحات ويحظى( Htmlعمل

الـ ) الكومبيوتر( FrontPageبرنامج على المباشر التشغيل بميزة.) مكتملة ) ملفات لنقل حاجة ال أي المركزي

: التصميم . جمهورك حدد :  الراجعة للتغذية فرص ووفر باحترام عاملهم جمهورك بتحفيز قم

الفعالة. ,   قم  أو القياس وقابلية بالوضوح تمتاز للموقع أهداف بوضع قم

. األهداف بتصميم , , ,  والنجاح الجهود األفعال ردود تجاه والتقدير باإلعتراف قم

  التوقعات  مستوى إلى يرتقي كي الثغرات بتجاوز .وقم

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

عريضة .

: بأسلوب التصفح مسار وجه .بسيط. واضح . مستويات  أو طبقات من تتألف للموقع خرائط على يقوم

العريضة  ) (. الخطوط بطريقة التفكير منظم

: عامة مباديء . بينهما كبير الفرق يكون أن على والخلفية النص من كل ألوان باختيار قم. . بالثبات  تتسم كي وذلك الزائر الستعمال آمنة ألوان لوحة باختيار قم.     ومستمر  دائم بشكل النص حروف وحجم شكل بتوحيد قم. األلوان  على تغييرات إحداث تجنب ) (  على تغييرات وإحداث قرءاتها تصعب المائلة الحروف استعمال تجنب

األلوان ..     اللزوم  من أكثر المطول النص تجنب ,    يصعب  ذلك ألن الشبكي النسق ذات الخلفيات استعمال بتجنب قم

القراءة. , بالبساطة تتسم وأشكال تصاميم باستعمال المضمون بتوضيح قم

والثبات , , . الحجم صغر المالءمة الوصالت وبين بينها الخلط يمكن حيث الكلمات تحت خط وضع تجنب

(Links)

نشاط

المواقع صفحات على للبحث دائما تتعرضينااللكترونية

ويواجهك اليه تحتاجين معين موضوع عنالتي المواقع من العديد

بصدد ولكنك الموضوع نفس عن تتحدث قداحدهما .. اختيار

عند مهمة انها ترين التي االسباب هي فماالموقع صفحات على الكتابة

الموقع لصفحات الفعالة للكتابة الهامة القواعد بعض هناكاإللكتروني

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

الخالصة

خطوات مهمة لنجاح موقعك10هناك

. تبدأ أن قبل الموقع من تريد ماذا حدد أوال. المدونة أو الموقع سرعة ثانيا. اإلمكان بقدر سهل موقعك استعراض اجعل ثالثا. وباختصار بوضوح أكتب رابعا. 8 مميزا مظهرا8 موقعك لصفحات اجعل خامسا. الجيد التصميم قواعد اتبع سادسا. المحتوى سابعا تؤدى أن يجب موقعك صفحات من صفحة كل ثامنا

. 8 عمال. بك لالتصال وسيلة ضع تاسعا. توافقه من تأكد اخيرا