حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w

المدير عدد الرسائل : 774 تاريخ التسجيل : 02/11/2007

كلكم
تدرون انه في وايد مواقع بالانترنت وملايين المواقع وليش انته ماتصير من
بين هذول المواقع ويكون عندك موقعك الخاص انا الحين بعلمك شلون تسوي موقعك
الخاص
===========================
Front Page XP 2002
مقدمة :
يستخدم
هذا البرنامج لتصميم صفحات الوب ، ومن ثم نشرها على الشبكة العالمية
باستخدام المتصفح والذي يعتمد على لغة HTML وهي اختصار لـ Hypertext
Markup Language أي لغة توسيم النص الترابطي ، وهي عبارة عن لغة مبسطة
جداً تستخدم لتوصيف البيانات وإنشاء ملفات تنتهي بالامتداد HTML أو Htm .
وهي أكثر الملفات شيوعاً في بيئة الانترنت والتي يتم فتحها بواسطة أي
متصفح .
وقد كان إنشاء هذه الملفات في الماضي يقتضي وجود دراية كاملة
بهذه اللغة من قبل مصمم الموقع مما يتطلب وقتاً طويلاً لإنشاء صفحة واحدة
، إلا أن الشركات الكبرى قامت بتطوير تطبيقات برمجية خاصة سهلت إنشاء مثل
هذه الصفحات دون الحاجة إلى الإلمام بلغة HTML معتمدة أسلوب ما تراه هو ما
تحصل عليه ، وبعبارة أخرى فإن ما تراه على شاشة الكمبيوتر أمامك أثناء
تصميم الموقع هو ذاته الذي ستراه على الويب بعد أن تنهي موقعك وتطلقه إلى
الانترنت ، إذ يتوفر للمستخدم بيئة رسومية سهلة يستطيع من خلالها تحرير
الصفحة بكل بساطة وكأنه يقوم بتنسيق ملف Word
- وعادةً تتكون صفحة الويب الرئيسية من ثلاث أقسام رئيسية هي :
أ) الرأس : يوجد في أعلى الصفحة ، ويوضح موضوع الصفحة ولقب المستند وأي ألقاب فرعية ، وممكن أن يحتوي على رسم أو شعار .
ب) الجسم : ويوجد في وسط الصفحة وغالباً يتألف من محتويات السمتند وممكن أن يحتوي على ارتباطات .
ج)
التذييل : ويوجد في أسفل صفحة الوب ويتألف من ارتباطات انتقال إلى صفحات
أخرى في الموقع . وممكن أن يحتوي على اسم منشئ الموقع وأي معلومات أخرى .
يتكون
موقع الوب من صفحة واحدة رئيسية أو عدة صفحات وعادةً تكون الصفحة الأولى
هي الصفحة الرئيسية وتُسمى default.htm أو index.htm وذلك يعتمد على
محركات النشر : ومن أشهر البرامج المستخدمة في إنشاء صفحات الوب هو برنامج
Microsoft FrontPage
تشغيل البرنامج :
لتشغيل البرنامج انقر الزر Start ثم اختر Programs ثم اختر Microsoft FrontPage فيتم عرض صفحة فارغة جاهزة للتحرير
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Start

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Start

===========================================
وتتكون نافذة البرنامج من :

1. شريط القوائم Menu Bar : حيث يوجد اعلى شاشة البرنامج ويحتوي على بعض القوائم .

2.
شريط الأدوات القياسي Standard Tool Bar : يوجد أسفل الشريط السابق ،
يحتوي على بعض الرموز الخاصة بفتح الملفات والنسخ والطباعة والقص .

3. شريط أدوات التنسيق Formatting Tool Bar : يوجد أسفل الشريط السابق ويحتوي أزرار خاصة بعمليات التنسيق .

4.
شريط المشاهد Views Bar : ويوجد على يسار نافذة البرنامج ويحتوي على
أيقونات تُساعد في استعراض ملفات الوب مثل الصفحات والمجلدات والتقارير
والروابط .

5. مساحة العرض : وهي الجزء الأكبر الموجود في النافذة وتحتوي على اسم الملف المفتوح أو الصفحة الفارغة الجاهزة للتحرير .

6. أزرار مشاهد الصفحة Page View Button : توجد أسفل شاشة البرنامج وتحتوي على عدة أزرار مثل Normal ، HTML ، Preview

7. أشرطة التمرير الأفقي والعامودي Vertical and Horizontal Scroll Bar .

