ابن النيل و الفرات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

ابن النيل و الفراتدخول
مرحب شهر الصوم

العديد من الخدمات للمواقع و المنتديات


description[web2.0] تصميم ختم... Empty[web2.0] تصميم ختم...

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته



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

العالم منذ فترة يتجه لتصميميات جديدة تعرف باسم الـ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.0] تصميم ختم... 013



بسم الله نبدأ الدرس:

1. نقوم برسم شكل موجود افتراضي ضمن الأشكال المثبتة مع البرنامج...
[CENTER][web2.0] تصميم ختم... 001



2. الان نرسم الشكل ، و نضاعفه، ثم نضعهم فوق بعض بالشكل التالي
[web2.0] تصميم ختم... 002


[web2.0] تصميم ختم... 003


3. الان قم بعمل تدريج لوني على الصورة من لونين متقاريبن و مريحين للعين...
(#ff8400 و #ff4900)

[web2.0] تصميم ختم... 004


4. الان نطبق الاعدادات التالية للختم..
[web2.0] تصميم ختم... 005
[web2.0] تصميم ختم... 006
[web2.0] تصميم ختم... 007
[web2.0] تصميم ختم... 008



5. الان نقوم بعمل الجزء اللمع من الختم، و ذلك بتحديد جزء من الختم و تلوينه بالأبيض و الأسود..
ثم نجعل شفافية الصورة 30%،كذلك نغير وضعها إلى highlight...

[web2.0] تصميم ختم... 010



6. الان تنقصنا خطوة واحدة هي الكتابة على الختم، و لنحاول اختيار أحد الخطوط الملائمة للويب 2...
و نضيف التأثيرات التالية على الكتابة..
[web2.0] تصميم ختم... 012



[CENTER]و في النهاية نحصل على الختم المميز جدا و المتطور..
[web2.0] تصميم ختم... 013





أرجو أن تكونوا قد استفدتم من الدرس، و إلى اللقاء مع مزيد من دروس الويب 2

مع خالص تحياتي و تقديرييبتسم...
[/CENTER]
[/CENTER]
[/CENTER]


.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
[web2.0] تصميم ختم... Last10

description[web2.0] تصميم ختم... Emptyرد: [web2.0] تصميم ختم...

more_horiz
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
يضحك يضحك من أين لك كل هذا الابداع !!! , مشكور أخى جدا وتسلم يدك

description[web2.0] تصميم ختم... Emptyرد: [web2.0] تصميم ختم...

more_horiz
عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
العفو أرجو أن تستفيدي منه فعلا...
لأنه مستقبل التصميم فيه...


مشكورة على مروركيبتسم..


.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
[web2.0] تصميم ختم... Last10

description[web2.0] تصميم ختم... Emptyرد: [web2.0] تصميم ختم...

more_horiz
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
يضحك الدرس قد أعجبنى واستفدت منه بالفعل , مشكور أخى وأنا فى انتظار المزيد من الدروس
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد