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

مواقع الانترنت--> و هى نموذج للتخصص و الحرفية.و العديد الآن يملكون مواقع انترنت يعملون من خلالها و
كل المؤسسات الكبيرة بل و حتى الصغيرة تقوم بعمل موقع ويب تنشر عليه كل ما يخص المؤسسة؛ليس هناك قالب
معين او شكل محدد يمكن ان نتقيد به فى تصميم الموقع و اليك بعض النماذج:
الموج

لاع وامميز
تصنيفات مواقع الانترنت
تصنف مواقع الانترنت من حيث طريقة العمل الى :
‎-١‏ مواقع 518012 و هى المواقع التى يجرى التحديث عليها عن طريق برامج ال :60110 11/80 و رفعها على
الانترنتءو يتم التحديث على مدى فترات متقاربة حتى لا تفقد فى النتائج الاولى لمحركات البحث.
‏"- مواقع 7000010 و هى المواقع التى تسمح بالمستخدم بالتفاعل معها عن طريق ارسال تعليقات و
مواضيع و خلافه و يمثلها مواقع التواصل الاجتماعى مثل الفيس بوك و تويتر و غيرها.
‏أما من حيث المضمون فيمكن تصنيف المواقع الى عدة فئات منها على سبيل المثال لا الحصر :
‏المصانع و المطاعم.
‏- مواقع علمية و تتناول كل ما يتعلق بمجال معين كالطب أو الهندسة.
‏*- مواقع للتواصل الاجتماعى و تهدف لبناء علاقات بين الناس و اجراء محادثات.
‏؛- مواقع بحثية تقدم خدمات للطلاب و الباحثين مثل الرسائل العلمية و الترجمة و الاستشارات العلمية.
‏5- محركات بحث و أشهر ما يمتل هذه الفئة محرك البحث جوجل.
‏7- مراكز رفع الصور و الملفات و تقوم بحفظ ملفاتك لفترة من الزمن قد تكون عام او اثنان و هناك العديد منها
‏على الانترنت مثل عرب شير و مخزن و خلافه.
‏أنواع الصور
‏تقسم الصور التى نتعامل معها فى التصميم الى عدة أنواع اى ان لها العديد من الامتدادات و اليكم ملخص عن هذه

