تسجيل الدخول

مشاهدة النسخة كاملة : الدرس الاول : تعرف على واجه الفرونت بيج

السيكا ميكا
09-30-2003, 02:33 PM
ولكن قبل البدء في شرح رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب
تبدأ صفحة html أو الإتش تي ام ال بـالوسم <html> وتنتهي بـالوسم </html>

تنقسم الصفحة إلى منطقتين هما :


1- منطقة الرأس (head): وتبدأ بـالوسم <head> وتنتهي بـالوسم </head> وتحتوي على عنوان الصفحة .

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

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

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

للصفحة في قسم Normal قم بمشاهدة طريقة ظهوره في منطقة Preview
اي ان ما تطبقه في العادي او ما نسميها بمكان عمل التصميم Normal نجدها في المعاينه بالشكل الذي نريد ان نصممه وتسمى كما سبق بالمعاينه Preview

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

http://www.gazanet.4t.com/Fp1-1.gif
http://www.gazanet.4t.com/Fp2-1.gif


اتمنى ان يكون البرنامج لدى الكل حيث انه اسهل برنامج لتصميم المواقع ويحتوي على كثير من الالغاز والاسرار والابداع به تميز


والدرس القادم سوف يكون بالقريب العاجل انتظرونا وسنرى ابداعاتكم قريبا با اذن الله
ودمتم بود
اخوكم
السيكا ميكا
السيكا ميكا
10-01-2003, 12:00 PM
وهذه صوره لواجه برنامج فرونت بيج 2000 عند فتحه

http://www.latef.co.il/learning/front%20page/asasiat%20f.p.files/1-3.gif

اما برنامج الفرونت بيج غالبا ما يكون متواجد باجهزه الكمبيوتر الشخصيه داخل حزمه الافس واسمه باللغه الانجليزيه( Microsoft FrontPage )


هذا برنامج فرونت بيج 2000 :
حجم الملف: 273.00 MB
حجم الملف كبير نوعاً ما لكن النسخة كاملة و مجانية فإذا اردت تنزيله :
http://www.absba.com/modules.php?na...=getit&lid=1803

إذا لم يعجبك حجم الفرونت بيج السابق يمكنك تنزيل :
FRONT PAGE 98
حجم الملف: 27.00 MB
http://www.absba.com/modules.php?na...op=getit&lid=79
أوكي ايضا ان لم يعجبك حجمه إليك نسخة خفيفة الحجم :
FrontPage Express v 2.0.2.1129
نسخة خفيفة نظيفة
الحجم : أقل من واحد ميجا و نصف
يعنى ميجا فقط ذو مميزات روعة ...
http://www.absba.com/modules.php?na...p=getit&lid=410



وانصح الاعضاء بتحميل اوفس اكس بي وهو يحتوي على الفرونت بيج 2000
وهذا السريل نمبر للاوفس اكس بي
fm9fy-tmf7q-kckct-v9t29-tbbbg

عليكم ان تحاولو انت تتعلموا وليكن فضولكم هو الدافع في تصفح هذا البرنامج وسنبدى الدرس الثاني با اسرع وقت ممكن

وبهذا ينتهي الدرس الاول وسيكون الدرس الثاني عباره عن كيفيه وضع القوالب لتصميم واجه لموقع بني عمرو واتمنى ان يكون هناك من يحاول ان يطبق التمارين لكي يتم تطبيق هذه الدرووس وتتم الفائده المرجوه با اذن الله
تقبلو تحياتي
اخوكم
السيكا ميكا
سماااا
10-01-2003, 12:25 PM
يسلمك ربى ياسيكاميكاااااا

