.•.°.•ஐ•i|[♥ عمل رابط لجزء من الصوره ♥]|i•ஐ.•.°.• [نسخة أجهزة كفية]

عرض الاصدار الكامل : .•.°.•ஐ•i|[♥ عمل رابط لجزء من الصوره ♥]|i•ஐ.•.°.•

اسامة داود

16-03-2008, 07:50 AM

[Only registered and activated users can see links]

لكل من يقرأ حروفي في الصباح !
صباح الورد .. صباح الشوق .. صباح الود ..
صباح أحلى من البسمة .. يبثه دمعة الشمعة ..
/
\
/
لكل من يقرأ حروفي في المساء‍‍ ‍!
مساء النور .. مساء أجمل من أحلامي ..
مساء الحب .. مساء أروع من آلامي
....
كيف حالكم ؟ ان شاء الله بخير ..
،، إن شاء الله يارب تكونوا دائماً في تقدم ورقي [Only registered and activated users can see links]
موضوعى [Only registered and activated users can see links]اليوم هو درس وانا عارف من زمان ما نزلت دروس ,,
[Only registered and activated users can see links]
درس اليوم مهم جداً وسهل جداً جداً ,,
هذا الدرس مهم لأصحاب المواقع والى يحبوا يعملوا وجهات للمواقع و المنتديات ..
.•.°.•ஐ•i|[♥عمل رابط لجزء من الصوره ♥]|i•ஐ.•.°.•
كالتالى ...

مثلاً انا عندى الصوره التالية ...
[Only registered and activated users can see links]
وعايز اعمل مواقع مختلفه على الاسهم الموجودة فى التصميم ..
طبعا دا كان صعب او كانت حاجة مستحيله بالنسبة للميعرفش [Only registered and activated users can see links]
اليوم هحاول اشرح طريقة عمل لينكات لأجزاء من التصميم
بس طبعا يفضل ان يكون هناك خلفية عن الــHtml ولو بسيطة [Only registered and activated users can see links] ...
[Only registered and activated users can see links]
نبدأ الدرس [Only registered and activated users can see links] ..
الشرح سيكون على برنامجAdobe ImageReady وسيكون هناك شرح أيضا على الاصدار الجديد Adobe Photoshop CS3
وذلك لانه لا يحتوى على البرنامج السابق ..

نبدأ أولاً الشرح على برنامج Adobe ImageReady ...
[Only registered and activated users can see links]
[Only registered and activated users can see links]

وهنا الشرح الخاص بالإصدار الجديد للبرنامج Adobe Photoshop CS3 ...
[Only registered and activated users can see links]
وبكدا نكون وصلنا للناتج النهائي [Only registered and activated users can see links] ..
ولمشاهدة مثال للدرس وطبعا لان إقلاع لايدعم عرض لــHtml بشكل مباشر فى المنتدى انا عملت صفحة على جوجل وعملت فيها المثال وممكن توصل لها من
هنــــا >>[Only registered and activated users can see links] ([Only registered and activated users can see links]) << ..
ولو ما ظهرت عندك صور الدرس ..
جمعتها فى ملف WinRar
حملها مــن >>[Only registered and activated users can see links] ([Only registered and activated users can see links]) <<
وبكدا إنتهت مشاركتى معكم اليوم أعلم انها بسيطة لكن سامحونى لضيق الوقت [Only registered and activated users can see links] ..
وأي إستفسار انا حاضر [Only registered and activated users can see links]
واتمنى اشوف التطبيقات فالدرس للتطبيق [Only registered and activated users can see links] ,,
أتمنى الاستفاده للجميع [Only registered and activated users can see links]

شرح خطوة الحفظ وما بعدها ..

بعض الأخوة أشتكو من صعوبة طريقة الحفظ والخطوة ما بعد الحفظ
علشان كدا عملت شرح لطريقة الحفظ وما بعد الحفظ
وسيتم الشرح للطريقة الاولى لأن كتير مننا بيعمل بهذه الطريقة وهى على برنامج Adobe ImageReady ..
بسم الله نبدأ ...

