المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الدرس السادس [ تمهيد لتصميم الستايلات ]



هاله الغامدي
02-12-2009, 06:46 AM
ورشة تصميم الستايلات

الدرس السادس [ تمهيد لتصميم الستايلات ]


السلام عليكم ورحمة الله وبركاته

اليوم نبدأ في ورشتنا الثالثة من هذه الدورة الخاصة بتصميم الستايلات

درسنا اليوم هو تمهيد للتعرف على الستايلات بنوعيها ( متمدد وغير متمدد )

أي صفحة ويب تتكون من ( هيدر - فوتر )

في هذه الصورة توضيح لمعنى هيدر وفوتر

http://forum.lahaonline.com/~art/photo/drs11111111.jpg

نسمع دائمًا ستايل متمدد وستايل غير متمدد
مالفرق بينهم ؟
الفرق بينهم أن الستايل المتمدد يكون بحجم الشاشة وعند تصميمه نراعي أن يكون هناك نقطة تمدد في الهيدر والفوتر

معنى أن يكون هناك نقطة تمدد : أي يكون في التصميم منطقة فارغة لا يوجد بها صورة أو نص

هذا مثال

http://forum.lahaonline.com/~art/photo/stayleee.jpg


أما الغير متمدد فيكون في وسط الشاشة ، ولا يحتوي تصميمه على نقطة تمدد

مثال

http://forum.lahaonline.com/~art/photo/staylllleee.jpg

الواجب

هاتي مثال لستايل متمدد ( مع توضيح نقطة التمدد ) أو غير متمدد
يكفي هيدر يبين أن المعلومة وصلت =)


من تصميمك أو صوري لنا هيدر أي منتدى مع الشطب على عنوان المنتدى

دمتم طيبين :108:

العنزيه
02-12-2009, 07:23 AM
السلام عليكم
استااااذه
:smilie (17):

فرحانه انها اول مره تكون اول وحده تحل الواجب:)
هذا الواجب

http://sub3.rofof.com/img3/012gbjwm2.jpg


الستايل متمدد
يارب يكون صح

القـ{الطموح}ـمر
02-12-2009, 07:32 AM
الدرس مفهوووم

و المثال

هنا (http://img103.herosh.com/2009/12/02/371093443.jpg)

جزيت خيراً
^_^

هاله الغامدي
02-12-2009, 07:47 AM
العنزية
القمر الطموح

ممتاز =)

سنى
02-12-2009, 08:27 AM
السلام عليكم ورحمة الله وبركاته
حياكم الله وبياكم اخواتي في الله
هذا الهيدر اختي
واتمنى يكون صح
http://www.cgeyes.com/up/uploads/images/cgeyes-baed5d8b47.jpg

هاله الغامدي
02-12-2009, 08:54 AM
تمام سنى =)

فرائد نادرة
02-12-2009, 08:54 AM
حل الواجب:) هنـــــا :\ (http://www.gulfup.com/gfiles/12597332571.jpg)وكله من تصميمي..شيء سريع بدون أي فكرة
والدرس خفيف وحلو
بارك الله فيك

هاله الغامدي
02-12-2009, 09:18 AM
تماااااااااااااام جنوووو =)

Norh design
02-12-2009, 11:27 AM
وعليكم السلام والرحمة

متمدد
http://www.4shared.com/file/163955009/95f43167/stayleee.html

بوركتي وبوركت جهودك

حنون فنون
02-12-2009, 12:34 PM
تسجيل حضور

لى عودة بالواجب

ابتسامة قلب
02-12-2009, 12:59 PM
هذا هيدر غير ممتدد من تصميمي :smilie (4):

rAiHaNaH
02-12-2009, 12:59 PM
احم :smilie (4):

الهيدر متمدد :)

http://dc02.arabsh.com/i/00804/8ed76oi7vqqz.JPG



