التسجيل التعليمـــات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

العودة   ثورة الفوتوشوب > منتديات تطوير المواقع > قسم الــ FrontPage > قسم دروس الــ FrontPage

رد
 
أدوات الموضوع إبحث في الموضوع
  #1  
قديم 19-06-2006, 03:15 PM
الصورة الرمزية dr_nour
عضو جديد
 
تاريخ التسجيل: Jun 2006
الدولة: syria
المشاركات: 22
معدل تقييم المستوى: 313
dr_nour مثابر
إرسال رسالة عبر مراسل MSN إلى dr_nour
Wink درس متقدم جدا جدا...

لطالما أنشأنا مواقعنا على فرونت بيج, و عندما كان يسألنا احد الأشخاص على ماذا تصمم موقعك؟.. كنا نقول, FrontPageXP و كنا نقولها بخجل ولكن بعد ظهور الثورة في عالم الويزيوينغ ( WYSIWYG ) الفرونت بيج 2003 أصبحنا نقولها بكل فخر أنا أعمل على فرونت بيج 2003

لن أتكلم عن الميزات الجديدة في فرونت بيج, ولكنني سأتكلم عن ميزة نادرا ما أرى مصمما يستخدمها, ألا وهي التيمبليت ( DWT )

لقد قمت بتصميم أكثر من 120 موقع انترنت حتى الآن, في كل مرة أبدأ فيها بتصميم جديد, أحتار, حتى الآن, أحتار, من أين أبدأ, ماذا أفعل...

حتى مع أنني وضعت خوارزمية لعملي, تبدأ من الفوتوشوب, ثم الفلاش, و من ثم الفرونت بيج, مرورا بالبرامج الأخرى المساعدة, ولكنك لا تزال في حيرة, من أين تبدأ..

ليس هذا هو لب الحديث.. في كل مرة يا أصدقائي, تعتقد فيها أن الموقع انتهى, يظهر لك الزبون, بتعديل ما, لا تدري من أين خرج به, إضافات, تعديلات, شيء منهك.. ترى, ماذا نفعل, كي نسهل على أنفسنا مهمة التعديل..
لقد اضاف المبرمجون في الفرونت بيج ميزة الويب تمبليت, و هي ميزة من النادر أن ترى أحدا من المصممين يستخدمها, يا

ترى, ماهي, و ما الفائدة منها؟

عندما تصمم الصفحة الرئيسية, و تعتقد أنها انتهت, عليك الآن أن تجعلها قالبا للموقع بأكمله, كيف؟..

في اغلب التصميمات, يكون الموقع بالشكل الآتي: ترويسة بارتفاع من 100 إلى 200 بكسل.. في الاغلب تكون فلاش.. تحتها

قائمة نافيغاتور للتنقل في الموقع, و عمود أيمن أو أيسر, يحتوي خدمات و إعلانات, و يمكن أن يتواجد العمودين معا

انظر الموقع الآتي: http://www.cec.sy
هذا الموقع هو موقع مزود خدمة الإنترنت في الشركة الهندسية للحواسب في سوريا, و هو من تصميمي..
لاحظ التكوين الذي يتكون منه الموقع, إنه التكوين ذاته الذي ذكرت... الآن, إذهب إلى view و من ثم source و ذلك لعرض مصدر التعليمات البرمجية للصفحة الرئيسية للموقع, انسخ النص البرمجي كاملا, إذهب إلى فرونت بيج, قم بفتح قسم التعليمات البرمجية أو Code, الصق النص البرمجي الذي قمت بنسخه...

ماذا تلاحظ؟ إنك تلاحظ وجود قسم كبير من النص البرمجي ذو خلفية صفراء, هذا النص في الحقيقي, غير موجود في الصفحة الرئيسية, و إنما يؤخذ من ملف آخر يدعى : temp.dwt أي قالب ويب ديناميكي..
الآن, إضغط على قسم التصميم أو Design اقترب من القائمة اليمينية, أو الترويسة, أو التذييل, ستلاحظ وجود علامة فاي, أي ليس بإمكانك التحرير في هذه المنطقة, و ذلك لأن هذه المنطقة خاضعة لقالب ويب ديناميكي, ولا يمكن التحرير فيها إلا عبر القالب ذاته...
لاحظ أنه توجد منطقة واحدة فقط يمكنك التحرير فيها, و هي المنطقة المروسة بكلمة Body, وذلك لأنها المنطقة الوحيدة العائدة للصفحة الرئيسية, و خارجة عن القالب..
نعود إلى كيفية صنع القالب, بعد تصميم الصفحة, تقرر مسبقا, ماهي المناطق التي سيتم التعديل عليها مرارا و تكرارا في جميع صفحات الموقع, تلك المناطق, تدخلها في نطاق القالب.. بالطريقة التالية:
لنعد إلى الصفحة السابقة, نحن الآن في وضع التصميم, نلاحظ أن القالب, يحيط بمنطقة معينة, يحتويها جدول, إذا لنخضع منطقة ما من التصميم لقالب ويب ديناميكي, علينا وضع تلك المنطقة ضمن جداولها الطبيعية..
و أما ما سنقوم بتعديله في الصفحات, مثل منطقة Body في مثالنا السابق, فإننا نصنع جدولا فارغا, و نضغط في داخله بالزر الأيمن, و نضغط, إدارة المناطق القابلة للتحرير, و نعطي هذه المنطقة اسما معبرا..
نلاحظ في مثالنا السابق وجود منطقة أخرى للتحرير باسم weather و هذه المنطقة تحتوي على برمجية الطقس, بالإضافة إلى إعلانات تم وضعها في صفحات أخرى..
الآن و بعد أن انتهينا من تحديد جميع المناطق, نقوم بحفظ الملف كقالب ويب ديناميكي, من file ثم save as و من ثم نحدد نوع الملف قالب ويب ديناميكي...