أول صورة معانا وهي طريقة الحفظ ..[Only registered and activated users can see links]

بعد هذه الخطوة يظهر لنا التالى ..[Only registered and activated users can see links]
نحدد مكان حفظ الملف على الكمبيوتر ..

وبعدين هيظهر لنا التالى ..[Only registered and activated users can see links]
ودا طبعا شكل كود الــHtml وزى انا ماكنت قلت فى أول الدرس يفضل ان يكون عندك خلفية ولو بسيطة عن الــHtml
بس انا هحاول اشرح ازاى نضيف اللينكات للصورة ..
وفى الخطوة السابقة هنغير العلامة >> # << بلينكات المواقع الى احنا حبين نضيفها للتصميم

كما هو موضح فى الصورة التالية ..[Only registered and activated users can see links]
وبكدا نكون أضفنا روابط المواقع الى احنا عايزينها فى الاماكن الى احنا حددناها على التصميم ..
ملحوظة صغنونة :
لما بتحفظ العمل بينزل عندك ملفين واحد فى فولد بعنوان Image والثانى صفحة ويب
لو فتحت فولدر Image هتلاقى التصميم بتاعك موجود فيه
فا لو انت من هواة القص واللصق فى تصميم المواقع فى خطوة هنضيفها دلوقتى علشان التصميم يظهر فى الموقع بتاعك
لازم نرفع التصميم على أحد مواقع الرفع وبعد كدا نجيب اللينك بتاع التصميم بعد الرفع وهوضح لك دلوقتى مكان اللينك دا ..

تابع معايا ..[Only registered and activated users can see links]
زى ما شفنا فى الصورة السابقة هنضيف رابط الصورة فى المكان الى انا اشرت علية بالمربع الاحمر ومكتوب عليه "رابط التصميم كامل هنا " ..
وبعد ما تتبع الخطوات السابقه فقط قم بالضغط على Ctrl+S مع بعض ليتم الحفظ ..
ثم قم بنسخ الكود عن طريق Ctrl+A لتحديد الكل وبعدين Ctrl+C وبكدا تكون انت نسخت الكود كامل ..
هنروح الموقع الى احنا هنضيف التصميم فيه وليكن مثلا جوجل ..
بعد فتح اشتراكك فى جوجل .. وندخل على صفحة إعداد الصفحة.
نتبع التالى ..

أولاً ..[Only registered and activated users can see links]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 650x350 وحجمها هو 144KB.[Only registered and activated users can see links]
نتبع الخطوات السابقة فى الصورة ..
نضغط على Edit Html حتى ننتقل الى صفحة كود الــHtml

ثانياً...
[Only registered and activated users can see links]
ستظهر لنا هذه الصفحة نضغط على Ctrl+V ليتم لصق الكود وبعدين نضغط علي Update ليتم تحديث الصفحة ..

وأيضا لتنشيط الصفحة وعرضها على الويب لجميع المتصفحين باقى خطوة واحدة فقط وهى من إعدادات جوجل ..

ثالثاً ..
[Only registered and activated users can see links]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 650x350 وحجمها هو 150KB.[Only registered and activated users can see links]
من أعلي الصفحة اضغط على Publish حتى يتم تنشيطها وعرضها على الويب ..

رابعاً ..
[Only registered and activated users can see links]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 650x350 وحجمها هو 160KB.[Only registered and activated users can see links]
نضغط على رابط الموقع لمشاهدة الموقع بعد التعديل و إن شاء الله كلو تمام :b&th:

وبكدا نكون عملنا تصميم وقطعناه وأضفنا روابط لأجزاء من التصميم وعرفنا إزاي نضيفها على جوجل[Only registered and activated users can see links] ..
أى إستفسار تانى انا أكيد معاكم [Only registered and activated users can see links]
تحياتى وإحترامى للجميع[Only registered and activated users can see links]
[Only registered and activated users can see links]

tim_duncan20200

16-03-2008, 08:43 AM