الهيدر بدون تمدد :)
http://dc02.arabsh.com/i/00804/pjq66j8w85hz.JPG

Diplomatic-Cherry
02-12-2009, 01:01 PM
طاططط ..
تسجيل حضور ..
ولي عوده إن شاء الله

Diplomatic-Cherry
02-12-2009, 01:01 PM
طاططط ..
تسجيل حضور ..
ولي عوده إن شاء الله

هاله الغامدي
02-12-2009, 01:09 PM
نورة
ابتسامة
ريحانة

ممتاز =)

ابتسامة بإمكانك تصغري العبارة اللي في جهة اليسار ويصير الهيدر متمدد :)

حورآء
02-12-2009, 01:24 PM
السلام عليكم

هنا حل الواجب

http://www.shawati.cc/uploads/%D8%A7%D9%84%D8%AA%D9%85%D8%AF%D8%AF.gif

هاله الغامدي
02-12-2009, 01:25 PM
تمام رحيق =)

المشكلجيه
02-12-2009, 04:36 PM
يعطيك العاافيه ياهاله


وهذا الوااجب ....

http://up.arab-x.com/Dec09/zRq60904.gif

حنون فنون
02-12-2009, 04:54 PM
الواجب


http://www.up-king.com/download.php?file=g7eqdur1sn9a7icazzge.gif

هاله الغامدي
02-12-2009, 05:00 PM
المشكلجية تمام =)

حنونة أتوقع لها نقطة تمددها في الجوانب :/

هاله الغامدي
02-12-2009, 05:05 PM
عذرًا عدلت على الردود حتى تكون الصور روابط فقط :")

حنون فنون
02-12-2009, 05:05 PM
هذا متمدد


http://www.up-king.com/almaciat/legf3p3f8brmouj9si7z.psd

هاله الغامدي
02-12-2009, 05:09 PM
هذا متمدد


http://www.up-king.com/almaciat/legf3p3f8brmouj9si7z.psd
ما فتح معي :"\

Diplomatic-Cherry
02-12-2009, 06:24 PM
هذا متمدد
<< عند كلمة إسم الموقع

http://www.z00m-n.com/up//uploads/images/z00m-necf9b0e369.jpg

omawlad
02-12-2009, 06:25 PM
السلام عليكم ورحمة الله وبركاته

متمدد
http://www.haraershare.com/upfiles/ZiE09577.jpg

هاله الغامدي
02-12-2009, 06:48 PM
هذا متمدد
<< عند كلمة إسم الموقع

http://www.z00m-n.com/up//uploads/images/z00m-necf9b0e369.jpg
نقطة التمدد عند كلمة إسم الموقع؟؟

هاله الغامدي
02-12-2009, 06:50 PM
السلام عليكم ورحمة الله وبركاته

متمدد
http://www.haraershare.com/upfiles/ZiE09577.jpg
صح متمدد
لكن تحديدك لمنطقة التمدد خطأ =)

