Mr.ATef
07-07-2006, 01:16 PM
السلام عليكم ورحمة الله وبركاته ،،،،،، وبعد :
--------------------------------------------------------------------------------
13
الآن قم بفتح برنامج الفرونت بيج ( http://www.aborenaz.com/images/front_icon.gif Microsoft Office FrontPage 2003 ) .. ثم قم بفتح صفحة Index التي حفظتها عن طريق الفوتوشوب قبل قليل ..
ثم قم بالضغط بالزر الأيمن على أي منطقة .. واختر ( خصائص الصفحة ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_015.gif
--------------------------------------------------------------------------------
14
الآن قم بعمل مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_016.gif
--------------------------------------------------------------------------------
15
ثم من القائمة الموجودة في الجهة اليسرى السفلية .. طبّق مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_017.gif
ثم اعمل التالي :
http://www.aborenaz.com/dros/img/COURSE_lesson3_018.gif
ثم اضغط ( موافق ) ثم ( موافق ) ثم ( موافق ) .
ستجد أن التصميم أصبح في منتصف الصفحة ..
--------------------------------------------------------------------------------
16
جميلٌ جداً .. الآن سنعمل التالي :
أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط ! .
ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع .
ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع .
إلى التفاصيل :
--------------------------------------------------------------------------------
17
أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط :
أضغط على الصورة التي تريد وضع رابط عليها بالزر الأيمن .. ثم اختر ( خصائص الصورة ) .. كما في الصورة التالية .
http://www.aborenaz.com/dros/img/COURSE_lesson3_019.gif
--------------------------------------------------------------------------------
18
طبّق ما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_020.gif
--------------------------------------------------------------------------------
19
ثم من تبيويب ( عام ) طبّق الإعدادات التالية .
http://www.aborenaz.com/dros/img/COURSE_lesson3_021.gif
ثم اضغط ( موافق ) .
وأفعل هذا مع كل الصور التي تريد أن تضع عليها رابطاً .
--------------------------------------------------------------------------------
ملاحظة : البعض سألني عن أكواد جعل الموقع كصفحة رئيسية و إضافة الموقع للمفضلة .. سأضعها لكم هنا ..
- كود جعل الموقع كـ صفحة رئيسية بموقغك ! :
<img class="chlnk" style="CURSOR: hand" onclick="this.style.behavior='url(#default#homepage)';this. setHomePage('http://www.aborenaz.com');" alt="إجعل الموقع صفحة البدء لديك" src="../images/main_17.gif" border="0" HREF width="32" height="31">
مع تغيير مايلزم .
- كود إضافة الموقع للمفضلة :
<img style="CURSOR: hand" onclick="**********:********external.AddFavorite('http://www.aborenaz.com', ' ّّّ][ مــوقــع ابـــو ريــنـــاز ][ ')" alt="أضف موقع ابو ريناز لمفضلتك" src="../images/main_24.gif" border="0" HREF width="30" height="30">
مع تغيير مايلزم .
--------------------------------------------------------------------------------
20
ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع .
اذهب الى الصور التي قمت بقصّها في الخطوة رقم 4 واضغط عليها بالزر الأيمن .. ثم اختر ( خصائص الخلية ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_022.gif
--------------------------------------------------------------------------------
21
ثم اعمل مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_024.gif
--------------------------------------------------------------------------------
22
الآن قم بسحب شافط الألوان .. وافلته على الصورة التي ضغطت عليها بالزر الأيمن قبل قليل ! .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_023.gif
قم اضغط ( موافق ) ثم ( موافق ) .
--------------------------------------------------------------------------------
23
الآن قم بمسح الصورة وذلك بالضغط على زر Delete .. ولن يتأثر الشكل الخارجي .. وسبصبح التصفح أسرع ! .. التوضيح في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_025.gif
أفعل هذه الخطوة مع باقي المساحات التي قمنا بتحديدها في الخطوة رقم 4 .
--------------------------------------------------------------------------------
24
ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع .
اذهب الى الصور التي قمت بقصّها في الخطوة رقم 5 واضغط عليها بالزر الأيمن .. ثم اختر ( خصائص الخلية ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_026.gif
--------------------------------------------------------------------------------
25
الآن اضغط على كلمة ( استعراض ) الموجودة في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_027.gif
ثم اخترالصورة الصغيرة التي قمت بقصّها وحفظها في الخطوة رقم 12 .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_028.gif
الآن قم بمسح الصورة وذلك بالضغط على زر Delete .. ولن يتأثر الشكل الخارجي .. وسبصبح التصفح أسرع ! .. التوضيح في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_029.gif
أفعل هذه الخطوة مع باقي المساحات التي قمنا بتحديدها في الخطوة رقم 5 .
--------------------------------------------------------------------------------
26
الحمدلله .. أخيراً قمنا بالإنتهاء من الخطوات الأساسية في هذا الدرس .. والباقي عليك !!
أضف بعض لمساتك .. حتى يصبح الموقع بالشكل المطلوب ..
عن نفسي فقد قمت بإضافة بعض اللمسات البسيطة حتى أصبح الموقع بهذا الشكل :
http://www.aborenaz.com/dros/img/COURSE_lesson3_030.gif
ولمعاينة الموقع .. أضغط على هذا الزر http://www.aborenaz.com/dros/img/COURSE_lesson3_031.gif من شريط التنسيق .
----------------------------------------------------
بهذا .. نكون قد انتهينا من الدرس الثالث بحمد الله .. أتمنى أن يكون الدرس وضجاً وبسيطاً عليكم .. وأعذروني على التقصير .. فقط أريد منكم الدعاء لي ولوالدي http://www.aborenaz.com/smilies/smilies2/3atfah_khjl/blushing.gif .
انتهى الدرس http://aborenaz.com/smilies/smilies2/bay/bye1.gif
منقول من الاخ ابو ريناز
--------------------------------------------------------------------------------
13
الآن قم بفتح برنامج الفرونت بيج ( http://www.aborenaz.com/images/front_icon.gif Microsoft Office FrontPage 2003 ) .. ثم قم بفتح صفحة Index التي حفظتها عن طريق الفوتوشوب قبل قليل ..
ثم قم بالضغط بالزر الأيمن على أي منطقة .. واختر ( خصائص الصفحة ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_015.gif
--------------------------------------------------------------------------------
14
الآن قم بعمل مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_016.gif
--------------------------------------------------------------------------------
15
ثم من القائمة الموجودة في الجهة اليسرى السفلية .. طبّق مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_017.gif
ثم اعمل التالي :
http://www.aborenaz.com/dros/img/COURSE_lesson3_018.gif
ثم اضغط ( موافق ) ثم ( موافق ) ثم ( موافق ) .
ستجد أن التصميم أصبح في منتصف الصفحة ..
--------------------------------------------------------------------------------
16
جميلٌ جداً .. الآن سنعمل التالي :
أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط ! .
ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع .
ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع .
إلى التفاصيل :
--------------------------------------------------------------------------------
17
أولاً : عمل روابط على الصور التي نريد أن نضع عليها روابط :
أضغط على الصورة التي تريد وضع رابط عليها بالزر الأيمن .. ثم اختر ( خصائص الصورة ) .. كما في الصورة التالية .
http://www.aborenaz.com/dros/img/COURSE_lesson3_019.gif
--------------------------------------------------------------------------------
18
طبّق ما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_020.gif
--------------------------------------------------------------------------------
19
ثم من تبيويب ( عام ) طبّق الإعدادات التالية .
http://www.aborenaz.com/dros/img/COURSE_lesson3_021.gif
ثم اضغط ( موافق ) .
وأفعل هذا مع كل الصور التي تريد أن تضع عليها رابطاً .
--------------------------------------------------------------------------------
ملاحظة : البعض سألني عن أكواد جعل الموقع كصفحة رئيسية و إضافة الموقع للمفضلة .. سأضعها لكم هنا ..
- كود جعل الموقع كـ صفحة رئيسية بموقغك ! :
<img class="chlnk" style="CURSOR: hand" onclick="this.style.behavior='url(#default#homepage)';this. setHomePage('http://www.aborenaz.com');" alt="إجعل الموقع صفحة البدء لديك" src="../images/main_17.gif" border="0" HREF width="32" height="31">
مع تغيير مايلزم .
- كود إضافة الموقع للمفضلة :
<img style="CURSOR: hand" onclick="**********:********external.AddFavorite('http://www.aborenaz.com', ' ّّّ][ مــوقــع ابـــو ريــنـــاز ][ ')" alt="أضف موقع ابو ريناز لمفضلتك" src="../images/main_24.gif" border="0" HREF width="30" height="30">
مع تغيير مايلزم .
--------------------------------------------------------------------------------
20
ثانياً : حذف الصور ذات اللون الواحد وإبدالها بلون ؛ ليخف حجم الموقع .
اذهب الى الصور التي قمت بقصّها في الخطوة رقم 4 واضغط عليها بالزر الأيمن .. ثم اختر ( خصائص الخلية ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_022.gif
--------------------------------------------------------------------------------
21
ثم اعمل مافي الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_024.gif
--------------------------------------------------------------------------------
22
الآن قم بسحب شافط الألوان .. وافلته على الصورة التي ضغطت عليها بالزر الأيمن قبل قليل ! .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_023.gif
قم اضغط ( موافق ) ثم ( موافق ) .
--------------------------------------------------------------------------------
23
الآن قم بمسح الصورة وذلك بالضغط على زر Delete .. ولن يتأثر الشكل الخارجي .. وسبصبح التصفح أسرع ! .. التوضيح في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_025.gif
أفعل هذه الخطوة مع باقي المساحات التي قمنا بتحديدها في الخطوة رقم 4 .
--------------------------------------------------------------------------------
24
ثالثاً : حذف الصور التي يمكن استبدالها بصورة صغيرة متمدة ؛ ليخفّ حجم الموقع .
اذهب الى الصور التي قمت بقصّها في الخطوة رقم 5 واضغط عليها بالزر الأيمن .. ثم اختر ( خصائص الخلية ) .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_026.gif
--------------------------------------------------------------------------------
25
الآن اضغط على كلمة ( استعراض ) الموجودة في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_027.gif
ثم اخترالصورة الصغيرة التي قمت بقصّها وحفظها في الخطوة رقم 12 .. كما في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_028.gif
الآن قم بمسح الصورة وذلك بالضغط على زر Delete .. ولن يتأثر الشكل الخارجي .. وسبصبح التصفح أسرع ! .. التوضيح في الصورة التالية :
http://www.aborenaz.com/dros/img/COURSE_lesson3_029.gif
أفعل هذه الخطوة مع باقي المساحات التي قمنا بتحديدها في الخطوة رقم 5 .
--------------------------------------------------------------------------------
26
الحمدلله .. أخيراً قمنا بالإنتهاء من الخطوات الأساسية في هذا الدرس .. والباقي عليك !!
أضف بعض لمساتك .. حتى يصبح الموقع بالشكل المطلوب ..
عن نفسي فقد قمت بإضافة بعض اللمسات البسيطة حتى أصبح الموقع بهذا الشكل :
http://www.aborenaz.com/dros/img/COURSE_lesson3_030.gif
ولمعاينة الموقع .. أضغط على هذا الزر http://www.aborenaz.com/dros/img/COURSE_lesson3_031.gif من شريط التنسيق .
----------------------------------------------------
بهذا .. نكون قد انتهينا من الدرس الثالث بحمد الله .. أتمنى أن يكون الدرس وضجاً وبسيطاً عليكم .. وأعذروني على التقصير .. فقط أريد منكم الدعاء لي ولوالدي http://www.aborenaz.com/smilies/smilies2/3atfah_khjl/blushing.gif .
انتهى الدرس http://aborenaz.com/smilies/smilies2/bay/bye1.gif
منقول من الاخ ابو ريناز