hasan basha

16-03-2008, 09:15 AM

والله مبدع يا اسامه شرح روعه[Only registered and activated users can see links] ويعجبني تننسيقك للموضوع بحس اللي انا داخل حديقه ههههههههه
والله بجد تنظيمك للموضوع جامد جداااااا وانتظر مع التطبيق
شكرا للدرس والشرح والتنسيق

شكرا يبن بلدي

Resa

16-03-2008, 02:01 PM

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

بسيطة :confused::confused:

يسعد مساكـ اسامه
والف هلا ومسهلا برجعتكـ
درس مفيد
وحيرني في الرد
شرح متعوب عليه
وفواصل رووعه
يعطيكـ العافيه ماقصرت والله
بالتوفيق في دراستكـ
دمت في حفظ الي ماتنام عينه [Only registered and activated users can see links] ([Only registered and activated users can see links])
ما أوعدكـ بالتطبيقـ

hamo_dreams

16-03-2008, 03:50 PM

بجد مش عارف اقول ايه :confused:
الموضوع رائع جدا جدا جدا [Only registered and activated users can see links]
ومفيد جدااااا وانا اول واحد هستفيد منه إن شاء الله
وانتظر تطبيقى قريب [Only registered and activated users can see links]
الف شكر يا ابن بلدى يا قمر [Only registered and activated users can see links]
احترامى ؛؛

mlm2005

16-03-2008, 04:44 PM

درس فمّة قمّة قمّة ..
أشكرك أخي أسامة على هكذا درس ..!!

fahad987

16-03-2008, 06:02 PM

يعطيك العافيه يا اسامه
درس مميز ومبدع :)

sms20202001

16-03-2008, 07:41 PM

[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])

ايه الـgـمال ده كلو يا أسامة أنا مش مسدء عيني ,,
درس وشرح وتنسيق مش معقول حاgـة ما حصلتش ,,
بـgـد ما شاء الله عليك ,, ربنا يزيدك من فضلو ,,
وكل يوم بقى هات لنا درس [Only registered and activated users can see links] ([Only registered and activated users can see links])

وانا راgـع بتطبيقي ان شاء الله
دمت برعايته وحفظه

[Only registered and activated users can see links] ([Only registered and activated users can see links])

[Only registered and activated users can see links]

البرنس عبدو

16-03-2008, 08:12 PM

رائع بجد

يعطيك الف عافية يارب

ولا تحرمنا من جديدكـ

و ترجع بالسلامة

alligator1

16-03-2008, 09:34 PM

درس قمة في الروعة اخوي اسامة ماشاء الله عليك
دائما مبدع في مواضعيك وطروحاتك لاتحرمنا من مواضعيك القيمة
بارك الله فيك يالغالي
دمت في رعاية الرحمن

NabuLsi5

16-03-2008, 10:42 PM

جزاك الله كل خير اخي اسامة على درس الرائع :shy2:
والشرح والتنسيق :b&th:
تحياتــ:) لـــ:bravo2:ــك
ولي عودة مع تطبيق ان شاء الله

wardt al7ab

17-03-2008, 01:55 AM

رؤؤؤؤؤؤؤؤؤعة الدرس

الله يعطيك الف عافية ْ~

palestinian_kid

17-03-2008, 04:04 AM

علي الجوال

17-03-2008, 01:15 PM

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

يامدرسة والله شرح وموضوع يستحق الثناء علية والموضوع

مثـــبت

وتقبل مني ارق التحية والتقدير والمحبة ،،،

sms20202001

17-03-2008, 03:43 PM

مشكور يا مان عالتوضيح التاني ,,

وان شالله تطبيقي عالطريق ،، حاليا بالفرن :)

sms20202001

17-03-2008, 04:13 PM

رجعت يا مااان

وتطبيقي معي:biggrin3:

هي الصورة [Only registered and activated users can see links]@0.gif

وعشان تشوف التطبيق اضغط هنا ([Only registered and activated users can see links])

damah

17-03-2008, 05:23 PM

