عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
|
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
[/CENTER]السلام عليكم و رحمة الله و بركاته
إخواني الأعزاء...
اليوم بنبدأ قسم جديد من دروس سلسلة الفوتوشوب،هذا القسم ربما يكون ذا صلة وطيدة بتصميم المواقع و حركة برمجة و تصميم المواقع في العالم كله..
العالم منذ فترة يتجه لتصميميات جديدة تعرف باسم الـweb2...هذه التصاميم لها خصائص و مزايا كثيرة اثبتت جدارتها و تميزها عن ما سلفها...
و نحن هنا سنحاول مواكبة هذا النوع و الاتجاه الجديد من خلال سلسلة دروس الفوتوشوب...
أولا نبذة صغيرة عن الويب 2 لنستطيع التعامل معه..
=======================================
ويب 2.0 هو مصطلح يشير إلى مجموعة من التقنيات الجديدة والتطبيقات الشبكية التي أدت إلى تغيير سلوك الشبكة العالمية 'إنترنت'. كلمة 'ويب 2.0' سُمعت لأول مره في دورة نقاش بين شركة أورلي (O’Reilly) الإعلامية المعروفة، و مجموعة ميديا لايف (MediaLive) الدولية لتكنولوجيا المعلومات في مؤتمر تطوير الويب الذي عُقد في سان فرانسيسكو في 2003 [1]. الكلمة ذكرها نائب رئيس شركة أورلي، دايل دويرتي (Dale Dougherty) في محاضرة الدورة للتعبير عن مفهوم جيل جديد للشبكة العالمية. ومنذ ذلك الحين، اُعتبر كل ما هو جديد وشعبي على الشبكة العالمية جُزءًا من 'ويب 2.0'. ولهذا السبب، فإنه، حتى الآن، لا يوجد تعريف دقيق لـ 'ويب 2.0'.
ويب 2.0 هو ببساطة ( تطبيقات - معتمدة على الشبكة العالمية ) تحمل عددًا من الخصائص التي تميزها عن 'ويب 1.0'. هذه الخصائص يمكن أن تُلَخَّص في الآتي: 1. السماح للمستخدمين باستخدام برامج تعتمد على المتصفح/الموقع فقط. لذلك هؤلاء المستخدمين يستطيعون امتلاك قاعدة بيناتهم الخاصة على الموقع بالإضافة إلى القدرة على التحكم بها.
2. السماح للمستخدمين بإضافة قيم لتلك (البرنامج المعتمدة على المتصفح).
3. السماح للمستخدمين ليعبروا عن أنفسهم، اهتماماتهم وثقافتهم.
4. تقليد تجربة المستخدمين من أنظمة التشغيل المكتبية من خلال تزويدهم بميزات وتطبيقات مشابهة لبيئاتهم الحاسوبية الشخصية.
5. تزويد المستخدمين بأنظمة تفاعلية تسمح بمشاركتهم في تفاعل اجتماعي.
6. السماح للمستخدمين بتعديل قاعدة البيانات من خلال إضافة، تغيير أو حذف المعلومات.
قبل ظهور مصطلح الويب 2.0، كان هناك ما يُسمى الويب 1.0 و الويب 1.5. الويب 1.0 يتضمن صفحات html ثابتة (static) ونادرًا ما حُدِّثت. بعد ذلك جاءت الويب 1.5، وهي عبارة عن “الويب الديناميكية” والتي تكون فيها صفحات شبكة الانترنت تُنشأ فورًا من محتويات قواعد البيانات باستخدام نظم إدارة المحتويات. الويب 2.0 هي أكثر من مجرد صفحات ويب ديناميكية، فهي تمثل شبكة اجتماعية و ذات اعتمادية أكبر على المستخدمين، والمستخدمين هنا هم مستخدمي خدمات الويب الجديدة المتطورة والتي أنشأها خبراء الشبكة. وتعريف الموقع في الويب 2.0 هو موقعٌ بُني باستخدام عدد من تكنولوجيات الويب 2.0 الحديثة. أربعة أمثلة من هذه التكنولوجيات هي الخلاصات RSS، و AJAX ، و بروتوكولات الانترنت الحديثة و الـويكي.
تعريف الويب 2.0 بالـ الخرائط الذهنية (بواسطة Markus Angermeier في 11 نوفمبر 2005)من خلال اجتماع مؤتمر تطوير الويب المذكور، حاول الخبراء في الطرفين الوصول إلى معايير محدده يمكن من خلالها تقسيم المواقع إلى مواقع الويب 1.0 التقليدية و مواقع الويب 2.0 الجيل الجديد من المواقع . و في بداية هذا الإجتماع قاموا بضرب أمثلة على مواقع من الويب 1.0 و ما يقابلها بالفكرة من المواقع التي يصنفونها ( لا إراديا إن صح التعبير ) كمواقع من الويب 2.0 . كمرحلة أولى خرج المتحاورون بقائمة من الأمثلة منها المفارقات الموجودة في الصورة الثانية.
منقول للفائدة
=======================================
هذه نبذة صغيرة عن الويب 2 عموما..
أما بالنسبة للتصميم فهي تعتمد على التدرجات اللونية المريحة للعين، و قلة عدد الصور في الصفحة، حتى الصور الموجودة تأخذ طابع معين في التصميم..
و سنقوم بسرد التصاميم المختلفة مع طرقها و تقنياتها على مدار الدروس القادمة...
و درس اليوم حتى لا أطيل عليكم هو عبارة عن طريقة تصميم ختم الويب 2
بسم الله نبدأ الدرس:
[/CENTER]اليوم بنبدأ قسم جديد من دروس سلسلة الفوتوشوب،هذا القسم ربما يكون ذا صلة وطيدة بتصميم المواقع و حركة برمجة و تصميم المواقع في العالم كله..
العالم منذ فترة يتجه لتصميميات جديدة تعرف باسم الـweb2...هذه التصاميم لها خصائص و مزايا كثيرة اثبتت جدارتها و تميزها عن ما سلفها...
و نحن هنا سنحاول مواكبة هذا النوع و الاتجاه الجديد من خلال سلسلة دروس الفوتوشوب...
أولا نبذة صغيرة عن الويب 2 لنستطيع التعامل معه..
=======================================
ويب 2.0 هو مصطلح يشير إلى مجموعة من التقنيات الجديدة والتطبيقات الشبكية التي أدت إلى تغيير سلوك الشبكة العالمية 'إنترنت'. كلمة 'ويب 2.0' سُمعت لأول مره في دورة نقاش بين شركة أورلي (O’Reilly) الإعلامية المعروفة، و مجموعة ميديا لايف (MediaLive) الدولية لتكنولوجيا المعلومات في مؤتمر تطوير الويب الذي عُقد في سان فرانسيسكو في 2003 [1]. الكلمة ذكرها نائب رئيس شركة أورلي، دايل دويرتي (Dale Dougherty) في محاضرة الدورة للتعبير عن مفهوم جيل جديد للشبكة العالمية. ومنذ ذلك الحين، اُعتبر كل ما هو جديد وشعبي على الشبكة العالمية جُزءًا من 'ويب 2.0'. ولهذا السبب، فإنه، حتى الآن، لا يوجد تعريف دقيق لـ 'ويب 2.0'.
ويب 2.0 هو ببساطة ( تطبيقات - معتمدة على الشبكة العالمية ) تحمل عددًا من الخصائص التي تميزها عن 'ويب 1.0'. هذه الخصائص يمكن أن تُلَخَّص في الآتي: 1. السماح للمستخدمين باستخدام برامج تعتمد على المتصفح/الموقع فقط. لذلك هؤلاء المستخدمين يستطيعون امتلاك قاعدة بيناتهم الخاصة على الموقع بالإضافة إلى القدرة على التحكم بها.
2. السماح للمستخدمين بإضافة قيم لتلك (البرنامج المعتمدة على المتصفح).
3. السماح للمستخدمين ليعبروا عن أنفسهم، اهتماماتهم وثقافتهم.
4. تقليد تجربة المستخدمين من أنظمة التشغيل المكتبية من خلال تزويدهم بميزات وتطبيقات مشابهة لبيئاتهم الحاسوبية الشخصية.
5. تزويد المستخدمين بأنظمة تفاعلية تسمح بمشاركتهم في تفاعل اجتماعي.
6. السماح للمستخدمين بتعديل قاعدة البيانات من خلال إضافة، تغيير أو حذف المعلومات.
قبل ظهور مصطلح الويب 2.0، كان هناك ما يُسمى الويب 1.0 و الويب 1.5. الويب 1.0 يتضمن صفحات html ثابتة (static) ونادرًا ما حُدِّثت. بعد ذلك جاءت الويب 1.5، وهي عبارة عن “الويب الديناميكية” والتي تكون فيها صفحات شبكة الانترنت تُنشأ فورًا من محتويات قواعد البيانات باستخدام نظم إدارة المحتويات. الويب 2.0 هي أكثر من مجرد صفحات ويب ديناميكية، فهي تمثل شبكة اجتماعية و ذات اعتمادية أكبر على المستخدمين، والمستخدمين هنا هم مستخدمي خدمات الويب الجديدة المتطورة والتي أنشأها خبراء الشبكة. وتعريف الموقع في الويب 2.0 هو موقعٌ بُني باستخدام عدد من تكنولوجيات الويب 2.0 الحديثة. أربعة أمثلة من هذه التكنولوجيات هي الخلاصات RSS، و AJAX ، و بروتوكولات الانترنت الحديثة و الـويكي.
تعريف الويب 2.0 بالـ الخرائط الذهنية (بواسطة Markus Angermeier في 11 نوفمبر 2005)من خلال اجتماع مؤتمر تطوير الويب المذكور، حاول الخبراء في الطرفين الوصول إلى معايير محدده يمكن من خلالها تقسيم المواقع إلى مواقع الويب 1.0 التقليدية و مواقع الويب 2.0 الجيل الجديد من المواقع . و في بداية هذا الإجتماع قاموا بضرب أمثلة على مواقع من الويب 1.0 و ما يقابلها بالفكرة من المواقع التي يصنفونها ( لا إراديا إن صح التعبير ) كمواقع من الويب 2.0 . كمرحلة أولى خرج المتحاورون بقائمة من الأمثلة منها المفارقات الموجودة في الصورة الثانية.
منقول للفائدة
=======================================
هذه نبذة صغيرة عن الويب 2 عموما..
أما بالنسبة للتصميم فهي تعتمد على التدرجات اللونية المريحة للعين، و قلة عدد الصور في الصفحة، حتى الصور الموجودة تأخذ طابع معين في التصميم..
و سنقوم بسرد التصاميم المختلفة مع طرقها و تقنياتها على مدار الدروس القادمة...
و درس اليوم حتى لا أطيل عليكم هو عبارة عن طريقة تصميم ختم الويب 2
نموذج الدرس
[center]بسم الله نبدأ الدرس:
1. نقوم برسم شكل موجود افتراضي ضمن الأشكال المثبتة مع البرنامج...
[CENTER]
[/CENTER][CENTER]
2. الان نرسم الشكل ، و نضاعفه، ثم نضعهم فوق بعض بالشكل التالي
3. الان قم بعمل تدريج لوني على الصورة من لونين متقاريبن و مريحين للعين...
(#ff8400 و #ff4900)
4. الان نطبق الاعدادات التالية للختم..
5. الان نقوم بعمل الجزء اللمع من الختم، و ذلك بتحديد جزء من الختم و تلوينه بالأبيض و الأسود..
ثم نجعل شفافية الصورة 30%،كذلك نغير وضعها إلى highlight...
6. الان تنقصنا خطوة واحدة هي الكتابة على الختم، و لنحاول اختيار أحد الخطوط الملائمة للويب 2...
و نضيف التأثيرات التالية على الكتابة..
[CENTER]و في النهاية نحصل على الختم المميز جدا و المتطور..
أرجو أن تكونوا قد استفدتم من الدرس، و إلى اللقاء مع مزيد من دروس الويب 2
مع خالص تحياتي و تقديري...
3. الان قم بعمل تدريج لوني على الصورة من لونين متقاريبن و مريحين للعين...
(#ff8400 و #ff4900)
4. الان نطبق الاعدادات التالية للختم..
5. الان نقوم بعمل الجزء اللمع من الختم، و ذلك بتحديد جزء من الختم و تلوينه بالأبيض و الأسود..
ثم نجعل شفافية الصورة 30%،كذلك نغير وضعها إلى highlight...
6. الان تنقصنا خطوة واحدة هي الكتابة على الختم، و لنحاول اختيار أحد الخطوط الملائمة للويب 2...
و نضيف التأثيرات التالية على الكتابة..
[CENTER]و في النهاية نحصل على الختم المميز جدا و المتطور..
أرجو أن تكونوا قد استفدتم من الدرس، و إلى اللقاء مع مزيد من دروس الويب 2
مع خالص تحياتي و تقديري...
.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.