1 / 48

أساسيات إنشاء وتعديل صفحات الويب باستخدام MS Publisher 2007 الناشر المكتبي

أساسيات إنشاء وتعديل صفحات الويب باستخدام MS Publisher 2007 الناشر المكتبي. Prepared By: Eman Amer. مفاهيـــم هامـــة في صفحات الويب. صفحة الويب أو صفحة النت (الإنترنت): وثيقة أو مورد للمعلومات . تكون موجودة على رابط تشعبي Hyperlink في شبكة الويب العالمية WWW

penha
Download Presentation

أساسيات إنشاء وتعديل صفحات الويب باستخدام MS Publisher 2007 الناشر المكتبي

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. أساسيات إنشاء وتعديل صفحات الويب باستخدام MS Publisher 2007 الناشر المكتبي Prepared By: Eman Amer

  2. مفاهيـــم هامـــة في صفحات الويب صفحة الويب أو صفحة النت (الإنترنت): وثيقة أو مورد للمعلومات. تكون موجودة على رابط تشعبيHyperlink في شبكة الويب العالمية WWW يمكن الوصول إليها من خلال متصفح الويبWeb Browser. من الأمثلة على متصفحات الإنترنتWeb Browsers Google Chrome, Safari, Internet Explorer, Firefox Prepared By: Eman Amer

  3. أنواع المعلومات في صفحات الويب • تقسم محتويات صفحة الويب أو صفحة النت (الإنترنت) إلى: • معلومات نصية: (عبارة عن نصوص مكتوبة بإحدى اللغات). • معلومات غير نصية وتأتي على الأشكال التالية: • صور ثابتةوتكون صيغتها عادة على: • JPEG • GIF (النوع الثابت منها) • PNG • كما يظهر في صورة الزهرة. • صور متحركهوتظهر فيها الحركات البسيطةوتكون صيغتها عادة على: • GIF (النوع المتحرك منها) • SVG • تطبيقات الجافا • كما يظهر في صورة الألعاب النارية. Prepared By: Eman Amer

  4. أنواع المعلومات في صفحات الويب • (يتبع...) معلومات غير نصية • الصوتوتكون صيغتها عادة على: • MID • WAV • تطبيقات الجافا • كما يظهر في المقطع التالي: • الفيديو مقاطع متنوعة وتحتاج إلى مشغل خاص بها كما هو الحال في مقاطع اليوتيوب وتكون صيغتها عادة على: • FLV • RM • WMV • MOV • MPG • كما يظهر في المقطع التالي: Prepared By: Eman Amer

  5. أنواع المعلومات في صفحات الويب • (يتبع...) معلومات غير نصية • المعلومات التفاعلية تعتمد على اختيارات المستخدمين لها، وتظهر بالأشكال التالية: • النص التفاعلي: الوصول للمعلومات من خلال خيارات يحددها المستخدم. • الرسوم التوضيحية التفاعلية:أشكال مختلفة تستخدم لجذب الانتباه لجزء ما من الصفحة. • أزرار: تخصيص شكل الصفحة وتوفير واجهة بديلة للموقع. Prepared By: Eman Amer

  6. برامج تصميم المواقع • تنوعت الأساليب المستخدمة لإنشاء صفحات الويب إما: • من خلال برامج بسيطة لانتاج موقع بسيط وذات هدف محدد. • أو من خلال لغات برمجية خاصة مثل لغة HTML • وهذه اللغة تحتاج الى محرر بسيط مثل برنامج المفكرة Notepad • أو من خلال محرر متخصص في الHTML مثل MS FrontPage • أو من خلال قوالب خاصة وبواجهات جميلة يقوم المستخدم بملىء بياناته على إحدى هذه القوالب مما يمكنّه من إنجاز صفحة ويب جاهزة. • من أشهر الأمثلة على المواقع التي قامت بتجهيز هذه القوالب Geocities, Angle fire • أو من خلال استخدام برامج خاصة بتصميم صفحات الويب والتي تتميز بسهولة استخدامها وبأدواتها الفعالة مثل • MS FrontPage • Macromedia Dreamweaver • MS Publisher Prepared By: Eman Amer

  7. MS Publisher 2007 ما هو برنامج • برنامج متخصص بالنشر بشكل عام. • هدفه إنشاء وتصميم الدعايات أو الإعلانات. • تصميم مواقع انترنت بسيطة بشكل بسيط وجذاب. • يتميز بوفرة القوالب الجاهزة لإنشاء الإعلانات أو المواقع الإلكترونية. • تم إنشاء هذه البرمجية بواسطة شركة مايكروسوفت ضمن مبادرة انتل للتعليم. Prepared By: Eman Amer

  8. تشغيل برمجية MS Publisher 2007 Prepared By: Eman Amer

  9. Getting Started with MS Publisher 2007 2. Click All Programs 1. Click Start Button Prepared By: Eman Amer

  10. Getting Started with MS Publisher 2007 3. Select Microsoft Office 4. Click Microsoft Office Publisher 2007 Prepared By: Eman Amer

  11. Getting Started with MS Publisher 2007 أكثر المنشورات استخداما المنشورات التي تم إنشاؤها مؤخرا قائمة بانواع المنشورات • Choose any publication Type

  12. واجهة البرمجية وأجزاؤها الرئيسة MS Publisher 2007 Prepared By: Eman Amer

  13. MS Publisher 2007 واجهة البرنامج • عند فتح البرنامج تظهر الصفحة الرئيسة والتي تطلب من المستخدم اختيار نوع محدد من المنشورات. • تنقسم الشاشة إلى ثلاث أجزاء رئيسة: • الجزء الأول: اختيار نوع المنشور. • الجزء الثاني: القوالب الخاصة بنوع المنشور الذي تم تحديده. • الجزء الثالث: الخصائص العامة للقالب الذي تم اختياره مثل تنسيق القالب، الخطوط والألوان. Prepared By: Eman Amer

  14. Getting Started with MS Publisher 2007 حاول النقر على أي نوع من هذه المنشورات في الجزء الأيسر ولاحظ ظهور التصاميم الخاصة بكل نوع في الجزء الأيمن 5. Choose any Publication Type Prepared By: Eman Amer

  15. Getting Started with MS Publisher 2007 ستظهر لك مجموعة من التصاميم الخاصة بهذا النوع.Award Certificationsعلى سبيل المثال عند النقر على Prepared By: Eman Amer

  16. Getting Started with MS Publisher 2007 ستظهر لك مجموعة من التصاميم الخاصة بهذا النوع أيضا. Web Sitesوعند النقر على Prepared By: Eman Amer

  17. MS Publisher 2007 نافذة برنامج Prepared By: Eman Amer

  18. MS Publisher 2007 Window Prepared By: Eman Amer

  19. MS Publisher 2007 Toolbars 1. Title Bar 1 2 2. Menu Bar Prepared By: Eman Amer

  20. MS Publisher 2007 Toolbars 9 10 8 11 6 7 5 4 3. Standard Bar 1 2 3 12 14 13 15 16 Prepared By: Eman Amer

  21. MS Publisher 2007 Toolbars 2 6 8 9 1 3 4 5 7 4. Formatting Bar 15 14 11 13 12 10 Prepared By: Eman Amer

  22. MS Publisher 2007 Toolbars 5. Objects Bar 3 4 5 2 6 7 1 8 9 10 11 12 Prepared By: Eman Amer

  23. MS Publisher 2007 Toolbars • 6. Format Publication • Page Options • تستطيع من خلالها التحكم بالاختيارات الخاصة بالصفحة • Color Schemes • تستطيع من خلالها التحكم بالألوان • Font Schemes • تستطيع من خلالها التحكم بأنواع الخطوط • Publication Options • تستطيع من خلالها تغيير التصميم وحجم الصفحة. Prepared By: Eman Amer

  24. MS Publisher 2007 Toolbars 7. Rulers 8. Scroll Bars Prepared By: Eman Amer

  25. MS Publisher 2007 Toolbars 9.Status Bar A. Page Icons B. Object Size Prepared By: Eman Amer

  26. MS Publisher 2007 Toolbars Page Margin 10. Work Area Page Boundary Prepared By: Eman Amer

  27. إنشاء موقع انترنت بسيط باستخدام الناشر MS Publisher2007 Prepared By: Eman Amer

  28. إنشاء موقع انترنت بسيط باستخدام الناشر • يعتبر الناشر المكتبي من أسهل البرامج في التعامل لانشاء صفحات الويب البسيطة. • يمكن استخدام الناشر في المواقع ذات البعد الشخصي أو البعد التجاري البسيط. • وعليه فإن استخدام الناشر غير ملائم في الحالات التالية: • إذا كان يقتضي الموقع وجود تفاعل أو محتوى يستند الى قاعدة بيانات مثل شراء السلع. • إذا كان يقتضي الموقع التحقق من البيانات مثل ارقام بطاقة الإئتمان. • إذا كان هنالك حاجة للتعديل على هذا الموقع وإضافة خدمات وإمكانات أكبر للموقع، باستخدام لغات برمجية أخرى مثل ASP. Net او PHP • ولانشاء موقع بسيط اتبع الخطوات التالية: Prepared By: Eman Amer

  29. إنشاء موقع بسيط 2 1 Step1 : حدد نوع المنشور Web Sitesوفي مثالنا Step 2 : حدد التصميم Mobileوفي مثالنا 3 Step 4 : Createثم اضغط على Step 3 : حدد الحجم Web 760 * 4608وفي مثالنا Prepared By: Eman Amer

  30. إنشاء موقع انترنت بسيط باستخدام الناشر • لاحظ أن MS Publisher سيقوم بإنشاء الصفحة الرئيسة Index or Home • يتم إنشاء الصفحة بشكل تلقائي. • يعرض الناشر نافذة لتحديد مهام الموقع ويقوم المستخدم باختيار الخدمات التي تحقق أهداف الموقع. • معلومات عن الموقع About Us : التعريف بمالك الموقع، نشاطه وأهدافه. • معلومات الاتصال Contact: تزويد الزائر بمعلومات للاتصال بمالك الموقع. • المنتجات Products: تحتوي على المنتجات الخاصة بالشركة. • الخدمات Services: وصف الخدمات التي يقدمها هذا الموقع. • التقويم Calendar: تحديد الفعاليات التي ستقام خلال فترة زمنية محددة. • المشاريع Projects: إضافة المشاريع أو الأنشطة التي أنجزتها أو التي ستقوم بإنجازها. • الموظفين Employees: شرح الهيكل التنظيمي للموظفين وشرح مهامهم لتسهيل مهمة الزائر في التواصل مع الشخص المعني. • روابط ذات علاقة Related Links: إضافة روابط لمواقع أخرى ذات صلة بمحتوى الموقع. Prepared By: Eman Amer

  31. إنشاء موقع انترنت بسيط باستخدام الناشر • لاحظ الصورة التالية: 1 2 3 4 5 6 7 8 Prepared By: Eman Amer

  32. إنشاء موقع انترنت بسيط باستخدام الناشر لنفرض ان مصمم الموقع أراد تحديد الخيارات كما في الشكل التالي: 1 2 3 4 5 6 7 8 Prepared By: Eman Amer

  33. إنشاء موقع انترنت بسيط باستخدام الناشر وبعد النقر على موافق لاحظ ظهور الشكل التالي:

  34. إنشاء موقع انترنت بسيط باستخدام الناشر ثم قم بتعديل الموقع بما يتناسب مع المعلومات التي ترغب بعرضها فيه

  35. إنشاء موقع انترنت بسيط باستخدام الناشر ملاحظات هامة للتنقل بين صفحات الموقع، قم باختيار رقم الصفحة من أسفل منطقة العمل. للتعديل أو الحذف اختر الكائن المطلوب ( نص أو صورة) ثم اضغط حذف من لوحة المفاتيح. لتنسيق شكل النص أو اللون أو إدراج صورة ، استخدم اشرطة الأدوات الخاصة مثل شريط التنسيق أو شريط الصورة إن تنسيق الصفحة ودقة المعلومات من أهم العناصر التي تجذب الزائر لتصفح موقعك.

  36. مراجعة صفحة الويب باستخدام المتصفح • قبل نشر الموقع لا بد من فحصه والتاكد من عمله على النحو المطلوب بحيث لا يحتوي على أيأخطاء. • يتم البحث عن المشكلات المحتمل حدوثها من خلال مدقق التصميم ومعاينة الموقع. • لتشغيل مدقق التصميم قم بما يلي: 1 Step 1 : انقر على قائمة أدوات Tools 2 Step 2 : اختر مدقق التصميم Design Checker 3 Step 3 : Run general design checks قم بتحديد خانة تشغيل تدقيق التصميم العام وخانة تشغيل تدقيق موقع ويب Run web site checks كما في الشكل التالي:

  37. يتبع ...مراجعة صفحة الويب باستخدام المتصفح 5 Step 5 : لاحظ ظهور اشارة صح بجانب العنصر الذي تم اصلاحه. 4 Step 4 : حدد الجزء الذي ترغب بإصلاحه

  38. معاينة موقع الويب بعد الانتهاء من تصميم موقعك، لا بد من أن تقوم بمعاينته في متصفح الإنترنت لديك مثل الفيروكس أو الانترنت اكسبلورر. لمعاينة الموقع في المتصفح قبل النشر قم بما يلي: 1 Step 1 : )File) إذهب لقائمة ملف 2 3 Step 2 : اختر معاينة الموقع Web Page Preview Step 3 : لاحظ ظهور الموقع حسب متصفحك الإفتراضي

  39. أهداف معاينة الموقع قبل النشر فتح الموقع والوصول إلى كافة الصفحات. التأكد من عمل الارتباطات التشعبية كما هو متوقع. عمل عناصر التحكم في التنقل كما هو متوقع. عدم وجود عناصر مفقودة. التأكد من أن جميع الأصوات المرفقة في الموقع تعمل على النحو المطلوب.

  40. البحث عن خدمة استضافة ويب • قبل أن تتمكن من نشر الموقع، لا بد من اشتراكك في خدمة استضافة ويب. • وتتوفر هذه الخدمة من خلال مزودي خدمات الانترنت ISP • توفر لك هذه الخدمة ما يلي: • إمكانية الوصول إلى موقعك عن طريق الانترنت • مساحة تخزين على خادم الويب • محدد موقع المعلومات URL

  41. حفظ العمل يقوم الناشر بحفظ الملف المصدري للمنشورات وصفحات الويب كمشروع يمكنك لاحقا من التعديل عليه، وينتهي بالامتداد .pub الملف المنشىء كصفحة ويب والذي يعتبر واجهة لموقعك ينتهي عادة بالامتداد .html ولتصدير العمل كصفحة ويب خاصة لا بد من القيام بما يلي: 1 2 Step 2 : )Publish to the Web) اختر Step 1 : )File) إذهب لقائمة ملف 3 Step 3 : )Ok) انقر موافق

  42. يتبع ... حفظ العمل 4 حدد المكان الذي ترغب Step 4 : لحفظ الملف ثم انقر Save

  43. يتبع ... حفظ العمل 5 ستظهر رسالة تخبرك بأنه تم إنشاء صفحة ويب ، انقر Step 5 : OK 6 7 رسالة تخبرك بأن العمل جار للنشرStep 6 : صفحة الويب والمجلد المرتبط بها Step 7 :

  44. Host موقع استضافة استضافة موقع تعني أن يستضيف خادم ويب Web Serverمواد ومحتويات موقع معين ويربط النطاق الخاص بهذا الموقع بعنوان الايبي IPالخاص بالخادم. تقسم أنواع الاستضافة الى: استضافة مجانية: ستضطر للتنازل عن بعض المزايا إذ تقوم الشركة بوضع إعلاناتها الخاصة على موقعك. استضافة مدفوعة: ستتمتع بمزايا عديدة، ويعتبر هذا الخيار الأفضل بسبب انخفاض التكاليف المدفوعة.

  45. Host موقع استضافة • وهنالك طرق متعددة للإعلان عن صفحتك الخاصة بك، إما من خلال: • - حجز موقع باسمك على سبيل المثال http://www.yourname.com/ • - استضافة موقعك على أحد المواقع المجانية • الخطوات الواجب اتباعها لحجز موقع: • - اختيار اسم الموقع بعد التأكد من أنه غير محجوز لشخص أو لأي جهة اخرى. • قم بزيارة الموقع التالي لتحديد اسم الموقع ونوعه. • http://www.networksolutions.com • نوع الموقع يعود الى طبيعة ونوعية الخدمات التي سيقدمها لزوار الموقع، ويمكنك الإطلاع على الجدول التالي للتعرف على هذه الأنواع:

  46. Host موقع استضافة • إذا رغبت ان يكون موقعك ضمن نطاق السعودية.saعندها فلا بد أن تتم الإجراءات عن طريق • مدينة الملك عبد العزيز. • وفي حال تمت اجراءات الحجز، ستقوم بدفع مبلغ 70 دولار لمدة سنتين لحجز الاسم الذي قمت • باختياره. • - بعد تحديد اسم الموقع وحجزه، لا بد من البحث عن مكان لاستضافة الموقع. • قم بزيارة الموقع التالي لتتمكن من اختيار ما يناسبك. • http://www.hostindex.com • -وأخيرا قم بإرسال الصفحات والملفات الخاصة بموقعك الى المكان الذي خصصته لك الشركة. • وبعد اتمامك للخطوات السابقة سيتمكن العديد من الأشخاص حول العالم بزيارة موقعك.

  47. Host موقع استضافة • لاستضافة موقعك مجانا ما عليك الا بزيارة موقع الجهة المسؤولة والقيام بحجز موقع لك. • النقاط الواجب ان تأخذها بعين الاعتبار عند حجز الموقع فيما إذا كانت الجهة المستضافة مجانية: • حجم المسافة وما مدى زيادتها عند إجراء التعديلات. • نوع اللافتة الإعلانية التي ستضاف تلقائيا لصفحاتك. • تقوم بعض المواقع بوضع لافتات أو نوافذ خاصه بها للدعاية. • اشهر المواقع التي تمكنك من استضافة موقعك: • 1. http://www.atspace.com • موقع فرنسي http://www.free.fr/adsl/index.html • http://www.000webhost.com • موقع عربي https://www.eb2a.com

  48. أمثلة على مواقع استضافة

More Related