مشاعر دافئة
02-12-2009, 06:54 PM
ستايل متمدد (http://www.up-king.com/almaciat/acr10drdz6za9dhnms90.jpg)


ستايل غير متمدد (http://www.up-king.com/almaciat/8rzdusqp6j1c19u63qtl.jpg)



صح علي ؟؟؟

:smilie (4):

هاله الغامدي
02-12-2009, 07:03 PM
ستايل متمدد (http://www.up-king.com/almaciat/acr10drdz6za9dhnms90.jpg)


ستايل غير متمدد (http://www.up-king.com/almaciat/8rzdusqp6j1c19u63qtl.jpg)



صح علي ؟؟؟

:smilie (4):
الغير متمدد ، هو متمدد
لكن نقاط تمددها في الجوانب =)
والأول صح

omawlad
02-12-2009, 07:41 PM
السلام عليكم ورحمة الله وبركاته

قمت بتحديد منطقة التمدد مرة اخرى

http://www.haraershare.com/upfiles/8SX14161.jpg

يارب يكون صحيح
وجزاكِ الله خيرًا على سعة صدركِ لي

شموخي في حجابي
02-12-2009, 08:46 PM
هنا استايل غير متمدد وطمست صورة ذوات الارواح ( اعذريني مالقيت غيرها )

http://www.up.ii5ii.com//view.php?file=72c9dc2e8a


وهنا استايل متمدد

http://www.up.ii5ii.com//view.php?file=a1707ece19

تمنيت انا اصمم الاستايل بس بجد مشغوله في عمل الدرس الثالث ..

اعاننا الله ويسره لنا ..

هاله الغامدي
02-12-2009, 09:00 PM
السلام عليكم ورحمة الله وبركاته

قمت بتحديد منطقة التمدد مرة اخرى

http://www.haraershare.com/upfiles/8SX14161.jpg

يارب يكون صحيح
وجزاكِ الله خيرًا على سعة صدركِ لي
طيب نحنا قلنا منطقة التمدد ما تحتوي على نص ولا على صورة
شوفي أنتي محدده على ايه =)

هاله الغامدي
02-12-2009, 09:01 PM
هنا استايل غير متمدد وطمست صورة ذوات الارواح ( اعذريني مالقيت غيرها )

http://www.up.ii5ii.com//view.php?file=72c9dc2e8a


وهنا استايل متمدد

http://www.up.ii5ii.com//view.php?file=a1707ece19

تمنيت انا اصمم الاستايل بس بجد مشغوله في عمل الدرس الثالث ..

اعاننا الله ويسره لنا ..
ممتاز =)

Diplomatic-Cherry
02-12-2009, 09:04 PM
فيه ثنتين ..
بالمربع ، وعند كلمة إسم الموقع ..

=)

هاله الغامدي
02-12-2009, 09:08 PM
فيه ثنتين ..
بالمربع ، وعند كلمة إسم الموقع ..

=)
لا عند إسم الموقع مو نقطة تمدد
طالعي الشكل الموجود :)
فهمتي علي كيف نقطة التمدد ؟؟

(عسل المنتدى)
02-12-2009, 09:19 PM
اللهم صلي على النبي ,,
درس ما فيش اسهل من كدا ,,
تفزلي يا حبيبتي ,,
كلوووووووووووووش


http://www.gulfup.com/gfiles/12597778851.jpg

و هادا مضغوووووظ باللحم ,,
خخخخخخخخخخخخخخخ

http://www.gulfup.com/do.php?id=1414586

حنون فنون
02-12-2009, 09:53 PM
اعدت التحميل

هذا متمدد من الجنب

http://www.up-king.com/almaciat/cfsm30uqsab6f53st9ip.gif

هاله الغامدي
02-12-2009, 11:06 PM
اعدت التحميل

هذا متمدد من الجنب

http://www.up-king.com/almaciat/cfsm30uqsab6f53st9ip.gif
التمدد إللي بتقصديه من جهة اليمين أو اليسار ؟؟

Diplomatic-Cherry
02-12-2009, 11:20 PM
اهاا ..
يعني حتى إذا ركبنا الستايل ما يكون فيها نص ؟
مو بس وقت الشغل ؟؟

أنا أحسب وقت الشغل ما يكون فيها نص ..
لكن إذا جينا نركب نضيف إسم المنتدى ..

توني أفهم أستاذتنا الأمورة ..

=)

هاله الغامدي
02-12-2009, 11:26 PM
تشيري
نحنا وقت التصميم نترك جزء فاضي مافيه لا نص ولا صورة
و بعد القص والتوزيع في الفرونت بيج بيوضح لكم الأمر =)

مشاعر دافئة
02-12-2009, 11:59 PM
المشاركة الأصلية كتبت بواسطة مشاعر دافئة


ستايل متمدد


ستايل غير متمدد



صح علي ؟؟؟