8. شريط الحالة Status Bar : يوجد أسفل نافذة البرنامج ويحتوي على بعض المعلومات الخاصة بالملف المفتوح .

9.
خانة المهام Task Pane : توجد على يمين نافذة البرنامج وتحتوي على أزرار
تضم مهمات معينة يمكن إنجازها مباشرة في البرنامج مثل إنشاء صفحات جديدة
أو موجودة أو استخدام القوالب .
إنشاء مواقع الوب :

توجد عدة طرق لإنشاء مواقع الوب ضمن برنامج Front Page منها :

أ)
إنشاء موقع باستخدام المعالجات Wizards والقوالب Templates : والمعالجات
عبارة عن تصاميم جاهزة يتم اعتماد التصميم المناسب بعد الإجابة على سلسلة
من الأسئلة والأجوبة . أما القوالب فهي صفحات جاهزة تعدلها حسب طلبك
================================================== ==================
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Page_or_web

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Page_or_web

=================================================
يحتوي البرنامج على مجموعة من المعالجات والقوالب تمدها ضمن مربع Web sit Templates حيث يتم الوصول إلى هذا المربع عن طريق :

1. اختر New من القائمة File .

2. اختر Page or Web من القائمة المسقطة ، فيتم عرض خانة المهام New Page or Web.

3. اختر Web site Templates تحت New form Template من خانة المهام
================================================== ==========
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Web_sit_template

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Web_sit_template

================================================== =
يظهر مربع Web site Templates حيث يحتوي هذا المربع على المعالجات والقوالب الموجودة ضمن البرنامج . (انظر الشكل)

5. قم باختيار المعالج أو القالب الذي تريده ، ثم تابع مربعات الحوار التي تظهر .

ب) استيراد موقع من الانترنت :

1. من القائمة File اختر New .

2. اختر Page or Web من القائمة المسقطة فيتم عرض خانة المهام New page or web .

3. انقر Web site Templates تحت New from Template فيظهر مربع الحوار السوابق والذي يحتوي على جميع المعالجات والقوالب .

4.
قم باختيار Import Web Wizard ثم ادخل ممر حفظ الموقع الجديد متبوعاً
باسمه في المربع Specify the Location of the new Web واختر الزر Ok .
================================================== ==========
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Import_web_wizard

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Import_web_wizard

================================================== ======
ملاحظة : ممكن الوصول إلى نفس المربع بطريقة أخرى وفي اختر Import من القائمة File
5.
يظهر مربع حوار آخر باسم Import Web Wizard – choose source والذي يطلب
منا تحديد المكان الذي سوف تقوم باستيراد الملف منه حدد المكان ثم تابع
مربعات الحوار .

ج) إنشاء صفحة فارغة :

1. من القائمة File اختر New .

2. اختر Page or web من القائمة المسقطة فيتم عرض خانة المهام .

3. انقر Blank Page تحت خانة New .

4. تظهر صفحة فارغة ، قم بطباعة ما تريد داخل الصفحة ثم احفظ الصفحة .

وذلك عن طريق الضغط على زر Save ثم إدخال اسمها ضمن مربع الحوار Save As ثم اختيار الزر Save .

ملاحظة
: يحتوي برنامج FrontPage على قوالب تضم صفحات يمكن استخدامها لإنشاء صفحة
هدف ثم ضمها إلى ملف الوب وذلك عن طريق نقر الأيقونة Page من شريط views
ثم اختيار Page Template تحت New Form Template الموجودة في خانة المهام .
حيث يظهر مربع حوار Page Template حيث يحتوي على مجموعة من قوالب الصفحات
الجاهزة مع نموذج عنه في المربع Preview اختر القالب الذي تريده ثم انقر
الزر Ok ليتم إنشاء الصفحة المطلوبة .

معاينة الصفحة :

توجد طريقتان لمعاينة كيفية ظهور الصفحة وكأنها على الانترنت :

1. انقر الزر Preview في نافذة البرنامج .

2. أو نقر الزر Preview in browser من شريط الأدوات القياسي Standard حيث يتم تشغيل المتصفح الذي لديك وعرض الصفحة ضمنه .

ملاحظة
: يحتوي شريط المشاهد Views على زر Navigation والذي يُستخدم في استعراض
هيكلية موقعك أي مكان تواجد الصفحات وطريقة ترابطها ببعضها البعض وإعادة
ترتيب هذا الهيكل والروابط الموجودة ضمنه . ويتم ذلك عن طريق سحب الصفحة
الأم إلى مساحة العرض ثم سحب باقي الصفحات التي ترغب لربطها بالصفحة الأم
.

