عرض مشاركة واحدة
#1  
قديم 04-05-2005, 02:18 AM
تدلــل غير متواجد حالياً
لوني المفضل : Cadetblue
رقم العضوية : 4
تاريخ التسجيل : Jan 2005
فترة الأقامة : 7052 يوم
أخر زيارة : 05-08-2011
المشاركات : 1,426 [ + ]
عدد النقاط : 500
قوة الترشيح : تدلــل is a glorious beacon of lightتدلــل is a glorious beacon of lightتدلــل is a glorious beacon of lightتدلــل is a glorious beacon of lightتدلــل is a glorious beacon of lightتدلــل is a glorious beacon of light
افتراضي دروس في الفرنت بيج



بسم الله الرحمن الرحيم
اخوان الاعضاء ارجوا المتابعه
الدرس الأول :-

تعّرف على واجهة فرونت بيج
قبل البدء في شرح رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب
* تبدأ صفحة html أو الإتش تي ام ال بـالوسم <html> وتنتهي بـالوسم </html> .
* تنقسم الصفحة إلى منطقتين هما :

1- منطقة الرأس أو الهيد: وتبدأ بـالوسم <head> وتنتهي بـالوسم </head> وتحتوي على عنوان الصفحة .
2- منطقة الجسم أو البودي: وتقع بين الوسمين <body> و </body> .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة .

والآن افتح الفرونت بيج ، ستجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview .

* القسم Normal : هو منطقة العمل التي سيتركز فيها شرحنا .
* القسم HTML : لمشاهدة الكود الذي يكتبه البرنامج خلف الصفحة .
* القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن تضيف شيء للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview .

إليك الآن شرح أهم رموز أشرطة أدوات فرونت بيج





رد مع اقتباس