الغير متمدد ، هو متمدد
لكن نقاط تمددها في الجوانب =)
والأول صح

والله كنت شاكّة فيه

لكن الحين عرفت كيف
يعني أي مساحة فاضية بتكون منطقة تمدد

سواليف أمي
02-12-2009, 11:59 PM
الحمد لله درس سههل مرره :smilie (39)


هذا هو الواجب بالمرفقاات :smilie (4): :smilie (93):

هاله الغامدي
03-12-2009, 12:06 AM
والله كنت شاكّة فيه

لكن الحين عرفت كيف
يعني أي مساحة فاضية بتكون منطقة تمدد
إيييييي تمام عليك =)

هاله الغامدي
03-12-2009, 12:07 AM
الحمد لله درس سههل مرره :smilie (39)


هذا هو الواجب بالمرفقاات :smilie (4): :smilie (93):
ممتاز =)

(عسل المنتدى)
03-12-2009, 12:29 AM
هالة ما صححتيلي و انا من اول واقفة في الدور ,,


دفتري قصدي جوابي في الصفحة 4
36 << اتوقع رقمه كدا
هع

هاله الغامدي
03-12-2009, 01:04 AM
هالة ما صححتيلي و انا من اول واقفة في الدور ,,


دفتري قصدي جوابي في الصفحة 4
36 << اتوقع رقمه كدا
هع
أذكر كتبت لك رد أني رح أشوفه وقت ثاني
الموقع اللي رفعتي عليه ما كان يفتح معي

بس الظاهر انفصل النت وقت اعتماد الرد

تمام عليك =)

omawlad
03-12-2009, 02:01 AM
طيب نحنا قلنا منطقة التمدد ما تحتوي على نص ولا على صورة
شوفي أنتي محدده على ايه =)
__________________

هذا هو اعدته مرة ثانية
http://www.haraershare.com/upfiles/iT837012.jpg

هاله الغامدي
03-12-2009, 02:13 AM
هذا هو اعدته مرة ثانية
http://www.haraershare.com/upfiles/iT837012.jpg
مو شرط تكون منطقة التمدد في الوسط ، ممكن تكون في الجوانب
شوفي العبارة المكتوبة بالأخضر في عندها من جهة اليمين واليسار مناطق ما فيها لا نص ولا صورة
هذيك هي منطقة التمدد
منطقة النص مو منطقة تمدد

وضحت ؟؟

ღČђ0ĉ0₤âђღ
03-12-2009, 04:03 AM
:smilie (17):
الله يعطيك العافيه هااله
وهذا الواجب من تصميمي او بمعنى اصح
من شخمطاتي المتواضعه :smilie (4):

http://www.4nw.net/upfiles/cih02034.jpg

عاد انا مصممته منذو مبطي ومخليه الهدرر كبير شوي
لانه طالعه الايام ^_^
ووش رااااايك عاد ابي نجمه هههههه

هاله الغامدي
03-12-2009, 04:33 AM
عطيني إسمك
عجزت أقراه :\
هو يا تشوكليت أو شوكولا
<< أختاري الإجابة الصحيحة :131:

طيب هذا متمدد أو لا ؟؟

غدقْ..!
03-12-2009, 06:29 AM
وعليكم السلام ورحمة الله

::

هيدر لستايل متمدد
http://www.shawati.cc/uploads/%D9%85%D8%AA%D9%85%D8%AF%D8%AF.jpg
غير متمدد

http://www.shawati.cc/uploads/%D8%BA%D9%8A%D8%B1-%D9%85%D8%AA%D9%85%D8%AF%D8%AF.jpg
::

هالة ربي يجزيك الجنة :108:

هاله الغامدي
03-12-2009, 06:35 AM
تمام مزن =)

* الوردة الجورية *
03-12-2009, 06:38 AM
http://up1.pc4up.com/2009/11/jtA07768.png
مثال لهيدر متمدد