- الروابط Hyperlinks :

تستخدم الروابط لربط الصفحات معاً ضمن نفس الموقع أو لربط نص معين بموقع آخر على الانترنت أو لربط ببريد الكتروني .

- الربط بصفحة ضمن الملف (نفس الموقع) :

1. حدد النص أو الرسم الذي تريد ربطه .

2. اختر Hyperlink من القائمة Insert .

3. يظهر مربع Insert Hyperlink انقر Existing File or web page من شريط Link to ثم قم باختيار ملف الصفحة التي تريد الربط بها .

4. اختر الزر Ok فيظهر خط تحت النص المختار ليبين أنه ربط .

5. انقر الزر Save وذلك لحفظ التعديلات على الصفحة .
================================================== =========
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Hyperlink

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Hyperlink

================================================== ====
الربط بصفحة على الانترنت :

1. حدد النص أو الرسم الذي تريد ربطه .

2. اختر Hyperlink من القائمة Insert .

3. يظهر مربع Insert Hyperlink قم بإدخال عنوان الصفحة التي تريد الربط بها وذلك في خانة المربع Address .

- الربط ببريد الكتروني :

1. قم بكتابة النص الذي يمثل الربط بعنوان بريدك الالكتروني وذلك ضمن الصفحة التي تريدها ، مثل عبارة Call us .

2. حدد النص في اختر Hyperlink من القائمة Insert .

3. يظهر مربع Insert Hyperlink ثم اختار E-mail Address من الشريط Link to .

4. ادخل عنوان بريدك الالكتروني في المربع النصي E-mail Address .

5. انقر الزر Ok ليتم اعتماد البريد .
================================================== =================
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Call_us

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Call_us

================================================== ========
هاذي باجي الخطوات
تعديل وحذف الربط :

1. انقر الربط بزر الماوس الأيمن ثم اختر Hyperlink Properties من القائمة المنسدلة .

2. يظهر مربع حوار Edit Hyperlink قم باختيار ما تريد منه من حيث الحذف أو التعديل .

تحسين وتطوير الصفحات :

- إضافة الأنماط : تستخدم الأنماط لإعطاء مظهر موحد لكل صفات الموقع . ولإضافة نمط :

1. افتح الصفحة الأساسية .

2. اختر Theme من القائمة Format .
http://www.schoolarabia.net/images/...tpage/theme.gif
3. يظهر مربع Theme ومنه نقوم باختيار النمط الذي نريد تطبيقه على صفحة واحدة أو على كل الصفحات ثم نضغط على زر Ok .

إضافة نصوص تمرير Marquee :

Marquee عبارة عن نصوص متحركة على شكل إعلان تستخدم لجذب الانتباه . ولإضافتها :

1. افتح الصفحة الذي تريد وضع الإعلان المتحرك ضمنها ثم انقر المكان الذي تريده .

2. اختر Web Component من القائمة Insert .

3.
يظهر مربع حوار يضم عدة عناصر مبرمجة مسبقاً ، وقم باختيار Dynamic
Effects من القائمة Component Type ، ثم اختيار Marquee من القائمة Choose
an effect ثم اختر الزر Finish فيظهر مربع حوار آخر بعنوان Marquee
properties (انظر الشكل)

4. أدخل النص ضمن المربع Text ، وقم بتحديد الخصائص الأخرى مثل السرعة والاتجاه .. الخ، ثم انقر الزر
================================================== ============
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Marquee

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Marquee

================================================== =============
إضافة عداد Counter :
يستخدم العداد لتسجيل عدد زوار الموقع منذ إنشائه ، ولإضافة عداد تعمل مايلي :

1. انقر الموقع الذي تريد تركيز العداد فيه .

2. اختر Web component من القائمة Insert .

3.
من مربع الحوار الذي يظهر انقر Hit counter ضمن القائمة Components Type
ثم حدد نمط العداد من القائمة Choose counter style ثم انقر الزر Finish .

4. يظهر مربع حوار خصائص العدد ، حدد الخاصية التي تريدها ثم انقر الزر Ok .
================================================== ========
حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Counter

حصــــــ╝◄شرح خاص بإنشاء موقعك الخاص ب w Counter

إضافة زر تصويب Hover Button :

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

1. انقر ربط Hyperlink الذي تريد تحويله إلى زر تصويب نقرة مزدوجة ليتم اختياره .

