2- إنشاء موقع جديد وبداخله صفحات | Microsoft Expression Web ~ Create a new site

الدرس السابق (  تعرف على مايكروسوفت اكسبريشن ويب   )

نتعلم في هذا الدرس : أن الموقع عبارة عن مجموعة ملفات داخل ملف رئيسي

 كيف ننشئ موقع جديد من خلال برنامج مايكروسوفت اكسبريشن ويب. والذي يتطلب ملف أساسي .
كما نتعلم كيف ننشيء ملفات أخرى للموقع لترتيب ملف خاص بـ الصور وورقة التنسيق scc , وملف الجافا,  والصفحات ..الخ.

html =  تركيب الموقع  structure

css =   التنسيق presentation

JS = الحركة action

إنشاء الملف الرئيسي :
هناك فيدوات مفيدة تشرح طريقة عمل والتعامل مع مايكرسوفت اكسبريشن ويب ومنها قناة Joshua Kywn
حيث يُقدم لنا 21 , أول فيدو عبارة عن مُقدمة عن البرنامج والهدف منه وما إلى ذلك , لذلك سأبدأ بالتعليق على الفيديو الثاني :

  

التعليق على الفيديو  :
- يشرح طريقة التعامل مع القوائم وتثبيتها بالضغط على علامة الدبوس دون إزالتها وذلك يُتيح لك مزيد من المساحة مع إبقاء تلك اللوحة لحين الحاجة لاستخدامها.

- collapse أي : يسقط , ينهار ,collapsed  هابط , واقع 

 - ما يهم معرفته أولا في اكسبريشن وب هو إنشاء موقع , ومعرفة إنشاء صفحات بداخله .
- كل موقع يجب أن يكون بداخل ملف مثلا اسمه Local stite folder  أو كما يسميه البعض  local root folder
مثلا: سأذهب إلى سطح المكتب وأنشئ عليه ملف فارغ اسميه sample site

سيكون هو الملف الذي نضع بداخله كل ما يخص موقعنا الذي سننشؤه.
- نعود إلى برنامج اكسبريشن وب , ومن قائمة
site
new site
general
Empty site

لجلب الملف الذي أنشأناه من مكانه مثلا كما انشأته على سطح المكتب  Browse

نضغط دبل كلك لتأكد أن ما سنقوم به سيكون داخل الملف الذي اخترناه
open
ok
هنا نجد الملف في لوحة (قائمة الملف)

Folder list

- لاحظ أنك إذا ضغطت على لوحة  folder list ستجد الامتداد الكامل لمكان هذا الملف.  والذي يُسمى الملف الفرعي أو المحلي.
- أسوأ ما قد تقوم به عند العمل على إنشاء موقع هو إضافة صفحات وصور بشكل غير مرتب لذا فيُقترح بإنشاء ملفات لترتيب الصفحات والصور.

 إنشاء الملفات (ملف صور) , (ملف ورقة أنماط css), (ملف الجافا سكريبت JS ) :
-يمكننا إنشاء هذه الملفات بالذهاب إلى الملف الذي أنشأنها أو يمكن القيام بذلك من داخل برنامج مايكروسوفت اكسبريشن وب أيضا. وذلك من خلال اللوحة المخصصة للملفات وهي
folder list
كلك يمين على اسم الملف
جديد new
ملف folder
ثم نسمي الملف , مثلا سنسميه images وسيكون مخصص للصور

- إن شئت فإنه بالإمكان أيضا فتح ملف الصور وفتح ملفات أخرى بداخلة للترتيب.
- بنفس الطريقة سأنشئ ملف واسميه css, ملف مهم خاص بأكواد أوراق الأنماط سنتعلم عنه لاحقا.
- أيضا سأنشئ ملف مهم واسميه javascript أو باختصار JS
وهكذا يمكننا انشاء ما نشاء من الملفات كتلك الخاصة بالمستندات وغيرها.

إنشاء صفحة :
والآن سنحتاج إلى إنشاء صفحة لموقعنا, فكيف ذلك؟
- بنفس الطريقة السابقة لكن سنختار HTML
folder list
كلك يمين على الملف الرئيسي
new-->HTML
-نسميها index.html   لاحظ أن الامتداد هو  نقطة ثم html

إنشاء صفحة داخل ملفات الموقع

قوانين التسميات:
- يجب أن تكون الأسماء للملفات والصفحات بالحروف الصغيرة .
- قد تسبب الأحرف الكبيرة مشاكل لذا يجب الابتعاد عن استخدامها.
- يمكن استخدام الارقام 
- يمنع استخدام المسافة بين كلمتين 
- ابتعد عن الرموز (كالنسبة المئوية , والدولار ..الخ)
- هناك رمزين فقط يمكن استخدامهما في التسمية هما الداش / , و الشرطة التحتية فقط _ .  رغم ذلك ينصح بتجنبهما لانهما تأخذان مساحة من اسم الملف, أو اسم الصفحة. 


- تُعد HTML اللغة الأساسية التي نستخدمها لإنشاء تركيب صفحاتنا.
- في سلسلة الفيدوهات هذه سنتعاملة مع 3 لغات مختلفة, وبشكل أساسي HTML و CSS , وقليلا من Javascript
-هناك أربعة خصائص لأي موقع ويب :
1- الخصائص التركيبية .  (مثلا سيكون التركيب هنا HTML )
2- مظهر الموقع  (وهو يتعلق بـ  css )
أ- التنسيق ب-الموضع (مكان التنسيق)
3- المحتوى ( المقالات , الروابط, الصور , المستندات..الخ)
4- الحركة action , ما يحدث عن ضغط الأزرار وهكذا , وغالبا هذا يخص الجافا سكريبت JavaScript .

لماذا نستخدم الامتدادات عند تسمية الصفحات والمستندات ..الخ ؟
الامتداد هو ما يُخبرنا بنوع المستند. مثال
page.html   صفحة نوع امتدادها html
here.PDF  ملف امتداده pdf
وهكذا.

لذا عند إنشاءصفحة ويب تركيبها هو لغة html :
يجب أن نكتب اسم الصفحة ثم نقطة ثم html
عند إنشاء صفحة تنسيق بلغة css
يجب علينا بعد تسميتها أن نكتب نقطة ثم css
عند إنشاء صفحة بلغة الجافا سكريبت
 نسميها ثم نقطة ثم نكتب الاختصار js


يمككنا تسمية صفحات الويب أي اسم نريد , لكن عادة فإن الصفحة الرئيسية يجب أن يكون اسمها   index.html
قلة من المواقع تسمي الرئيسية default.html   أو   home.html

          * * واجهتني مشكلة في الروابط التشعبية لذلك  سأدعها default كما هي

عندما نتنتهي من العمل على الموقع :
من القائمة site
close


يوجد في قائمة ملف file زري open و close
لكتهما لاغلاق صفحات ويب أو إغلاق ملف ما.

لكن ما ذكر عملة من قائمة site  هو لإغلاق الموقع بأكملة وليس فقط الصفحات.

الفرق بين قائمتي site و file :
هي أن قائمة site تساعدك على إنشاء موقع .
أما file فهي عادة لإنشاء صفحات أو ملفات , وليس لها علاقة بإنشائ موقع كامل.

وعليه لفتح موققع قد أنشاته أذهب إلى قائمة site
open site

إذا أردت حذف الموقع من القائمة ولم ترد العمل عليه بعد ذلك:
site
manage site list
remove
done

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

انتهى التعليق على الفيديو.

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