حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مصدر الموضوع الاصلي: حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]إدخل هنا لو تريد بنفسك تصميم موقع الكتروني+حجز إستضافة+رفع ملفات موقعك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
فهرس الموضوع
أولا : تصميم
موقع الكتروني
-
نبذة عن البرنامج الفرونت بيج
2003.
- 70 درس إسطوانة فديو فلاشية صوت وصورة بحجم صغير.
- تصميم موقع بسيط للمبتدئيين.
- تصميم موقع متقدم.
ثانيا : شرح حجز
مساحة على إستضافة
ثالثا : شرح رفع
ملفات الموقع على الإستضافة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أولا : تصميم موقع
الكتروني
هذا البرنامج
تم شرحه كثيرا في معظم المنتديات ولكن هناك بعض الجوانب الأخري لم يتطرق
لها أحد ونحاول هنا التطرق لها حتي يستطيع المبتدئيين
أن يتعرفوا عليها ويستفيدوا منها في إنشاء موقع لهم شخصي أو تجاري مثل
المحترفين.

ماهو برنامج الفرنت بيج 2003؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أسهل البرامج على الإطلاق لتصميم
المواقع على الأنترنت وهو من عائلة الأوفيس ميكروسوفت حيث من إستعمل برنامج
الوورد أو البوربوينت أو الإكسيل من قبل فسيجد أن التعامل معه في غاية
السهولة.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أين يوجد
البرنامج ؟

Start -
Programmes - Microsoft Frontpage
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كيف يمكن تحميل
برنامج الفرونت بيج فقط ؟

أوعدة روابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Portable_Microsoft_FrontPage_2003_Arabic
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هل
يوجد تعليم بالصوت والصورة لبرنامج الفرونت بيج؟

نعم أكثر من 70 درس فيديو فلاشي شامل كل البرنامج بالصوت
والصورة.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هل
ممكن نظرة سريعة على واجهة البرنامج ؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شريط العنوان Title Bar
يوجد بهذا الشريط رمز البرنامج واسمه
واسم صفحة الويب الحالية. كما يوجد 3 مفاتيح على الجهة اليمني شمفتاح
الإغلاق ومفتاح الاستعادة والتكبير ومفتاح التصغير للبرنامج.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شريط القوائم Menu Bar
يحتوي بهذا الشريط على القوائم
الأساسية للبرنامج وقد تم تقسيمها حسب طبيعة وظيفتها إلي مجموعات . مثال
جميع الخيارات التي
تخص التعامل مع الصفحات توجد في قائمة File وكل عملياتالخاصة بالتكبير
الخطوط وتغيير اشكالها داخل قائمة Format وهكذا.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شريط الأدوات القياسية Standard Toolbar

يحتوي بهذا
الشريط الأدوات القياسية الأساسية التي تستعمل بكثرة أثناء العمل مثل اداة
الحفظ وأداة فتح ملف وهكذا الحال بدلا من فتح القوائم والبحث داخلها عن الأداة
المراد العمل بها.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شريط أدوات التنسيق Formatting Toolbar

يحتوي على
الأدوات التنسيق الأساسية مثل أداة التوسيط الخط وهي أدوات سريعة للتنفيذ
العمل.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

شريط الحالة Status Bar

يوجد اسفل واجهة
البرنامج ويبين حالة البرامج الحالية وأيضاً يعرض التعليمات الخاصة بالامر
المراد تنفيذه.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
صفحة التصميم Page

وهي المساحة
الخالية البيضاء التي في وسط البرنامج وفيها يتم اضافة كل محتويات الصفحة
المصممة من خطوط وصور وجداوال
وارتباطات وهي تأخذ 3 أشكال للتعامل معها.

Normal يمكنك التعامل مع صفحة التصميم مثل أي صفحة
عادية مثل برنامج الوورد.

HTML يمكنك التعامل مع صفحة التصميم مثل تحرير بلغة
الهوتميل حيث يم كتابة الاكواد بها.

Preview يمكنك هنا عرض صفحة المصممة كأنها تعرض على
متصفح الاكسبلوور لإختبارها.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لوحة المهام Task Pane

وهي من اللوحات
المهمة وفيها يتم إنجاز بعض المهام بشكل أسهل وسريع ولإظهارها Ctrl+F1
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
تصميم
الموقع يدوياً بالإعتماد على أنفسنا فقط

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بداية قبل كل شيء علينا فتح مجلد باسم الموقع ونضعه على
السطح ثم ننشيء داخله عدة مجلدات فرعية اخري مثل هذه الصورة كعملية تنظمية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

1- فتح صفحة جديد بيضاء عن طريق
قائمة file - new.
2-عمل جدول حتي استطيع التحرك داخله والعمل بشكل منظم
من قائمة table - insert
- table وليكن من 2 صفوف و2 أعمدة .
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

3- نحدد الخليتين وكليك يمين ثم
دمج merge cells وهكذا للخلية الثانية ثم نقف على
الثانية وكليك يمين ونختار تقسيم
الخلية 3 اجزاء.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
4- ندخل في الخلية الاولي صورة كبنر أو نقسم الخلية إلي
3 أجزاء نضع صورتين وكتابة في المنتصف.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