ماشاء الله مجهود رائع وشرح ممتاز ..الله يعطيك العافيه
بالتوفيق للامام دوما .. :)

OLA_50

18-03-2008, 01:06 AM

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

احلام بالهواء

19-03-2008, 10:07 PM

درس ولااحلى

لمياء بنت ابوها

20-03-2008, 10:14 AM

مشكور على هذا المجهود
ممكن يااخ اسامةتساعدني بارسال تصميم خاص بالطفولة والشعر والخواطر على هذا اللإميل

الـــفـــارسـ..

21-03-2008, 06:14 PM

ما شاء اللهـ عليك ابداعـ لا ينتهيـ تقبل مروريـ

تحياتـ:hey:

looding

21-03-2008, 09:41 PM

يعطيك الف1000عافيه على هذا الشرح الرائع

[Only registered and activated users can see links] ([Only registered and activated users can see links])

ramezrony

23-03-2008, 11:55 AM

بجد ماشاء الله عليك درس جميبل جدا :b&th::bravo2::bravo2::bravo2::bravo2::brav o2::bravo2:
يعطيك العافيه اخ اسامه:MThumpsUp

mahmoud_charef

24-03-2008, 10:35 PM

شكرا

توتة الغلا

27-03-2008, 11:56 AM

مبدع الف شكرا

abeeer

28-03-2008, 08:06 PM

[Only registered and activated users can see links] • ألف شكر • [Only registered and activated users can see links]

•[Only registered and activated users can see links]• يعطيك العافية •[Only registered and activated users can see links]•

sms20202001

03-04-2008, 02:18 AM

:Party:

مان

عملت تطبيق تاني :biggrin3:

اكبس هون ([Only registered and activated users can see links])

:biggrin3:

اسامة داود

03-04-2008, 06:26 AM

محجوز [Only registered and activated users can see links] ([Only registered and activated users can see links])

[Only registered and activated users can see links] ([Only registered and activated users can see links])

===
كان محجوز :hahaha:
===

[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])[Only registered and activated users can see links] ([Only registered and activated users can see links])

ايه الـgـمال ده كلو يا أسامة أنا مش مسدء عيني ,,
درس وشرح وتنسيق مش معقول حاgـة ما حصلتش ,,
بـgـد ما شاء الله عليك ,, ربنا يزيدك من فضلو ,,
وكل يوم بقى هات لنا درس [Only registered and activated users can see links] ([Only registered and activated users can see links])

وانا راgـع بتطبيقي ان شاء الله
دمت برعايته وحفظه

[Only registered and activated users can see links] ([Only registered and activated users can see links])
نورت الموضوع بأول رد
ومستنى الباك بتاعك والتطبيق
تحياتى لك ياغالى :heart:

والله مبدع يا اسامه شرح روعه[Only registered and activated users can see links] ويعجبني تننسيقك للموضوع بحس اللي انا داخل حديقه ههههههههه
والله بجد تنظيمك للموضوع جامد جداااااا وانتظر مع التطبيق
شكرا للدرس والشرح والتنسيق

شكرا يبن بلدي
يا سيدى يلا انا بخليك تزور الحديقة وانت فى البيت :biggrin3:
سعيد ان الموضوع عجبك
اتمنى اشوف التطبيق بتاعك
تحياتى لك

بسيطة :confused::confused:

يسعد مساكـ اسامه
والف هلا ومسهلا برجعتكـ
درس مفيد
وحيرني في الرد
شرح متعوب عليه
وفواصل رووعه
يعطيكـ العافيه ماقصرت والله
بالتوفيق في دراستكـ
دمت في حفظ الي ماتنام عينه [Only registered and activated users can see links] ([Only registered and activated users can see links])
ما أوعدكـ بالتطبيقـ
أهلاً بالوردة
نورتى الموضوع بالرد الجميل
والله انا فعلا اتمنى اقدم شئ اكبر من كدا بس الوقت للأسف ضيق
ياريت اشوف التطبيق واذا كان المانع صعوبة فى الدرس انا موجود لأي استفسار
تحياتى وإحترامى