2. اختر Web Component من القائمة Insert واختر Hover Button من القائمة Choose an effect .

3. اختر الزر Finish ، فيظهر مربع حوار خصائص زر التصويب .

4. حدد الخصائص الذي تريدها ثم انقر الزر Ok .

إضافة القوائم المتسلسلة أو المرقمة Bulleted and Numbered Lists :

1. انقر المكان الذي ستبدأ منه القائمة ضمن الصفحة .

2. انقر الزر Bullets أو الزر Numbered من شريط الأدوات Formatting ، يضيف البرنامج الترقيم المطلوب في بداية السطر .

3. قم بإدخال ما تريد ثم اضغط Enter ليتم الانتقال إلى السطر الثاني وهكذا .

- إضافة جدول Tables :

1. انقر المكان الذي تريد تركيز الجدول فيه .

2. اختر Insert من القائمة Table .

3. أدخل عدد أسطر الجدول في المربع Rows وعدد الأعمدة في المربع Columns .

4. اختر Ok ليتم إنشاء الجدول .

- إضافة الصور Picture من ملف :

1. انقر المكان الذي تريد تركيز الصورة فيه .

2. صوّب نحو Picture في القائمة Insert ثم اختر From File من القائمة المسقطة .

3. يظهر مربع حدد ملف الصورة الذي تريده ثم انقر على زر Insert . فتظهر الصورة في مكان الوامض من الصفحة المختارة .

- إضافة صوت Sound :

1. انقر أي مكان فارغ ضمن الصفحة الهدف بزر الماوس الأيمن ثم اختر Page Properties من قائمة الاختصار .

2. يظهر مربع حوار Page Properties ، اختر علامة التبويب General .

3. حدد موقع واسم ملف الصوت وكيفية ظهوره ثم انقر الزر Ok . فيظهر ملف الصوت ضمن الصفحة المختارة .

- إضافة فيديو Video :

1. انقر المكان الذي تريد تركيز الفيديو فيه ضمن الصفحة .

2. صوّب نحو Picture في القائمة Insert ثم اختر Video من القائمة المسقطة .

3. يظهر مربع حوار Video ، حدد موقع ملف الفيديو ثم انقر الزر Ok . فيظهر ملف Video ضمن الصفحة المختارة .

- إضافة مربع نصي Text Box :

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

2. صوّب نحو Form في القائمة Insert ، ثم اختار Text Area من القائمة المسقطة فيتم إضافة مربع نصي في المكان المختار .

- إضافة قائمة مسقطة Drop down Menu :

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

2. صوّب نحو Form في القائمة Insert ثم اختر Drop Down Box من القائمة المسقطة

3. يضيف البرنامج القائمة إلى يمين العنوان الذي أدخلته .

4.
انقر القائمة بزر الماوس الأيمن ثم اختر Form Field Properties من قائمة
الاختصار ، يظهر مربع حوار خصائص القائمة المسقطة قم بإضافة محتويات
القائمة التي تريدها واحد تلو الآخر ثم انقر الزر Ok .

- إضافة زر ضغط Push Button :

1. انقر المكان الذي تريد تركيز الزر فيه ضمن الصفحة .

2. صوّب نحو Form في القائمة Insert ثم اختر Push Button من القائمة المسقطة ، يضيف البرنامج الزر إلى الصفحة .

3.
انقر الزر بزر الماوس الأيمن ثم اختر Form Field Properties من قائمة
الاختصار ، يظهر مربع حوار خصائص زر الضغط قم بإضافة المعلومات التي
تريدها ثم انقر الزر Ok .

- إضافة Active – X :

Active
– X عبارة عن برامج صغيرة تضيف مزايا لصفحات الوب مثل عرض قوائم ملونة أو
شرائط أدوات ذات نمط خاص وهذا البرنامج مخصص للعمل ضمن متصفح مايكروسوفت
ومن أمثلة برامج Active – X برنامج المحادثة Net Meeting وبرنامج تشغيل
ملفات الوسائط Windows Media Player .

ويتم إضافة Active – X كما يلي :

1. انقر المكان الذي تريد تركيز Active – X ضمنه .

2. اختر Web Component من القائمة Insert أو من شريط الأدوات .

3.
يظهر مربع حوار Insert Web Component قم باختيار Advanced Controls من
القائمة Component Type ثم اختر Active – X Control من القائمة Choose
Control ثم اختر الزر Next .