5- نقف على الخلية الثانية اسفل
اليمني ونعمل بها 6 صفوف لوضع فيها اسم المواضيع
كليك يمين ثم spilt rows .وهكذا
للخلية اليسري.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

6- نكتب اسماء المواضيع المراد
كتابتها في القائمة اليمني والشمال ونكتب اي معلومات كتابة في المنتصف مثل
الوورد تماما وتنسيقات الخط كلها.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

7- بعد الانتهاء من العمل علينا
إلغاء خطوط الجدول الكبير كليك يمين خصائص الجدول مثل الصورة .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

8- يمكن تكبير الخلية الثانية
المكونة من 3 قوائم بالسحب من طرف اخر خلية ثم السحب لاسفل ونلاحظ خلية
الصف اصبحت
كبيرة والخلايا
الاخري صغيرة نعلم على كل خلايا الصف ثم من قائمة جدول نختار مثل مافي
الصورة.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان جاء وقت حفظ
العمل من قائمة file - save
as - وتسمي هذه الصفحة الرئيسية للموقع index
وهي الام لكل الصفحات الاخري.لدينا الان صفحة تسمي
رئيسية مبسطة أنشئت علينا الان عمل صفحات فرعية بعدد اسماء المواضيع في كل
قائمة ونسمي كل صفحة باسم معيت لها ولكن باللغة
الانجليزية ونربط بين هذه الصفحات الفرعية والصفحة الرئيسية.

لعمل صفحة فرعية من قائمة file - new ونكتب فيها تفاصيل الرابط الاول في القائمة اليمني
على سبيل المثال وننسق الكتابات مثل الوورد ثم نحفظ هذه
الصفحة ونكتب اسم جديد لها بدلا من index ولا
ننسي حفظها داخل المجلد المسمي pages حيث توضع فيه كل الصفحات
الرئيسية هنا. وهكذا نعمل صفحات جديدة باسم كل موضوع في القائمة اليمني
واليسري ونحفظها باسم يخصها.

جاء الان موضوع الربط بين الصفحة الام والصفحات الرئيسية نقف على
الصفحة الرئيسية عن طريق فتحها عن طريق البرنامج file - open ثم نقف على اول موضوع وليكن هنا شريط العنوان
ونعلم عليه ومن قائمة insert - Heperlink
يظهر هذا الشباك
ونفعل كما في الصورة.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سوف يتم التكملة
الموضوع للمتقدمين هنا
ولكن سوف نكمل باقي الخطوات الموقع البسيط لعمل
استضافة ثم رفعه على الانترنت حتي لاينتظر المبتدئيين في المشاركتين التاليتين مباشرة حتي
لايتوه الموضوع.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لمن
يجد صعوبة في مشاهدة الصوريمكن تحميلها من هنا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
شرح بعض القوائم
الهامة والبعيدة عن كل مستخدم؟
قريبا إن شاء
الله
1- قائمة
Behaviors وهي من أهم القوائم المخفية في
البرنامج وبه 13 خاصية تقريباً تسهل العمل وتعطيك مميزات وحركات ديناميكة
إضافية في تصميم الموقع مثل :
jump menu + go to url
open browser window +set text of
status bar
swap images +preload images
popup message +play sound
control properties in flash+chech
plug-in
change property+change browser+ cal
script

2- Hover Button هناك أزرار مخفية
في هذه النسخة غير الأزرار الظاهرة الأخري للبرنامج Interactive
Button
3- Banner ad
Manager هناك خاصية مخفية أيضاُ ومن خلالها
تستطيع عمل شكل إستعراضي متعاقب للصور.
4- Photo Gallery
يمكنك هنا عمل ألبوم لصور توضع في الموقع ب4 طرق
مختلفة مع بعض الإمكانيات الجميلة.
5- Backgrounf
Sound عمل خلفية صوتية تعمل في خلفية الصفحة
وخصوصاً ذات الإمتداد WAV , TAM, MID
6- Transition
Page عمل تأثيرات عند الدخول أو الخروج من
الصفحة بشكل جميل.
7- Movie In
Flash Format إدخال فلاش
8- Video إدخال فيديو
9- أدخال أي
مستند سواء من ملفات الأوفيس او بي دي إف
10- Marquee
عمل نص متحرك كشريط الأخبار وطريقة تغيير إتجاه
بدلا من اليمين أو اليسار سوف نجعله أيضا يتحرك إلي أسفل أو أعلي .
12- الارتباطات
Heperlink وعملها
بالتفصيل.
11- أكواد جاهزة
12- مولد شريط
الاسكرول


	توقيع Malak 2010

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مصدر الموضوع الاصلي: حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

شكرااا
الله يعطيـــــــــــــــــــ العـــــــــــــافيه ــــــــــــــــــــك


	توقيع اميرة

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مصدر الموضوع الاصلي: حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك


	توقيع صدام

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مصدر الموضوع الاصلي: حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

شكرا للموضوع الرائع


	توقيع MW-Dz

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مصدر الموضوع الاصلي: حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


	توقيع Black Beauty

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

حصريا بنفسك صمم موقع الكتروني+حجز إستضافة +رفع ملفات موقعك

مواضيع مماثلة

مواضيع مماثلة