|
واجهة البرنامج
* هذا هو قسم الفرونت بيج .. البرنامج الذي
حظي باهتمام الكثير من المصممن ( المبتدئين والمحترفين )
ولأهميته وتعدد إمكانياته فقد أفردناه بقسم مستقل يحتوي على
مجموعة من الدروس .
** تمهيـــد :
قبل البدء في شرح
رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب
:
* تبدأ
صفحة html أو الإتش تي ام ال بـالوسم <html> وتنتهي بـالوسم
</html> .
* تنقسم الصفحة إلى منطقتين هما :
1-
منطقة الرأس أو الهيد: وتبدأ بـالوسم
<head> وتنتهي بـالوسم </head> وتحتوي على عنوان الصفحة
.
2-
منطقة الجسم أو
البودي: وتقع بين
الوسمين <body> و </body> .. وكل ما سيظهر في الصفحة
سيكون موجود في هذه المنطقة .
والآن افتح الفرونت بيج
، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal /
HTML / Preview .
*
القسم Normal
: هو منطقة العمل
التي سيتركز فيها شرحنا .
* القسم
HTML : لمشاهدة
الكود الذي يكتبه البرنامج خلف الصفحة .
*
القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف
شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة
Preview .
** شرح أهم رموز أشرطة
أدوات فرونت بيج
|