الآن, صفحات الموقع الباقية.. نقوم بالضغط على file و من ثم new و من ثم جديد من قالب ويب ديناميكي, و نختار القالب الذي قمنا بعمله...


في حال وجود أي استفسار حول الدرس, يرجى عدم التردد في مراسلتي




معتحيات
















__________________
الشيء الوحيد الذي لا أفهمه في هذا الكون هو أن الكون مفهوم أصلاً
عندما يكون الجزء أقصى ما نصله من الكل, حينها يصبح الجزء كلا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
قديم اليوم, 06:45 PM
افتراضي Sponsored Links  

  #2  
قديم 07-07-2006, 06:22 AM
عضو جديد
 
تاريخ التسجيل: May 2006
المشاركات: 22
معدل تقييم المستوى: 320
فاشل التصميم مثابر
افتراضي

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

سلامـ
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #3  
قديم 08-07-2006, 10:54 AM
الصورة الرمزية عبد الرحمن
الفقير لعفو ربه
 
تاريخ التسجيل: Sep 2005
الدولة: باكستان...لاهور
المشاركات: 1,355
معدل تقييم المستوى: 30
عبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابر
إرسال رسالة عبر مراسل MSN إلى عبد الرحمن إرسال رسالة عبر مراسل Yahoo إلى عبد الرحمن
افتراضي

بارك الله بك أخي الفاضل على الدرس المفيد وجزاك الله خير الجزاء ........
أنا عندي Front page 2002 ولم أجد هذه الخاصية به ......
هل يمكن أن أعرف الفرق بين frontpage وبرنامج Publisher الذي يأتي مع office 2003
وجزاك الله خير الجزاء ..... زادك الله علما وعملا
__________________
وإنما المرء حـــــديث بعـده
فكن حـــديثــاً حــسناً لمن وعى
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #4  
قديم 08-07-2006, 11:31 AM
الصورة الرمزية dr_nour
عضو جديد
 
تاريخ التسجيل: Jun 2006
الدولة: syria
المشاركات: 22
معدل تقييم المستوى: 313
dr_nour مثابر
إرسال رسالة عبر مراسل MSN إلى dr_nour
Wink

اقتباس:
المشاركة الأصلية كتبت بواسطة عبد الرحمن
بارك الله بك أخي الفاضل على الدرس المفيد وجزاك الله خير الجزاء ........
أنا عندي Front page 2002 ولم أجد هذه الخاصية به ......
هل يمكن أن أعرف الفرق بين frontpage وبرنامج Publisher الذي يأتي مع office 2003
وجزاك الله خير الجزاء ..... زادك الله علما وعملا
هذه الخاصية غير موجودة إلا بـ fornt page 2003
أما عن برنامج Publisher فلا أنصحك باستخدامه, إمكانياته محدودة بالنسبة للمصممين, و هو يقتل الإبداع...
.......



معتحيات
__________________
الشيء الوحيد الذي لا أفهمه في هذا الكون هو أن الكون مفهوم أصلاً
عندما يكون الجزء أقصى ما نصله من الكل, حينها يصبح الجزء كلا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #5  
قديم 10-07-2006, 01:01 PM
الصورة الرمزية عبد الرحمن
الفقير لعفو ربه
 
تاريخ التسجيل: Sep 2005
الدولة: باكستان...لاهور
المشاركات: 1,355
معدل تقييم المستوى: 30
عبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابرعبد الرحمن مثابر
إرسال رسالة عبر مراسل MSN إلى عبد الرحمن إرسال رسالة عبر مراسل Yahoo إلى عبد الرحمن
افتراضي

بارك الله بك أخي على النصيحة ودمت في رعاية الله عز وجل
__________________
وإنما المرء حـــــديث بعـده
فكن حـــديثــاً حــسناً لمن وعى
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #6  
قديم 11-07-2006, 01:42 PM
الصورة الرمزية ابومازن
مبدع المنتدى
 
