6- انشاء صفحة الكترونية بسيطه

في هذا الدرس سنقوم بالدخول الفعلي الى الغاية من تعلم سيناترا وهو عمل موقع الكتروني متكامل ومن خلال دروس بسيطه نتمكن من انشاء اول موقع لنا باستخدام لغات وصفية داعمة مثل html &css  والتي لا بد لكل مطور مواقع ويب ان يلم بالاعم منها لانها تمثل الواجهة المهمه للمواقع...

هناك موقع خفيف ومبسط لتعلم هذه اللغة بصورة نظرية وعمليه ويمكن مع قليل من الاصرار والتوجه ان تستكمل المنهج خلال يومين لا اكثر من خلال زيارته على هذا الرابط :- 

http://www.w3schools.com

الان دعونا نتوجه الى المثال الاول لعمل صفحة تعريفية بسيطة

اولا نقوم بفتح محرر النصوص ونقوم بكتابة كود html بسيط ونقوم بخزنها بامتداد tt.erb  والذي يعني ان هذا الملف مدمج مع روبيembedded) (Ruby.

ملاحظة مهمة جدا:- من الواجب ان نقوم بانشاء مجلد باسم views  حيث ان معالج سيناترا يقوم بالبحث عن هذا الملف لتنفيذ ما بداخله وهنا نحن قمنا بانشاء هذا المجلد كما في الصورة التالية:-
 

اعداد مجلد views داخل المجلد العام وخزن الملف  tt.erb

 الان نتوجه الى المحرر لنقوم بكتابة الكود كما هو موضح ادناه..

اعداد صفحة الـ html 

الى هنا اكملنا صفحة الهتمل وهي كما ترى بسيطة جدا لغرض توضيح الية الربط بينها وبين سيناترا عن طريق التالي كما هو مبين في الصورة التالية :-

ربط ملف روبي مع صفحة html

طبعا شكل الكود مجملا ليس غريبا ولكن الاضافة الوحيدة هي erb :tt

وهو اننا نعلم سيناترا بانه عليها ان تفتح ملف مدمج مع روبي اسمه tt الذي انشأناه سابقا ..

 الان نذهب الى المتصفح لنرى النتيجة ...

عرض الملف على المتصفح

 هذه ابسط طريقة للتعامل مع كود html وانشاء صفحة مبسطه وكما قلنا سيناترا تتعامل مع الواجهة الخلفية للموقع وهي البرمجة وادارة قواعد البيانات والمحتوى, في الدروس التالية سنتعامل مع مواقع اكثر تعقيدا وتطورا حتى نصل الى  انتاج موقع متكامل .