دروسك ممتازة لكن .....احاول اتابعها اكثر
سداح
10-01-2003, 08:52 PM
عزيزي السيكا ميكا
اشكرك كل الشكر يا أستاذنا الحبيب..
أنا أستخدم (( Windows 98 )) لأنه أسهل من غيره في نظري . ثم أجد بعض الصعوبات من حيث النقل من الموقع الي موجودٍ به الموضوع ألى ألمكان الذى أريد ألزقه فيه خاصةً اٍذا كان صوت وصوره. مثلاً // من البريد سواً كان من ( hot mail ) أو من ( yahoo ) أبغى أضعه فى المنتدى .

ماذا أعمل ؟ ... مع تحيات أخوك سداح .
السيكا ميكا
10-02-2003, 04:26 AM
الرسالة الأصلية كتبت بواسطة سداح
عزيزي السيكا ميكا
اشكرك كل الشكر يا أستاذنا الحبيب..
أنا أستخدم (( Windows 98 )) لأنه أسهل من غيره في نظري . ثم أجد بعض الصعوبات من حيث النقل من الموقع الي موجودٍ به الموضوع ألى ألمكان الذى أريد ألزقه فيه خاصةً اٍذا كان صوت وصوره. مثلاً // من البريد سواً كان من ( hot mail ) أو من ( yahoo ) أبغى أضعه فى المنتدى .

ماذا أعمل ؟ ... مع تحيات أخوك سداح .


هلا وغلا فيك اخوي سداح سعدت بمتا بعتك واسمح لي ان اقووول لك انني ما زلت اتعلم لم اصل الى درجه مدرس او استاذ
على كل حال ما لدي سووف اعطيه اياكم ولن ابخل به عليكم


اما النقطه التي ذكرتها اعتقد انها خارج نطاق الموضووع
واللي فهمته منك انه موجود لديك صور بالايميل وتبي تنزلها بالمنتدى