تاريخ التسجيل: Apr 2005
الدولة: المملكة العربية السعودية
المشاركات: 3,540
معدل تقييم المستوى: 1669
ابومازن لامعابومازن لامعابومازن لامعابومازن لامعابومازن لامعابومازن لامعابومازن لامعابومازن لامع
إرسال رسالة عبر مراسل MSN إلى ابومازن إرسال رسالة عبر مراسل Yahoo إلى ابومازن
افتراضي

يعطيك العافية ..

ويسلمو هالايدين .. على الشرح .


تحياتي ،،،
ابومازن
__________________
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #7  
قديم 11-07-2006, 04:26 PM
الصورة الرمزية وادي القمر
ثوري سوبر
 
تاريخ التسجيل: Oct 2005
الدولة: القمر
المشاركات: 303
معدل تقييم المستوى: 487
وادي القمر مثابر
افتراضي

درس رائع جدا
يعطيك الف الف عافيه يا غالي

وشكرا كتير مره تانيه
والله لايحرمنا جديدك الممتع والمميز

وادي القمر
__________________
(**** الذكرى ناقوس رنان ............... يدق في عالم النسيان ****)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #8  
قديم 16-11-2006, 02:06 AM
عضو جديد
 
تاريخ التسجيل: Nov 2006
المشاركات: 3
معدل تقييم المستوى: 0
chouf17 مثابر
افتراضي

مرسي أخي على الدرس وفقك الله
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #9  
قديم 25-11-2006, 12:17 PM
عضو جديد
 
تاريخ التسجيل: Nov 2006
المشاركات: 3
معدل تقييم المستوى: 0
زمان الاحزان مثابر
افتراضي

اخى الفاضل ارجوك ساعدنى ارى انك ماشاء الله فى عمل المواقع فعندى امتحان فى
فى2003 publisher
وطلبوا منى عمل موقع على الجهاز به ولااعرف كيف
ارجوك ساعدنى
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #10  
قديم 14-05-2007, 11:40 PM
عضو جديد
 
تاريخ التسجيل: May 2007
المشاركات: 6
معدل تقييم المستوى: 194
طيوووفه
افتراضي

dr_nour

الف شكر على الدرس

بس ياليت يكون فيه شرح مفصل بالصور

انا نسخت الكود بالموقع و وضعته بالفرونت بيج بقسم التعليمات البرمجيه بس
ماظهر اى نص برمجى بالخلفيه الصفراء !!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #11  
قديم 15-05-2007, 11:10 AM
الصورة الرمزية dr_nour
عضو جديد
 
تاريخ التسجيل: Jun 2006
الدولة: syria
المشاركات: 22
معدل تقييم المستوى: 313
dr_nour مثابر
إرسال رسالة عبر مراسل MSN إلى dr_nour
افتراضي

أعتذر أختي أو أخي طيوفة فقد لاحظت أنه تم تعديل تصميم الموقع..

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



أتمنى الفائدة للجميع



معتحيات
__________________
الشيء الوحيد الذي لا أفهمه في هذا الكون هو أن الكون مفهوم أصلاً
عندما يكون الجزء أقصى ما نصله من الكل, حينها يصبح الجزء كلا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #12  
قديم 16-05-2007, 09:21 AM
عضو جديد
 
تاريخ التسجيل: May 2007
المشاركات: 6
معدل تقييم المستوى: 194
طيوووفه
افتراضي

الف شكر لك أخي

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

بأنتظار الشرح

أختكـ طيف
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
رد


أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم

إخفاء/عرض تعليمات المشاركة
تستطيع كتابة مواضيع و تستطيع كتابة ردود
تستطيع إرفاق ملفات
كود [IMG] متاحة
تستطيع تعديل مشاركاتك
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are معطلة
الانتقال السريع إلى

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
درس الكتابة الدائرية درس ممتع جدا دخلو وشوفو.. عيون فلسطينية قسم دروس الفوتوشوب 37 17-04-2008 10:32 PM
درس عمل نص بداخله صورة ((بسيـــط جدا جدا جدا)) فارس الضلام قسم دروس الفوتوشوب 31 27-02-2008 12:17 AM
عمل قطرات ماء قريبة جدا من الواقع ـ درس سهل alrassam.photo قسم دروس الفوتوشوب 2 05-12-2006 07:37 PM
مهم جداّ جداّ جدا جدا جدا جدا جدا جدا جدا جدا جدا جدا Girl القسم العام 28 07-07-2006 08:24 PM
درس بسيط جدا جدا جدا فارس الفوتوشوب قسم دروس الفوتوشوب 7 18-02-2006 06:19 PM


الساعة الآن: 02:11 PM


Powered by vBulletin® Version 3.7.3

 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40