000006001 2110108100 (551: هو النسق الأساسي في برنامج الفوتوشوب؛ حيث أن هذا النسق يحفظ العمل
مع جميع الطبقات والشرائح الموجودة فيه لذا يمكن في حالة رغبتك في عمل بعض التغيرات على العمل فهذا النسق
يعتبر النسق المثالي.
16 0ه<-13:1 131: هذا النسق من إنتاج شركة مايكروسوفت وهو خاص بنظام ويندوز؛ ويدعم الكمبيوتر
هذا النسق بألوان تصل إلى ‎١“‏ مليون لون ويمكنك إستخدام نظام الضغط الغير فقذاني وهو نظام ضغط للملفات
التي بهذا النسق حيث يقوم بالمساعدة على توفير المساحة في القرص دون التضحية بأية بيانات؛ ولكن هذا التتسيق
يقوم بتبطيء عمليات الفتح والحفظ.
‎010٠81 0117‏ عع00 :1116 1165اة07: يمكنك التعامل فقط مع 727 لونا فقط من خلال هذا النسق وتسمى
لما له من حجم صغير وسرعة في التحميل.
‏085001 100008012180 515: وهي من الصيغ المقبولة بصورة كبيرة بين العديد من برامج الرسومات
وبرامج النشر المكتبي؛ كما أنها تستخدم على نطاق واسع في كل من ويندوز وماكنتوش ؛ وقد تم إنشاء هذه الصيغة
للوفاء بمتطلبات الصور الرسومية فإذا كنت تحتاج إلى إدراج +(111050:013008) الصورة في برنامج للنشر المكتبي
‏0001 كاعم عندادهع 01010 10101 (10) 10150: يشيع استخدام هذا النسق لضغط الصور قبل نشرها
ملاحظة ماتم فقده من بيانات كما أن هذا النسق يعتبر التنسيقات ذات المساحة التخزينية ال
‏مصممين المواقع لما له من جودة عالية وصغر حجم المساحة الت
التعديل عليه في وقت لاحق؛ ويعتبر من نوع (176010).
‏©1711 101888 788860 117: قامت شركة ألدوس والتي إشترتها شركة أدوبي بتطوير هذا النسق من اجل توحيد
مقاييس الصور الممسوحة وهو نسق يتم استخدامه في معظم برامج النشر المكتبي كبرنامج كوارك اكسبرس.
ع1 20:01 0116: هو نسق جديد لحفظ الملفات وقد تم تصميمه خصيصا لضغط الصور التي سيتم
نشرها عبر الإنترنت؛ ويتوقع الكثير من الخبراء أن يحل هذا النسق محل النسق (011) ؛ حيث أن صور هذا النسق
يمكن أن يحتوي على أكثر من 07 لوناً؛ كما أن هذا النسق يحتفظ بجميع الألوان وأقنية ألفا الخاصة بها الأمر
الذي يسمح بدمج حواف الصور مع خلفيات صفحات الإنترنت.
‏الخطوات العملية لتصميم مواقع الانترنت وواجهات البرامج
‏للقيام بتصميم موقع الكترونى أو واجهة برنامج يلزمك اتباع مجموعة خطوات ليس بطريقة آلية ؛و لكن فقط فهمك
لهذه الأمور سيجعلك تتلافى الكثير من الاخطاء التى يقع فيها الكثيرون ممن يظنون أنهم وصلوا لمرحلة
‎-١‏ تحديد الأهداف و تشمل :
لل فكرة عمل الموقع (سياسى - دينى - علمى - ربحى...الخ)

© الجمهور المستهدف من حيث(النطاق الجغرافى - اللغة - المستوى الثقافى - العمر - الفئة
تحديد العناصر الاساسية التى ستحتاجها فى موقعك من صور و نصور وايقونات و خلافه.
تحديد الألوان و العناصر الجرافيكية التى ستحتاجها لموقعك.
عمل رسم تخطيطى على ورقة بشكل الموقع ككل. ٍ
سؤال العميل أولاً هل هذا التصميم يستهويه أو لا و ان كان لا يروقه فكر جدياً باققاعه باسباب اختيار لهذا
التصميم و الألوان مثلاً لتناسبها مع الفئة العمرية التى ستقدم لها او المادة العلمية و ان لم يقتتع حاول بعمل
تصميم آخر ينال اعجاب العميل.
ابد فى تصميمك بعد موافقة العميل على برنامج الفوتوشوب أو برنامج التصميم الذى تستخدمه و بعد
الانتهاء ارسل هذا التصميم للموظف المسئول عن عمل التصميم على برنامج ال 801808 17/87 سواء أكان
المشروع الأول(التصميم الأول)
قبل أن نشرع فى تصميم المشروع الأول أود أن القى الضوء على مسمى سيتم التعامل معه بكثرة اثناء التصميم الا
‎-١‏ الصور ال :18888 : هى الصور التي تعتمد على البكسل كأصفر وحدة للصورة؛و يتم توزيع نقاط اللون
داخل ال 01»8[5 لتتجمع فى النهاية بشكل تراه العين المجردة جيداً و حينما يتم تكبير هذه الصور فإنها تفقد
دقتها و جودتها و تصبح مشوشة؛كما أنها تأخذ مساحة كبيرة فى التخزين “إذ يتم حفظ كل بكسل من
الصورة على حدة فى الذاكرة.
المعادلات الرياضية.
و يوضح الشكل ‎١‏ راستر و فيكتور بعد التكبير.
* مقصماق

:©1180 أى رأس الصفحة او الجزء العلوي؛(ل130 وسم او جسم الصفحة::70018] الجزء السفلىو
يحتوي هذا الجزء على مجموعة من النصوص و الصور و الفيديوهات او الاعلانات
جزء بعض الروابط و 1:اع0[((11.
شكل التصميم الأول بعد الانتهاء
الاجم جد تر .ما الموييه مضي 4 ممخضه عه عن علا
يوضح هذا الشكل تصميم لموقع إخبارى و الآن دعونا ننطلق للبدء فى التصميم خطوة بخطوة.
‎-١‏ بعد

العوفةة ماعصا
كبا نع
كبا مكعم
لبان كعم
بعد الضغط على /116 تظهر لنا النافذة التالية :
طاع
:ا :ماه
:متاق 5026م اغئاط

أول خيار يظهر لنا فى النافذة ع(0/0ل1 و نقوم فيه باعطكاء اسم للملف الذى فتحناه فمثلاً نعطى للصورة اسم
تصميم جديد.
يظهر لنا بعد ذلك :08888 و التي نقوم من خلالها بتعيين حجم الصورة التي نتعامل معها
فإما نختار :0510© و من خلال هذا الامر نقوم بتحديد طول و عرض التصميم الذى نريده أو نختار قياس
معين منهاءكما يمكننى اختيار وحدة القياس التى سيتم استخدامها فى التصميم ما بين وحدات قياس عديدة منها
البيكسل و السنتيمتر و البوصة و خلافه .
و يمكننى اختيار قياسات جاهزة للتصميم أيضاً من خلال اختيار الامر :عوج 1016001200031 من قائمة
و بعد اختيار هذا الأمر تظهر قائمة 5178 نشطة استطيع اختيار المقاس الذى سأتعامل معه و هى قياسات عالمية
متفق عليها فى التصميم كقياس 4م/.
بعد اختيار مقاس التصميم نقوم بتحديد ال 18880101100 الخاص بالتصميم؛أى درجة دقة الشاشة أو عدد
المربعات اللونية فى البكسل الواحد؛و هناك أرقام متفق عليها فى التصميم و هى 00" للمطبوعات.و ‎١7‏
©0000 بمساحة كبيرة نقوم بالتعامل معه ب 72 «80ن188801 مثل الويب.
بعد ذلك نقوم بتحديد ال 01008 00108 الخاص بالتصميم.
نوم تفرم

31000: و هو نظام يقوم على ما يسمى 1128ا0,ة:ع 1310100080 و يتم استخدام اللونين الأبيض و الأسود
فقط للتعبير عن النقاط 01815 المكونة للصورة.
©0:85©0: وهو نمط يعرض الصورة بدرجات الرماديات بدءاً من ‎٠‏ إلى 757 درجة ما بين الأبيض و
1: و هو نمط يعتمد على ثلاث قنوات لونية ؛واحدة للإضاءة 08028ن.1 و تتراوح قيمته من ‎١٠00-١‏ و
الاخريان الفا و بيتا +حيث الألفا تتكون من نطاق اللون الأخضر إلى الأحمرءأما الث إن من نطاق اللون
الأزرق إلى الأصفرءو تتراوح قيمة هذه الألوان من ‎١7١٠١-‏ إلى +١"٠»و‏ هذا النمط يعطي إضاءة أكثر من
3 وهو أيضاً أسرع عند تحرير الصور.
3.: وهو النمط المستخدم فى تصميم واجهات البرامج و اعلانات و صفحات الانترنتءو هو يتكون من ثلاثة
ألوان الأحمر و الأخضر و الأزرق و عدد الألوان التى يتيحها هذا النظام 787 *787 *1971 أى أن كل لون من
هذه الألوان السابقة يتم تمثيله ب 757 درجة و يتم الخلط فيما بين هذه الألوان لتمثيل ألوان بينية و تانوية؛و هذا
النمط يتيج لنا التعامل مع أكثر من ‎٠6‏ مليون لون.
716 1*: و هو النمط المستخدم فى الطباعة و يتكون من الألوان السيان و الماجينتا و الاصفر و الاسود.
هناكئتماط أخرى من الألوان متل 1018010106, 2,1111008 0100 10010100211100
وهى انماط تسمح باستخدام تدريجات لون أو اثنين او ثلاثة أو اربعة و ما يهمنا هو ما سبق ذكره من أنظمة
لونية سنتعامل معها فيما بعد.
د تفرد
و بعد أن نختار مود اللون نقوم باختيار درجة العمق اللوني و يعبر عنها بالدرجات من / بت إلى "© بت وكلما
زاد العمق اللوني للصورة كلما زادت مساحة التخزين على القرص الصلب.