بجد مش عارف اقول ايه :confused:
الموضوع رائع جدا جدا جدا [Only registered and activated users can see links]
ومفيد جدااااا وانا اول واحد هستفيد منه إن شاء الله
وانتظر تطبيقى قريب [Only registered and activated users can see links]
الف شكر يا ابن بلدى يا قمر [Only registered and activated users can see links]
احترامى ؛؛
أهلا بالبرنس ابن النيل ابن بلدى
منور الموضوع بالرد الجميل
ومستنى التطبيق :humm2:
تحياتى لك ياغالى:heart:

اسامة داود

05-04-2008, 02:46 AM

درس فمّة قمّة قمّة ..
أشكرك أخي أسامة على هكذا درس ..!!

تسلم ملهم على المرور الجميل
وسعيد ان الموضوع عجبك
تحياتى وإحترامى لك :heart:

يعطيك العافيه يا اسامه

درس مميز ومبدع :)

تسلم فهد على المرور الجميل
والمميز مرورك وطلتك
تحياتى لك:heart:

[Only registered and activated users can see links]
اهلا محمود باشا
نورت الموضوع
تحياتى لك ياغالى :heart:

رائع بجد

يعطيك الف عافية يارب

ولا تحرمنا من جديدكـ

و ترجع بالسلامة

تسلم يابرنس على المرور الجميل
ان شاء الله جديدى تحت ايدك على طول
تحياتى لك يااغالى :heart:

maresh

05-04-2008, 04:39 AM

مشكور اخوي على الموضوع

يعطيك العافيه

hasan basha

06-04-2008, 12:13 AM

شكرا يا عم اسامه

اسامة داود

07-04-2008, 03:24 PM

سلام :

ايه الجمال ده يا اسامة ، يعني من تحت لتحت ، تسلم هالطلة والعودة الحميدة ....

يعني ما قلتليش ايه اللي براسك ، يعني تسأل وما تقول انك بتجهز موضوع

ماشي يا معلم ، اوكي

على كل حال ، اشكرك من كل قلبي

Hot links او روابط ساخنة

والله الدرس روعة تسلم ايديك عيوني

سلام
تسلم على المرور الجميل .. palestinian_kid ..
وانت موجود فى قلبى يامان وربنا
وانا سألت وحبيت اتأكد من معلوماتى
وانت اكيد الافضل
تحياتى لك ياغالى [Only registered and activated users can see links]
درس قمة في الروعة اخوي اسامة ماشاء الله عليك
دائما مبدع في مواضعيك وطروحاتك لاتحرمنا من مواضعيك القيمة
بارك الله فيك يالغالي
دمت في رعاية الرحمن
تسلم على المرور الجميل .. alligator1 ..
والابداع مرورك الجميل وردك الاجميل
تحياتى لك [Only registered and activated users can see links]

جزاك الله كل خير اخي اسامة على درس الرائع :shy2:

والشرح والتنسيق :b&th:
تحياتــ:) لـــ:bravo2:ــك
ولي عودة مع تطبيق ان شاء الله

تسلم على المرور الجميل .. NabuLsi5 ..
والجميل والرائع مرورك وردك
تحياتى لك ياغالى [Only registered and activated users can see links]

رؤؤؤؤؤؤؤؤؤعة الدرس

الله يعطيك الف عافية ْ~

تسلمى على المرور الجميل .. wardt al7ab ..
والروعه مرورك الجميل
تحياتى يا وردة المنتدى [Only registered and activated users can see links]

حزين الروح 2

10-04-2008, 05:03 AM

رائع بجد

يعطيك الف عافية يارب

ولا تحرمنا من جديدكـ

ASEER_EL7ORYAH

10-04-2008, 10:06 AM

يسعدك ربي إلاهي

يارب موفق في كل شيء يرضي الله
يا أسماه على هذا الموضوع الحلو مثلك :b&th:
:heart:
تحياتي لك ..:)