بوركتِ يا أستاذة (:

هاله الغامدي
03-12-2009, 06:42 AM
تمام عليك الوردة =)

ღČђ0ĉ0₤âђღ
03-12-2009, 06:56 AM
ههههههههههههههه
لاع لبى قليبك انا شوكلاه بص للحين ماحددت النوع
سائله اوجامده او صلبه ههههههههههههههههه
لاع ها الاستايل غير متمدد

omawlad
03-12-2009, 09:09 AM
مو شرط تكون منطقة التمدد في الوسط ، ممكن تكون في الجوانب
شوفي العبارة المكتوبة بالأخضر في عندها من جهة اليمين واليسار مناطق ما فيها لا نص ولا صورة
هذيك هي منطقة التمدد
منطقة النص مو منطقة تمدد

وضحت ؟؟

وضحت أختي هالة
جزاكِ الله خيرًا

هذا التطبيق ان شاء الله اكون فهمت :)

http://www.haraershare.com/upfiles/lFd62676.gif

هاله الغامدي
03-12-2009, 11:34 AM
وضحت ؟؟

وضحت أختي هالة
جزاكِ الله خيرًا

هذا التطبيق ان شاء الله اكون فهمت :)

http://www.haraershare.com/upfiles/lFd62676.gif


تمام =)

نووووف
03-12-2009, 02:20 PM
http://sub3.rofof.com/img3/012mxsnr3.gif (http://www.rofof.com)


http://sub3.rofof.com/img3/012ojlzh3.gif (http://www.rofof.com)


http://sub3.rofof.com/img3/012bpqku3.gif (http://www.rofof.com)

أتمني يكون فهمي صحيح :smilie (4):
شكراً لك يارائعة

هاله الغامدي
03-12-2009, 02:24 PM
تمام نصف ضحكة =)

نجم المساء
03-12-2009, 04:20 PM
درس ممتع ولي عودة بالتطبيق ...


:)

سلمتِ هالة ..

فجرالنور
03-12-2009, 06:13 PM
تسجيل حضور بحل الواجب



هل تطبيقي صحيح للأستايل الغير متمدد





http://sub3.rofof.com/img3/012mjyzs3.gif

ربا حطين
03-12-2009, 07:52 PM
السلام عليكم ورحمة الله وبركاته

بارك الله فيك يا غاليه

التطبيق :


استايل متمدد


http://www.anageed.com/upload/uploads/fe460f8664.jpg

إن شاء الله صحيح

هل يلزم ان اضع مثال للأستايل غير المتمدد ؟؟

rayah
03-12-2009, 08:32 PM
السلام عليكم و رحمة الله تعالى و بركاته
تسجيل حضور في انتظار التطبيق

هاله الغامدي
03-12-2009, 10:05 PM
نجم المساء
ربا حطين
صحيحة

ربا لا مو لازم
أنا كتبت ( أو ) =)

ياقــوت
03-12-2009, 11:06 PM
وهاذا هيدري المتمدد:smilie (4):
دمجت درس اليوم مع درس إدراج صورة في الفرونت بيج
http://arabsh.com/vxzkai0zta6g.html

هاله الغامدي
03-12-2009, 11:22 PM
وهاذا هيدري المتمدد:smilie (4):
دمجت درس اليوم مع درس إدراج صورة في الفرونت بيج
http://arabsh.com/vxzkai0zta6g.html
مايجي متمدد

شوفي بعد التقطيع والتركيب كيف يصير =)

rayah
04-12-2009, 01:45 AM
السلام عليكم و رحمة الله تعالى و بركاته
درس قيم بورك فيكم و في مجهودكم
اكتفيت بتصميم الهيدر بنوعيه:
المتمدد: و أوضحت فيه نقطة التمدد
غبر المتمدد: أدمجت فيه بعض الفرش حتى أبيّن أنه
لا يوجد مكان للتمدد
تقيلوا منا فائق التقدير و الاحترام

