شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003

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

ولكن سأحاول رسم الخطوات الأساسية لانشاء الموقع

موقع ويب عبارة عن مجموعة من صفحات HTML ورسومات يتم ربطها بواسطة ارتباطات تشعبية.

وسنعمل موقع افتراضي كواجهة رئيسية ومنها يمكن الدخول الى صفحات الموقع

أولآ نفتح صفحة جديدة من file أو ملف ثم جديد New ستفتح صفحة جديدة فارغة

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

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I2ec4

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I2ec4

لوضع صور البنر في أعلى الجدول
اضغط على ادراج ثم صورة ثم من ملف

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I3jo9

عند الضغط على الصورة الاولى نحدد مكانها يمين الجدول والثانية وسطه والثالثة في اليسار

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I4cc3

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I4cc3

ندرج الآن جدول يمين الصفحة متكون من عدد من الصفوف الافقية وعمود واحد
فائدته سنضع داخله أزرار ارتباطية ويكون عددها حسب ما ترغب سنختار 6 صفوف

اضغط على جدول أو Table ثم ادراج ثم جدول كما في الصورة :

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I6et9

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I6et9

نؤشر بالماوس على المستطيل الاول في الجدول الجديد ثم نضغط على ادراج ثم زر تبادلي كما في الصورة

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I7vp0

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I7vp0

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I5zo7

عد اختيار نوع ولون وحجم الزر التبادلي ونختار اسمه يمكن نسخه الى كافة صفوف الجدول للسهولة ثم نغير من اسم وعنوان ارتباط كل الأزرار من كلك أيمن بالماوس ثم خصائص الزر

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I8ju5

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I8ju5

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

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I9vh0

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I9vh0

"خطوط الجداول بهذه الصورة وهمية أي لا تظهر في المتصفح "

كيفية انشاء البوم للصور في الموقع

نفتح صفحة جديدة من ملف جديد في ثم نختار معرض الصور الفوتوغرافية كما في الصورة

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

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I13ng8

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I13ng8

وفي حقل تخطيط يمكن اختيار شكل الالبوم هناك أربعة أشكال للالبوم

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I15ud2

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I15ud2

ننشئ في أعلى الصفحة جدول من 3 صفوف وعمود واحد لوضع اسم البوم الصور وشعار الشبكة
ونضع زر تبادلي يكون فيه رابط الرجوع للصفحة الرئيسية

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I14sx5

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I14sx5

ملاحضة :
نحفظ جميع الاعمال التي قمنا بها من ملف ثم حفظ
نحفظ العمل سيتم حفظ الصور التي أضفناها وحفظ صفحة الالبوم بامتداد Htm
سيتم الحفظ في هذا المسار

C:\Documents and Settings\****\My Documents\My Web Sites

نغير اسم الصفحة الافتراضي الى Photo أو غيرها لتمييزه

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I12kv8

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I12kv8

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

لربط الزر التبادلي بصفحة الالبوم كلك أيمن على الزر ثم خصائص الارتباط التشعبي

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I16tt2

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I16tt2

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I17uf9

ضافة ملف فيديو من موقع آخر

سنضيف ملف فيديو من موقع يوتيوب
الفيلم على الرابط التالي

https://www.youtube.com/watch?v=sgDUHVDwb4w

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

سنستبدل هذه الجملة watch?v= بهذه /v/ ليصبح الرابط :

https://www.youtube.com/v/sgDUHVDwb4w

نفتح الفرونت بيج في الواجهة الرئيسية نحدد المكان الذي نريد وضع الفيديو فيه (كلك بالماوس على المكان )

نضغط على ادراج ثم Web Component ستظهر نافذة نختار عناصر تحكم متقدمة ثم نؤشر على فيلم بتنسيق Flash

ستظهر لنا نافذة لتحديد الملف نلصق الرابط للفيلم الذي عملنا عليه التغيير الأخير سيتم الاتصال بالموقع
شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I20ok6

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I20ok6

ثم يظهر لنا مربع فلاش في المكان الذي حددناه بواجهة الموقع
يمكننا تغيير طول وعرض مربع الفلاش بسحبه بالماوس لتكبير العرض

بعدها نحفظ العمل ثم نستعرض الصفحة بواسطة المتصفح وذلك بالضغط على ملف ثم معاينة في المستعرض

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I21wq2

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 I21wq2

شرح مبسط وسريع لكيفية عمل موقع على الانترنيت باستخدام برنامج فرونت بيج 2003 86167

منقول

» حمل برنامج الفرونت بيدج 2003 عربي بالسيريل
» تعلم برنامج أكسس 2003 بالصوت والصورة مستويين روووعــــــــــــة
» اسطوانة رائعة في تعليم برنامج اكسل 2003 بحجم صغير 129 ميجا بايت فقط
» موقع رائع لشرح برنامج الفرونت بيدج اكس بي و2003
» كيفية نقل موضوع من موقع الي موقع آخر عن طريق نسخ ولصق