fufo980

12-04-2008, 01:18 AM

يعطيك العافيه شررررررررررررررررررح اكثر من رائع

نوكيا2008

13-04-2008, 03:05 AM

روووووووعه اخوي اسامه

والله يعطيك العافيه على هالابداع

درس مهم ورائع

التنسيق خيال

الف شكر لك وبالتوووفيق لك

دمت بخير

اسامة داود

14-04-2008, 05:24 AM

سلام :

ايه الجمال ده يا اسامة ، يعني من تحت لتحت ، تسلم هالطلة والعودة الحميدة ....

يعني ما قلتليش ايه اللي براسك ، يعني تسأل وما تقول انك بتجهز موضوع

ماشي يا معلم ، اوكي

على كل حال ، اشكرك من كل قلبي

Hot links او روابط ساخنة

والله الدرس روعة تسلم ايديك عيوني

سلام
تسلم على المرور الجميل .. palestinian_kid ..
والجميل مرورك الجميل
وانت الاستاذ وكل دا جزء بسيط منك ياغالى
تحياتى لك يا حبيبى [Only registered and activated users can see links]

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

يامدرسة والله شرح وموضوع يستحق الثناء علية والموضوع

مثـــبت

وتقبل مني ارق التحية والتقدير والمحبة ،،،

تسلم على المرور الجميل .. علي الجوال ..
والجميل مرورك الجميل
وكالعادة مرورك يكلل نجاحى
شكرا على التثبيت وعلى دمج الموضوع
وانت الاستاذ وكل دا جزء بسيط منك ياغالى
تحياتى لك يا غالى [Only registered and activated users can see links]

اسامة داود

18-04-2008, 02:29 PM

مشكور يا مان عالتوضيح التاني ,,

وان شالله تطبيقي عالطريق ،، حاليا بالفرن :)
----------------------------------
رجعت يا مااان

وتطبيقي معي:biggrin3:

هي الصورة [Only registered and activated users can see links]@0.gif

وعشان تشوف التطبيق اضغط هنا ([Only registered and activated users can see links])
----------------------------------
:Party:

مان

عملت تطبيق تاني :biggrin3:

اكبس هون ([Only registered and activated users can see links])

:biggrin3:
تسلم محمود على المرور الجميل
والتطبيقين الاجمل والاحلى
وانت فنان
تحياتى لك ياغالى
بس متردش فى الموضوع تانى :biggrin3:

اسامة داود

20-04-2008, 02:57 AM

ماشاء الله مجهود رائع وشرح ممتاز ..الله يعطيك العافيه

بالتوفيق للامام دوما .. :)

تسلم على المرور الجميل
واتمنى الدرس يفيدك
ياريت طلبت مليون ليرة :biggrin3: لأني كنت عم فكر من يومين بنفس الموضوع
الله يعطيك ألف عافية أخي أسامة درس حلو وتنسيق أحلى
وأكيد لي عودة مع تطبيقي
بالتوفيق
اهلاً عُلا نورتى الموضوع
وان شاء الله المليون يتحققو زى الدرس ما اتحقق :biggrin3:
تحياتى لكى

hasan basha

22-08-2008, 03:45 AM

تسلم يمان
كان لي باك لاشوف شي
دمت بخير

بدون اسم911

22-08-2008, 08:54 PM

درس روعة

اسامة داود

12-12-2008, 04:15 AM

تسلمو على المرور ~

غنج الورد

15-12-2008, 01:27 AM

شرح راااااائع
مشكووور أخوي أسامة
الله يعطيك العافية
ودمت بخير ..,

مفرعه الشوشه

15-12-2008, 01:24 PM

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

بصراااحه من جد شي مميز بالفعل

اشكرك على مجهودك الراائع وتنسيقك المبهر

حبيت اسجل اعجابي بالدرس القيم

مع السلامه

زياد الفرادي

15-12-2008, 05:03 PM

مشكور

اسامة داود

24-12-2008, 06:56 PM

شكراً للمرور :)