17:00 | 
مرسلة بواسطة
aweb4
بسم الله الرحمان الرحيم
زوارة مدونتي مدونة عرب ويب الأفاضل أهلا وسهلا بكم في هذا الدرس العملاق
والذي تطلب مني مجهودا كبيرا
الدرس هو عبارة عن برمجة موقع باستعمال برنامج Fronte Page
وهذا الدرس تابع لدورتي لدروس تعليم البرمجة للمبتدئين
نبدأ العمل بحول الله ونفتح البرنامج
أول شيء سأبدأ بشرح القوائم المهمة
والصور تشرح كل شيء
قائمة edition
قائمة insertion
قائمة format
الآن نختار وضعية Fractionné والتي أفضلها شخصيا
لأنها تعطينا تفصيل الضفحة على جزئين واحد خاص بالأكواد والآخر بالمحتوى الظاهري
هذا أول كود تجده في منطقة الكود وهذا تفسير بسيط له
أول شيء نبدأ العمل ونختار واجهة للموقع
نختار الواجهة التي أعجبتنا
تمت العملية بنجاح وهذه النتيجة
تمت اضافة سطر جديد تلقائيا في الأكواد وهو الخاص بالاستايل
نأتي الآن لتقسيم الصفحة
نختار التقيم الذي يعجبنا
ثم نلاحظ النتيجة
بعد أن رأيت النتيجة لاتنقر على أي شيء
أنقر مباشرة على زر الوسط ليكون موقعك منظم جيدا
ثم اقفل منطقة التقسيم لأننا لانحتاجها
الان اذهب واصنع مجلد جديد لنحفظ فيه ملفات الموقع
سمه ماتشاء
داخل هذا المجلد نفتح مجلد جديد نخصصه للصور
هام جدا: أي صورة تريد وضعها في موقعك ضعها في هذا المجلد المخصص للصور
مثلا انا اريد وضع هذه الصورة في أعلى الموقع على شكل هيدر
أضعها أولا في مجلد images
ثم أنقر وسط الصفحة في المكان الذي اريد ان اضع فيه الصورة
ثم نعمل التالي
اختر تلك الصورة
تمت اضافتها بنجاح
أنقر على الصورة ولاحظ الكود الخاص بالصورة
الآن سنغير حجم الصورة ليتناسب مع تصميم الموقع
من خلال الكود نعدل التالي
ثم نسجل كل ماعملناه في المجلد الذي فتحنا سابقا (سميته انا aweb4 )
الآ سنضيف قائمة جانبية
نضغط في المكان الذي سنضيف فيه الزد
ثم نذهب الى التالي
نختار شكل الزر ثم الكتابة التي ستكون فيه
ننتقل لتغيير الخط من هنا
script type="text/javascript">
نختار مانريده في الخط
ننتقل لتغيير الحجم
نختار الحجم المناسب لنا
ثم نضيفها بالنقر على ok فنلاحظ النتيجة
بنفس الطريقة نضيف أزرار اخرى بأشكال أخرى
ثم نضيف قائمة أخرى في مكان آخر من الموقع
والنتيجة في الأخير نصل الى
ثم نملأ الموقع بما نريده بكتابات وصور الخ ....
لملاحظة شكل الموقع ننقر عل apercu
ماوصلت اليه انا هو
الآن سنغير اسم الموقع من خلال الكود
ثم اعمل حفض
سيظهر لك التالي
ثم
وأخيرا ok
الآن انتهينا من صفحة واحدة فقط
بنفس الطريقة تصنع صفحات أخرى وكل صفحة تنظمها كما تريد
كل صفحة تضع فيها أشياء مختلفة عن الأخرى
وفي الأخير تربط بين الصفحات كالتالي
أصنع صفحة مثلا خاصة بالبرامج
أضع فيها ما أريد ثم أسجلها تحت الاسم الذي أريد
نذهب في الصفحة الأولى الى المنطقة الخاصة ببرامج الجماية
ثم ننقر عليها مرتين
هنا نختار رابط الصفحة التي صنعناها المخصصة لعرض البرامج
هاهي كما سميتها انا
عند العودة الى الصفحة الرئيسية والنقر على "برامج الحماية"
ستأخدك الى الصفحة الجديدة التي خصصناها للبرامج
هكذا يكون درسي الشامل على أساسيات Fronte Page قد انتهى
أتمنى منكم تقدير مجهودي الكبير في هذا الدرس بتعليقاتكم المشجعة
وأي شيء غير مفهوم فأنا هنا ومستعد لشرحه
في الأخير أتمنى منكم أن تدعوا لي ولوالدي
تقدبلوا تحيات/ المبرمج عبدالواحد اعضضا
والسلام عليكم ورحمة الله تعالى وبركاته
جميع الحقوق محفوظة مدونة عرب ويب 2009 (c)
التسميات:
للمبتدئين في صناعة المواقع
الاشتراك في:
تعليقات الرسالة (Atom)
0 التعليقات:
إرسال تعليق