4. يظهر مربع حوار آخر يحتوي على
مجموعة من التحكمات ، قم بتحديد التحكم الذي تريده ثم اختر الزر Finish
فيتم إضافة التحكم إلى الصفحة المطلوبة .

- إضافة Java Applet :

Java
Applet عبارة أيضاً عن برامج صغيرة تضيف مزايا معينة لصفحات الوب ولكنها
لا تعمل ضمن متصفح مايكروسوفت وإنما ضمن متصفحات أخرى مثل Netscape
Navigator ويتم الحصول على هذه البرامج من الانترنت أو يتم انشاءها ، وذلك
لأنها غير موجودة ضمن برنامج Front Page .

ويتم إضافتها كما يلي :

1. انقر المكان الذي تريد تركيز Java Applet ضمنه .

2. اختر Web Component من القائمة Insert .

3.
يظهر مربع حوار Insert Web Component قم باختيار Advanced Controls من
القائمة Component Type ثم اختر Java Applet من القائمة Choose Controls .

4. انقر الزر Finish فيظهر مربع حوار خصائص Java Applet ، حدد اسم
البرنامج وعنوان الموقع الذي يحتوي على ملف البرنامج وأي خصائص أخرى ثم
اختر Ok .

- نشر الموقع :

1. نشر الموقع محلياً :

نشر الموقع محلياً يعني وضعه على القرص الثابت لديك أو على شبكة محلية Local Network Server ، ويتم النشر كما يلي :

أ- اختر Publish Web من القائمة File فيظهر مربع حوار Publish destination . انظر الشكل

ب- ادخل الممر على القرص الذي تريد نشر الموقع فيه أو انقر الزر Browse لتحديد مكان النشر .

ج- انقر الزر Ok فيظهر مربع حوار Publish Web يحتوي على الصفحات التي سوف يتم نقلها .

د- اختر الزر Publish لكي يبدأ النشر ، وبعد الانتهاء يظهر مربع حوار آخر يخبرك بنجاح علمية النشر ، انقر الزر Done .

2.
نشر الموقع عالمياً (على الانترنت) : لكي يتم نشر الموقع عالمياً نحتاج
إلى عنوان الخادم Server والذي سوف يقوم بحجز مكان لموقعي عنده وذلك مقابل
أجرة متفق عليها كما يقوم بإعطائي كلمة مرور واسم لكي أدخل إلى موقعي .

كما
يجب أن أحصل على عنواو URL فريد خاص بموقعي مقابل رسوم متفق عليها حيث
الحصول على هذا العنوان إما من الخادم الذي حجزت موقعي عنده أو من أي خادم
آخر .

ويتم نشر الموقع كما يلي :

أ- اختر Publish Web من القائمة File فيظهر مربع حوار Publish Destination .

ب- ادخل عنوان الخادم الذي تريد النشر عنده .

ج- انقر الزر Ok فيظهر مربع حوار Publish Web يحتوي على الصفحات التي سوف يتم نقلها .

د- اختر الزر Publish ، يظهر مربع حوار آخر .

هـ-
ادخل اسم المستخدم وكلمة المرور ثم اختر الزر Ok . فتبدأ عملية النشر وذلك
حسب الخادم المستخدم ، وعند الانتهاء يظهر مربع حوار آخر نختار منه Done .

المدير عدد الرسائل : 774 تاريخ التسجيل : 02/11/2007

- الإعلان عن الموقع :

يجب
الإعلان عن الموقع وذلك لكي يتمكن مستخدمي الانترنت الآخرين من إيجاده ،
ولذلك يجب إبلاغ محركات البحث عن الموقع ويتم ذلك عن طريق فتح صفحة
البداية لمحركات البحث واختيار أي ارتباط شعبي يدل على إضافة URL .
وشكرا

عدد الرسائل : 2 تاريخ التسجيل : 12/02/2008

شكرا أريد الإعلان في موقعك

عدد الرسائل : 17 تاريخ التسجيل : 21/03/2009

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

عدد الرسائل : 17 تاريخ التسجيل : 21/03/2009

يااخي هل انت سعودي مثلي ام كويتي لاني لحطت الكثير من كلمات الخليجية في شرحك

» هل هناك فرق بين القانون العام والقانون الخاص؟
» ∏▐◄البرمجة►&#871
» ►▓◄وداعاً للفيروسات التي تنقله
» انشر موقعك بضغطة زر
» احصل على موقعك ولاتضيعوا الفرصة