تابع المحاضرة الثانية تصميم مواقع باستخدام برنامج مايكروسوفت الجديد Expression Web

اضغط Ok ... ليبدا البرنامج في انشاء موقع من صفحه واحده ... يجب ان يبدو الشكل امامك قريب مما يلي ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]تلاحظ ان البرنامج قام بتسميه الصفحه بـ Defualt.htm

ملحوظه ...

يجب ان يحتوي موقعك علي صفحه واحده فقط بعنوان Defualt.htm او Index.htm .... و هذه الصفحه ( يجب ) ان تكون هي الصفحه الرئيسيه للموقع ...

حيث انه عندما تقوم برفع الموقع علي مساحه الاستضافه الخاصه بك يقوم السيرفر بتحميل اي من هاتين الصفحتين بشكل افتراضي في البدايه معتبرا انها هي الصفحه الرئيسيه ... ولا يمكن تغير هذا الاختيار



الان لتبدأ في الكتابه داخل صفحه موقعك الرئيسيه يكفي ان تضغط مرتين Double Click علي اسم الصفحه _ كما هو موضح في الشكل السابقتعديل موقعك

برنامج اكسبريشن ويب هو احد برامج [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] المواقع التي تستخدم تقنيه WYSIWUG و التي هي اختصار What You See Is What You Get... تترجم .. " ما تراه هو ما تحصل عليه "

و المقصود بها ... ان ما تراه امامك في مرحله التصميم هو نفس ما سيراه الزائر في مرحله التشغيل

لهذا فان مرحله التعديل او بدء الكتابه في صفحتك الرئيسيه لا تختلف في شئ كثير عن الكتابه داخل اي مستند من مستندات [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] Word بل لعلك لاحظت وجود شريط ادوات شديد الشبه بذلك الموجود في [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] Word
الموضوع الأصلى من هنا: منتديات عالم المرأة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

في المحاضره الرابعه ان شاء الله سنتحدث بالتفصيل عن كيفيه تنسيق النص داخل اكسبريشن و يب .. اما الان فيمكن الاكتفاء بكتابه جمله او جملتين و تنسيقهم بما هو متاح امامك و لتحاول ان يصبح شكل صفحتك كما يلي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] هناك خطوه مهمه للغايه يجب ان نتذكرها دائما قبل البدء في الكتابه او تعديل الصفحه ... و هي ضبط قياس الصفحه ... يمكننا ضبط قياس او مساحه الصفحه باي من الطريقتين التاليتين:

اولا .. من شريط الحاله Status bar في اسفل الصفحه كما يلي[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ثانيا من قائمه View اختر Page Size ثم اختر المساحه المناسبه

بشكل عام ... 955 x 600 و هي المكافئه لدقه سطح مكتب Desktop Resolution 1024 x 768 هي الانسب و هي الشائعه الان في معظم صفحات المواقع ...

الان بعد ان اعدد مساحه صفحتك ... و اضفت لها جمله الترحيب Hello World لعلك تريد ان تري صفحتك في وضع العرض .. اي كما سيراها الزائر

من قائمه File اختر الامر Preview in Browser ثم اختر المساحه التي تريد المعاينه عليها

كما يمكنك بسهوله الضغط علي F12


لو لم تكن قد قمت بحفظ صفحتك حتي الان سيقوم البرنامج بسؤالك عما اذا كنت ترغب في حفظ الصفحه قبل معاينتها ام لا ... بالطبع ستختار نعم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم فتح الصفحه الان للمعاينه ... يمكنك الان اغلاقها و العوده مره اخري للبرنامج

اضافه صفحات جديده لموقعك ...

هناك طريقتين لأضافه صفحات جديده للموقع ..
من قائمه File اختر الامر New ثم منه اختر الامر Page ...
كما تري هناك الكثير انواع الصفحات التي يمكنك انشائها .... سنتحدث ان شاء الله عن كل نوع عند احتياجنا لاضافته
اما الان فأختر HTML و التي تسمح لك باضافه صفحه فارغه جديده

يجب ان يكون الشكل امامك مشابها لما يلي[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]و كما هو واضح في الشكل لن تري ان صفحتك قد ظهرت في الجزء الخاص بـ Folder List Task Pane [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]بل يجب عليك اولا ان تقوم بحفظها لتظهر ...

اضغط Ctrl + S او اختر الامر Save من قائمه File

في الحالتين سيظهر امامك مربع الحوار التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] يمكنك بالتاكيد اعطاء اي اسم تريد لصفحتك .. لكن من المفضل ان تحدد اسم يعكس محتوي الصفحه

ايضا لا يفضل استخدام المسافات في تسميه الصفحه

كما لا يفضل ان تستخدم اللغه العربيه في تسميه الصفحه

بعد تحديد اسم لصفحتك ... اضغط Save ... و لاحظ ظهورها في الجزء الخاص بـ Folder List Task Pane
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]حفظ الموقع و انهاء العمل

لاحظ انه يجب ان تقوم بحفظ كل صفحه علي حدا ...

و الان لأغلاق الموقع اختر الامر Close Site من القائمه File

لاحظ ان الامر Close يقوم بأغلاق الصفحه الحاليه فقط و لا يقوم بأغلاق الموقع كاملا
كذلك الامر Open حيث يقوم بفتح صفحه واحده و ليس كامل ملفات الموقع



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

1- قم بأنشاء موقع مكون من 3 صفحات
2- عندما يتكون موقعك من عدة صفحات كيف يستطيع السيرفر تحديد الصفحه الرئيسيه ؟
3- متي يمكنك تسميت الصفحه Index و متي يمكنك تسميتها default
4- لماذا لا يفضل تسميه الصفحات باللغه العربيه ؟
5- ما الفرق بين الـ Welcome Page و الـ Home Page ?