rayah
04-12-2009, 02:00 AM
السلام عليكم ورحمة الله وبركاته
غدا إن شاء الله أكمل تطبيق الدرس السابع (ربط صفحتين ببعض .. الفرونت بيج)

أم ياسر2
04-12-2009, 03:12 AM
هذا هو تطبيقي للهيدر الممتد

لكن بدون كتابة لأن الفوتوشوب عندي غير داعم للعربيه

http://www.gulfup.com/gfiles/12598852981.gif

هاله الغامدي
04-12-2009, 06:10 AM
السلام عليكم و رحمة الله تعالى و بركاته
درس قيم بورك فيكم و في مجهودكم
اكتفيت بتصميم الهيدر بنوعيه:
المتمدد: و أوضحت فيه نقطة التمدد
غبر المتمدد: أدمجت فيه بعض الفرش حتى أبيّن أنه
لا يوجد مكان للتمدد
تقيلوا منا فائق التقدير و الاحترام
وعليكم السلام ورحمة الله وبركاته
ممتاز
وفيكم بارك الله

هاله الغامدي
04-12-2009, 06:11 AM
هذا هو تطبيقي للهيدر الممتد

لكن بدون كتابة لأن الفوتوشوب عندي غير داعم للعربيه

http://www.gulfup.com/gfiles/12598852981.gif
هلا أم ياسر
عذرًا هذا الموقع ما بيفتح معي :"

ياقــوت
04-12-2009, 11:32 AM
حاولت امدده مثلك ما عرفت ...
لكن انا مسكت المقابض اليّ على جانب الصوره ومديتها ..

صح التطبيق او لا ؟

هاله الغامدي
04-12-2009, 12:31 PM
هذا هو تطبيقي للهيدر الممتد

لكن بدون كتابة لأن الفوتوشوب عندي غير داعم للعربيه

http://www.gulfup.com/gfiles/12598852981.gif
فتح الحمد لله

تمام عليك =)

هاله الغامدي
04-12-2009, 12:45 PM
حاولت امدده مثلك ما عرفت ...
لكن انا مسكت المقابض اليّ على جانب الصوره ومديتها ..

صح التطبيق او لا ؟
أصلي
وأرجع أشرح طريقة القص والتمدد

=)

لحظه
04-12-2009, 04:17 PM
تطبيقي

هيدر لآستآيل غير متمدد :108:

من خربشتي:114:

هنـــآ (http://sub3.rofof.com/img3/012vcdmh4.gif)

هاله الغامدي
04-12-2009, 08:11 PM
تطبيقي

هيدر لآستآيل غير متمدد :108:

من خربشتي:114:

هنـــآ (http://sub3.rofof.com/img3/012vcdmh4.gif)



روووووووووووعة ماشاء الله

العفو
05-12-2009, 04:51 AM
و عليكم السلام و رحمة الله و بركاته ~

الله يجزاك الجنة و لا يحرمك أجرنا

تطبيق سريع مرفق .. (على تصاميمي )

هاله الغامدي
05-12-2009, 04:54 AM
جميل =)

هاله الغامدي
10-12-2009, 06:34 AM
المتغيبات

3- math588
4- ஜ .. منآر ـالخ ــير .. ஜ
10- صَدَف
11-فاطنة
19- عناق
21- .:. أميرة الذوق .:.
24- سارهـ بنت فهد
29- نور لقلوب
32- طيف الماضي
37- الله كريم
38- امورة زمانها
39- ملـღـكة الإحسـღـاس
40- طيـــ2009ـــف
42- *صمت البوح
46- !. Oяķįđą .!
48- ^.. الأبيـــــــــهـ ..^
53- أحلام كبيره
55- **سامية**
56- kholyo
58- Q8-Butterfly
60- غرووده
64- روح الرجاء
68- أمطرت
69- داليا محمد