هنا نقوم بتطبيق ما تعلمناه في هذه الدروس
- انشئ موقع جديد
- صورة | رابط تشعبي | المعاينة على المتصفح
التطبيق :
أنشأت ملف على سطح المكتب وأسميته cool
من البرامج فتحت برنامج مايكروسوفت اكسيبريشن ويب
من قائمة site
new site
General
Empty site
Browse لجلب الملف الذي اسميته cool وهوعلى سطح المكتب
كلك مرتين
open
ok
سأنشئ الآن بداخله ثلاثة ملفات مهمة :
1) ملف الصور
2) ملف css
3) ملف الجافا سكريبت JS
وذلك من لوحة folder list حيث يظهر الملف الذي أعمل عليه
كلك يمين
new
folder
اسميه image
ثم نفس الطريقة واسمي الملف JS
ثم نفس الطريقة واسمي الملف css
سأنشيء صفحة رئيسية :
أيضا كلك يمين على الملف الأساسي
new
html
سأتركها كما هي defaul.html
سأقوم بنفس الطريقة لانشاء صفحتين أيضا
جيب الحرص على جعل الامتداد .html سأسميها contact_us.html وهي لـ (اتصل بنا)
والثالثة About_Us.html وهي لـ (عن الموقع)
ملاحظة: لفتح موقع موجود مسبقا , من قائمة site
open site
نجلبه من مكانه
open
الآن سأنشئ أرتباطات تشعبية اربط الصفحات ببعضها :
سأجعل الروابط نصية وسأبدأ بإنشائها في الصفحة الرئيسية
سأختار من اللوحة صفحة default والتي اعتبرها الرئيسية وساكتب بداخله 3 نصوص
Main page | Contact Us | About
سأربط كل نص بصفحة :
أحدد على النص
insert
hyperlink
يظهر لي مربع حوار سأختار الصفحة المعنية
وهكذا مع البقية
بعد أن ربطت كل النصوص التالية تشعبيا , سأنسخها
وألصقها في بقية الصفحات لتكون ظاهرة أينما ذهبنا
سأجرب رؤية ما قمت به على المصفح :
file
preview in prowser
سأختار متصفح firefox
Ok
سأضيف صورة إلى الصفحة :
يجب أن اذهب إلى المجلد cool على سطح المكتب واضع الصورة قبل استخدامها في اكسبريشن ويب
ويجيب أن أضعها في مجلد الصور الخاص بها image
أذهب إلى مايكرسوفت اكسبريشن ويب وافتح مجلد الصور لاجدها
اسحبها
يظهر مربع حوار لكتابة نص بديل للصور و الوصف إن شئت يمكن تركها كما هي لكن الافضل كتابة اسم على الاقل للصورة لتجدها محركاته البحث في حال تم نشر الموقع
- ملاحظة / يمكن التحكم بحجم الصورة بسحب اطرافها
سأنشئ الأن رابط خارجي :
سأكتب في الصفحة الرئيسية نصا كالتالي :
اذهب على موقع صيد الفؤاد , وسأجعل الرابط على عبارة ( صيد الفؤاد )
insert
hyperlink
طبعا لن أدرج الصفحات الظاهرة في مربع الحوار
سأكتب في الفراغ عنوان الموقع الخارجي http://www.saaid.net
ثم ok
سأجعل الرابط الخارجي يفتح في صفحة جديدة وذلك :
كلك يمين عليه
خصائص الرابط Hyperlink Properties
Target Frame
New Window
Ok
Ok
من البرامج فتحت برنامج مايكروسوفت اكسيبريشن ويب
من قائمة site
new site
General
Empty site
Browse لجلب الملف الذي اسميته cool وهوعلى سطح المكتب
كلك مرتين
open
ok
سأنشئ الآن بداخله ثلاثة ملفات مهمة :
1) ملف الصور
2) ملف css
3) ملف الجافا سكريبت JS
وذلك من لوحة folder list حيث يظهر الملف الذي أعمل عليه
كلك يمين
new
folder
اسميه image
ثم نفس الطريقة واسمي الملف JS
ثم نفس الطريقة واسمي الملف css
سأنشيء صفحة رئيسية :
أيضا كلك يمين على الملف الأساسي
new
html
سأتركها كما هي defaul.html
سأقوم بنفس الطريقة لانشاء صفحتين أيضا
جيب الحرص على جعل الامتداد .html سأسميها contact_us.html وهي لـ (اتصل بنا)
والثالثة About_Us.html وهي لـ (عن الموقع)
 |
| تعلم اكسبريشن ويب |
ملاحظة: لفتح موقع موجود مسبقا , من قائمة site
open site
نجلبه من مكانه
open
الآن سأنشئ أرتباطات تشعبية اربط الصفحات ببعضها :
سأجعل الروابط نصية وسأبدأ بإنشائها في الصفحة الرئيسية
سأختار من اللوحة صفحة default والتي اعتبرها الرئيسية وساكتب بداخله 3 نصوص
Main page | Contact Us | About
سأربط كل نص بصفحة :
أحدد على النص
insert
hyperlink
يظهر لي مربع حوار سأختار الصفحة المعنية
وهكذا مع البقية
بعد أن ربطت كل النصوص التالية تشعبيا , سأنسخها
وألصقها في بقية الصفحات لتكون ظاهرة أينما ذهبنا
سأجرب رؤية ما قمت به على المصفح :
file
preview in prowser
سأختار متصفح firefox
Ok
سأضيف صورة إلى الصفحة :
يجب أن اذهب إلى المجلد cool على سطح المكتب واضع الصورة قبل استخدامها في اكسبريشن ويب
ويجيب أن أضعها في مجلد الصور الخاص بها image
أذهب إلى مايكرسوفت اكسبريشن ويب وافتح مجلد الصور لاجدها
اسحبها
يظهر مربع حوار لكتابة نص بديل للصور و الوصف إن شئت يمكن تركها كما هي لكن الافضل كتابة اسم على الاقل للصورة لتجدها محركاته البحث في حال تم نشر الموقع
- ملاحظة / يمكن التحكم بحجم الصورة بسحب اطرافها
سأنشئ الأن رابط خارجي :
سأكتب في الصفحة الرئيسية نصا كالتالي :
اذهب على موقع صيد الفؤاد , وسأجعل الرابط على عبارة ( صيد الفؤاد )
insert
hyperlink
طبعا لن أدرج الصفحات الظاهرة في مربع الحوار
سأكتب في الفراغ عنوان الموقع الخارجي http://www.saaid.net
ثم ok
 |
| تطبيق الرابط التشعبي الداخلي |
سأجعل الرابط الخارجي يفتح في صفحة جديدة وذلك :
كلك يمين عليه
خصائص الرابط Hyperlink Properties
Target Frame
New Window
Ok
Ok
 |
| فتح الرابط في نافذة جديدة |
وصلى الله وسلم على نبينا محمد
تابع فهرس المواضيع هنا (مايكروسسوفت اكسبريشن ويب لتصميم المواقع ) 
ليست هناك تعليقات:
إرسال تعليق