الموضوع
:
−ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ−
عرض مشاركة واحدة
رقم المشاركة : (
1
)
11-10-2008
ماجد الرداعي
نشيط
الملف الشخصي
رقــم العضويـــة :
173
تـاريخ التسجيـل :
21-10-2005
الـــــدولـــــــــــة :
المشاركـــــــات :
527
آخــر تواجــــــــد :
()
عدد الـــنقــــــاط :
10
قوة التـرشيــــح :
−ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ−
−ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ− −ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ− −ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ− −ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ− −ـ‗_ღ...{الدرس الخامس : تصميم الواجهه ببرنامج الفوتوشوب}ღ_‗ـ−
أعزائي الكرام آسف على تأخر الدرس
ولكن اليوم نكمل المسيرة من الدورة و درسنا اليوم دسم شوي
نبدأ من غير مُقدمات
أفتح برنامج الفوتوشوب و أضغط
Ctrl + N
ثم تفتح لك لوحة المقاسات وطبق المقاسات كما بالصورة التالية
بعد تطبيق الصورة السابقة سوف تفتح لك صفحة خاليه من الألوان
أصبغها باللون الأبيض الغامق (
f5f5f5
) بعد صبغ الصفحة سوف يكون شكلها كالتالي
الأن أعمل مُسطيل علوي باللون الأزرق فاتح (
dbefff
)
وسوف ينتج هكذا كما في الصورة
الأن أعمل مستطيل على اليمين باللون السابق ولاكن أغمق (
bee0fb
)
سوف يكون شكله هكذا
بعد عمل المستطيل على اليمين أعمل مستطيل سُفلي بلون المستطيل العلوي
(
dbefff
) وســوف يكون هكذا
الأن أعمل مُربع بالوسط باللون الأزرق الغماق قليلاُ مثل اللون الذي عملنا به مسطيل
على اليمين (
bee0fb
) وسوف يكون الشكل هكذا
الأن أعمل اطار جانبي للمُُستطيل الذي على اليمين كخط عريض
باللون الأزرق الفاتح (
dbefff
) مثل الشكل التالي
كرر هذا العمل السابق على كامل العمل وذلك لتحسين منظر العمل وعمل الاطارات اللازمة
كما في الصور التاليه
الى ان نوصل الي هذه المرحلة
وبهذه الصورة انتهينا من تصميم الواجه وبقي لنا ملء المحتوى كالتالي :
1- هُنا تضيف أسم موقعك مع بعض التجميلات ان اردت .
2- هُنا تضيف مُحتوى موقعك مثلا ( منتدى , قصص , قرآن ) إلخ ...
3- هُنا تكتب كلمة الموقع أي يعني المُقدمة .
4- هُنا يُكتب في العاده الحقوق للملكيه .
الأن بعد وضع المُحتوى المناسب يجب علينا تقطيعها بأستخدام أداة التقطيع وذلك لتسهيل في عمليه التصفح ..
ونقوم بالتقطيع بإستخدام أداة التقطيع كما في الصوره
ولقد قمت بعمل واجهة تعريفية سيرة النبي صلى الله عليه وسلم
وقمت ايضا بتقطيعها كما هو مبين في الصوره
التقطيع مُعقد شوي ولكن أنظر هذه الصوره راح تسهل عليك
الأن أنتهينا من تصميم الواجهه و تقطيعها قم بحفظ العمل
بإمتداد الـ
Html
وليكن اسمه
(
index.html
)
بكذه يا أحبائي إنتهى درسنا لهذا اليوم ولكن موعدنا مع الدرس القادم بإذن الله
اترككم في رعاية الله وحفظة
اخوكم / ماجد الثمالي
توقيع » ماجد الرداعي
[flash=http://www.geocities.com/m.althomali/FLASH/Signed.swf]width=400 height=350[/flash]
بينات الاتصال لـ »
ماجد الرداعي
بينات الاتصال
لا توجد بينات للاتصال
اخر مواضيع »
ماجد الرداعي
المواضيع
لا توجد مواضيع
إحصائية مشاركات »
ماجد الرداعي
عدد المواضيـع :
عدد الـــــــردود :
المجمــــــــــوع :
527
ماجد الرداعي
مشاهدة ملفه الشخصي
البحث عن المشاركات التي كتبها ماجد الرداعي