هذه الطريقه سهله بالمره
ولها طريقتين الاولى وهي انك تاخذ االرابط
كيف تاخذ الرابط ؟؟
اقوولك كيف >>>>>>> تجي على الصوره وتضغظ على الصوره بزر الفاره الايمين تطلع لك قائمه تختار اخر اختيار اللي هو
خصااائص(Properties) بعدها تفتح لك نافذه فيها خصائص الصوره
ومنها الوصف ومكان الصوره وعنوان الصوره على المتصفح وحجمها وايضا تاريخها
اللي يهمنا منها اهوو العنوان على المتصفح { ( address: (URL}
وقدامها رابط تضلل الرابط بالماوس كاملا وتضغط الزرالايمن للفاره وتختار نسخ (copy)

بعدين ترووح للمنتدى وتحط الرابط اللي انت نسخت بين هالكلمتين اللي في المثال او تختار البراواز اللي بالسطر الثاني فووق من اوامر تحرير الكتابه بالمنتدى وتحط الرابط فيها
او تحط الرابط كما هو في هذا المثال :


يعني ابد تحفظ الصوره على جهازك هذا اذا
تحط الرابط هنا
وبعد التنفيذ سوف ترى الصوره جاهزه على المنتدى ملصوووقه من دون ان يكون لها رابط معين



وهذه كانت احدى الطرق اما اذا اردت ان تحفظ الصوره على جهازك ومن ثما تجعل لها رابطا اخر وتكمل الطريقه السابقه بوضعه بين الكود
تحط الرابط هنا
فهي سهله
ابد كل ما عليك ترعص على الماوس بالزر الايمن وهي على الصوره وتختار حفظ با اسم

وبعدها تروح لا احد المواقع وتنزل الصوره عندهم بواسطه المستعرض او الاف تي بي والطريقه سهله لا تهمك الاساامي بس انا اذكرها للفائده والمعلوميه
ومن هالمواقع
مركز التحميل المجاني (http://www.arab7.com/)
موقع نساف (http://www.nssaf.com/go.php)


هذي موقعين انشااء الله بتفيدك بتنزيل الصوره اللي تبيها طبعا لابد ان تكون محفوظه بجهازك
وبعد ما تنزل الصوره وتتحمل للموقه بيطلع لك الرابط
وانسخ الرابط وابد حطه بين الكود السابق بالمنتدى
تحط الرابط هنا



اتمنى ان اوصلت لك المعلومه التي تحتاجها واذا مو هذا اللي تبي اتمنى انك تسئل وانشااء الله اني احاول افيدك بقدر المستطاع


تقبل تحياتي












اختي سمااا شكرا على مرورك وتوقيع حظورك يسعدني تواجدكم
اخوكم
السيكا ميكا
صالح آل سلمان
10-02-2003, 04:31 AM
الف شكر اخي العزيز على مجهوداتك الممتازة في سبيل تقديم ما يخدم المنتدى الغالي علينا جميعاً0
تقبل تحيات اخوك
دباس الجارح
العذب
10-03-2003, 10:42 PM
أشكرك كل الشكر يا السيكاميكا

والله أني العام أخذت دورة بتصميم المواقع ولكن ماأظن أني أستفدت زي ما أستفدت هالحين من ذا الموضوع

وفي الدروس القادمة إن شاء الله , أطلب منك إذا ما عليك كلفة إنك تنزل للشباب بالمنتدى برامج ( الفوتوشوب / الفلاش أو السكربت )

وأتمنالك التوفيق بإذن الله

وترى بنكون حريصين على موضوعك المتواصل وتأكد من ذلك , ويعطيك ألف عافية

تحياتووووووووا
أخوك المطــــــلا
بن فارس
10-03-2003, 11:35 PM
http://remansho.jeeran.com/n38bar.gif
http://www.iamomar.8m.com/images/backbghearts.gif

الشكر كلمه معتاده ومهما قلنا فلن نوفيك حقك من التقدير يا اخي سكو الله يعطيك العافيه يا استاذنا الكريم

http://www.iamomar.8m.com/images/backbghearts.gif

http://remansho.jeeran.com/n38bar.gif
السيكا ميكا
10-04-2003, 12:10 AM
دباااااااس الجارح شكرا على مرورك
وتراني ما استغني عن تواجد ومتابعتك



تقبل تحياتي
سعيد بن عبدالله
10-04-2003, 01:10 AM
بصـــــــــــــــــــــــــراحــــــــــــــــــــ ـة
وبدون كذب أو مجاملة
ما فهمت شيء أبدا
أبدا أبدا ولا شيء
ولا أدري وش تتكلم عنه
لكن أشوف الشباب متفاعلين
وشاكرين لك ومقدرين
فقلت أقول شيء حتى أنا

مشكور أخ سيكا ميكا
وفي الحقيقة استفدت كثيرا من اللي تقول
واشكرك على اهتمامك بأعظاء المنتدى
اتمنى لك التوفيق والنجاح
وأهلا وسهلا بك
السيكا ميكا
10-04-2003, 02:10 AM
الرسالة الأصلية كتبت بواسطة سعيد بن عبدالله
بصـــــــــــــــــــــــــراحــــــــــــــــــــ ـة
وبدون كذب أو مجاملة
ما فهمت شيء أبدا
أبدا أبدا ولا شيء
ولا أدري وش تتكلم عنه
لكن أشوف الشباب متفاعلين
وشاكرين لك ومقدرين
فقلت أقول شيء حتى أنا

مشكور أخ سيكا ميكا
وفي الحقيقة استفدت كثيرا من اللي تقول
واشكرك على اهتمامك بأعظاء المنتدى
اتمنى لك التوفيق والنجاح
وأهلا وسهلا بك

حياك الله ونورت موضووعي وانا ابحث عن مثل هذه التعليقات والاسئله كي اوصل المعلومه كما ينبغي
فلا يخفى عليكم ان الشرح لا تتم فائدته الا بالسؤال والتكرار لكي يرسخ في الذهن
وسووف يكون التطبيق للشروح هو احد الاسباب الرئيسيه للفهم والابداع


الحين يا سعيد بن عبدالله ما سئلت نفسك كيف المواقع هذي وكيف يسووونها هذا هو سبب درسي هذا


الموقع يتصمم عن طريق عده برامج انا اخترت لكم اهم برنامج واسهل برنامج فيها واحاول جاهدا اني افهم الكل
لا بد عشان تعرف شرحي ووش انا قاعد اقووول لك انك تحمل البرنامج اذا ما كن موجود معك
والبرنامج يجي مع الونودز في قائمه الاوفس زي برنامج الكتابه اللي هوه الورد

وبرامج التصميم كثيره وانا ما ابي اكثر عليك برنامج واحد واتمنى انك تفهمه
واذا ما عرفت ابد انا بالخدمه مسنجري موجود على التوقيع وارحب بجميع الاعضاااء ومستعد للمساعده اي كانت
ولك مني فائق احترامي وشكر خاص على صراحتك
لانني ما احب احد يقوول فهم وهو ما فهم
المجامله في مثل هذه المواضيع اتمنى ان تكون مقروووونه بالفهم


لك خالص تحياتي
ودمت بود
اخوك السيكا
سداح
10-05-2003, 07:52 PM
أخي السيكا ميكا
والله العظيم انك ما قصرت . أشكرك على جهودك الجباره .
أنا اول واحد أستفاد من شرحك الذي لايمل . فعلاً نسخته .
وأدرسه بين فترةً وأخرى . لايفوتني الا أن أقول ( قم للمعلم ووفه التبجيلا كاد المعلم ان يكون رسولا )
أكرر شكري وتقديري .
أخوك // سداح
ابوعمر
10-05-2003, 09:28 PM
اخي السيكا جزاك الله الف خير
وعندي سؤال
كيف ادرج صورة من موقع في صفحة فرنت بيج بدون ان احملها على موقعي
مثل ادارج صورة في المنتدى من موقع اخر ولك الشكر
عناد الجرح
10-05-2003, 11:00 PM
الله يعطيك الف صحه وعافيه ومجهود تشكر عليه جدا
موضوووع مميز من رجل متميز
وتقبل تحياتي الصادقه
اخووووووووووووك ff)
السيكا ميكا
10-06-2003, 09:31 PM
مفارق الخلان
المطلا
بن فارس
سداح
ابو عمر
عناد الجرح





تواجدكم يثلج صدري ويزيدني حماس على ايصال ما عندي لكم
اتمنى ان اوفق باذن الله
وشكرا لكم ولكل كلمات التقدير والعرفان التي ارى انني عاجز عن الرد عليها
فلكم مني خالص تحياتي وامنياتي للجميع بالتوفيق
ودمتم بود
اخوكم
السيكا ميكا
السيكا ميكا
10-06-2003, 09:45 PM
اخي الفاضل ابو عمر
شكر لسؤالك علما با ان السؤال الذي تطرقت اليه هو سوف يكون بالدروس القادمه با اكثر توضيح ولك مني هذا الشرح الذي اتمنى ان تجد فيه ضالتك


http://www.rnoo.com/00001.psd.jpg

يعني تختار اضاافه صوره كانك بتحطها من الجهاز


وبعدين تتبع الخطوه التاليه بعد ما يفتح لك مستعرض الصور اللي بجهازك

http://members.lycos.co.uk/qetharah/up/up/sikamika01.jpg


وتطبق زي ما في الصوره بدال ما تختار ملف تكتب الرابط في المكان اللي مفرووض انه يكون اسم الملف وبتطلع معك الصوره في المعاينه اذا كنت متصلا بالانترنت او اكس اذا ما كان هناك اتصال
تقبل تحياتي وشكرا لتواجدك واستفسارك
وانا بالخدمه خيووو باي وقت تحت امرك
الهاشم
11-05-2003, 01:28 AM
تسلم ايدك يالغالي

الله يوفقك
وعساك سالم
الحب الحب
11-05-2003, 01:54 AM
الله يعطيك العافيه