مذكرة الصف الخامس

النصرالتعليمية منية الكمبيوتر –ادارة كيوان –توجيه حامد كمبيوتر –اعداد موجهبالدقهلية والتعليم التربية مديرية

التعليمية النصر منية إدارةالكمبيوتر توجيه

عن مقدمة :

Microsoft Expression® Web

االبتدائي الخامس الصفم2009/2010- هـ1431 /1430الدراسي العام

كيوان : حامد إعداد

: مقــدمــة لبرنامج بديل أنه حيث الجديدة البرامج منWeb Expression برنامج *يعتبر

Front Pageعليه ويطلق Front Pageالجديد موقع تصميمل ويب صفحات إنشاء في يستخدم جاهز برنامج : هو *تعريفه بالكامل

وFront page الشهير التصميم لبرنامج الخليفه هوExpression web . فبرنامج. المواقع لتصميم كمنتجها سابقا ميكروسوفت اعتمدته الذي

: - *فوائده والوقت الجهد يوفر مما الموقع تصميم في - السرعة1 الجاهزة القوالب - مجموعة2محفوظة 30من 1 والنشر الطبع , ©حقوق الكمبيوتر , توجيه التعليمية النصر منية إدارة

النصرالتعليمية منية الكمبيوتر –ادارة كيوان –توجيه حامد كمبيوتر –اعداد موجه

في تساعدك التي المكونات من العديد على البرنامج واجهة -تحتوي3ممتازة. بصورة أعمالك التمام

: البرنامج *مميزات اآلدوات أشرطة خالل من جذاب بشكل صفحات إنشاء على البرنامج -قدرة

Panes Task االستخدام - سهولة2كامل ويب موقع - إنشاء3

:- Expression Web لبرنامج االفتتاحية النافذة على *التعرفb نالحظ أن * البد باقي عن فتختل ال البرنامج تشغيل طريقة أن جيدا

من ملحوظ بشكل تختلف البرنامج لواجهة بالنسبة ولكن األخرى البرامج: من تتكون التصميم( والتي ) منطقة ويب صفحة ظهور حيث

:1- < body > الصفحة محتوى يظهر وبها الصفحة جسم – ) األكواد األوامر بعرض يقوم عليه الضغط : عند Code التبويب-2

( الخاصة التعليمات- HTML – XML – CSS بلغة االوامر هذه وتسمى الصفحة بمحتوى

جزء جزءين للصفحة انقسام يظهر عليه الضغط : عند Spilt - التبويب3للتصميم واآلخر للكود

Design الصفحات:- تحرير تبويب -4 تنشيطه مايتم أول وهي الحالي الموقع أو الصفحة محتويات وبها

التبويب تسمى حيث التصميم نافذة عليها ويطلق البرنامج بنافذةDesign

محفوظة 30من 2 والنشر الطبع , ©حقوق الكمبيوتر , توجيه التعليمية النصر منية إدارة


Task Panes الـ المهام **أقسام Task Panes الـ من العديد هناك ... و األدوات أشرطه فكرتها في تشبه

مع المدرجه المفيده:مثال البرنامج, منها

Folder* List Task Pane يسار اعلي في االفتراضي وضعها موقعك في بادراجها تقوم التي الملفات جميع تظهر بها ... و البرنامج

منظم بشكل تنسيقها و ترتيبها في تساعدك ... وTool box Task Pane*البرنامج يمين اعلي في االفتراضي ضعها و

الـ مثل لموقعك اضافتها يمكنك التي االدوات من مجموعه تظهر ... بهاFrameالـ و Layer الـ و Buttonsسنري "

في سطر أو كود عن البحث في اإلمكانية هذه تستخدم : البحث ** أو find1 نختارTask Panes قائمة من البحث نافذة إدراج ويتم الصفحات

find2ةلنافذ فتظهرا الزر على نضغط النافذة مع وللتعامل الكتابة منطقة أسفل

عنه البحث المراد النص لكتابة نافذة فتظهر

: ومكوناته الويب على التعرف من البد صفحة إنشاء **قبل أو وضعها أو مشاركتها يتم التي كافةالمحتوياتWeb الويب يمثل : *تعريفه

.تاالنترن خالل من عليها اإلطالع: الويب *مكونات

مواقع محتويات لتكوين االساسي العنصر هي :- Text النصوص-1 تنسيق بإمكانك فإنه الويب على الموقع بإعداد نقوم الويب,وعندما

wordb. برنامج في كما النص تعتمد كانت البداية في المواقع بأن علمافقط. النصوص على

Images : b الصور-2 العناصر من الصور أصبحت الويب لتطور - وفقا في الموجودة الصور ماتكون وعادة ويب موقع في األساسية تأخذ الصور من األنواع هذه أن حيثGIF,JPG نوع من الويب صفحات البرامج . ومن التحميل عند أقل وفترة صغيرة تخزينية مساحة

Photoshop.



الويب انشاء في األصلية الفكرة هي الراوبط : تعتبرLinks الروابط-3 إلى صفحة من بالتنقل الويب صفحات استعراض خاللها من يتم حيث

الروابط من ويب صفحة والتخلو أخرىb الجداول :تستخدمTables الجداول-4 الويب صفحات في أساسا

. البيانات لتنظيم وتعتمد الويب صفحات تصميم طرق من طريقة هي : Frames االطارات-5

المستعرض نافذة تقسيم على

منها الهدف مستطيل شكل في أجزاء هي : النماذج Forms النماذج-6 من بيانات تجميع

. البيانات ارسال يتم ذلك وبعد ويب موقع زائري النماذج

لقطات أو صوتية تسجيالت :مثلMultimedia المتعددة - الوسائط7 المواقع, في الشائعة العناصر من أصبحت , حيث مباشر أوبث فيديو الجذب وقوى

التعامل مع صفحات الويب



Page ومنها New نختار File قائمة :من ويب صفحة : إنشاء أوال General نختارWebsite التبويب منها نختار New بعنوان نافذة تظهر لحفظ مكان نحدد ثمOne Page Website نختار اختيارات عدة تظهر

فسوف للحفظ مكان تحديد عدم وفيBrowse الزر خالل من الصفحة .My Documents/My Web Site المجلد في الصفحة بحفظ البرنامج يقوم

ضغطتين عليها الضغط يتم Default.htm الصفحة تظهرOK نضغط ثمb فارغة صفحة فنشاهد قم الكتابة اآلن يمكنكword مستند وكأنها تماما

عبارة نكتب التالي السطر بداية وفي الصفحة منتصف " في مصر الحبيبة "

يمن أن أجل من ونجد نجتهد و لله العبادة نخلص أن " علينا نقوم ثم الصفحة بحفظ نقوم واآلن " والتأييد بالنصر الله علينا

عرض تم أنه فنجدPreview نختار File قائمة من الصفحة بمعاينة الصفحة عنوان أن , ونالحظInternet Explorer المستعرض في الصفحة

الصفحة محتوى به ويقصد الصفحة هيكل أو جسم> body < عبارة وSpilt و Design ىيسم ما قبل من علمنا كما الصفحة أسفل ونجدCode

Code الكود على التعرف تشير فهيHTML لغة أوامر مجموعةمن التالي: هي الكود نالحظ

عن المسئولة فهيLanguage Hyper Text Markup االختصار إلى األوامر وهذه المستعرض في صفحات شكل على البيانات عرض

حيثXHTML إلى اللغة هذه تطوير ( .وتم ) األوسمة Tags تسمى اضافة فتم المواقع تصميم سرعة على ساعد مما أكثر بتطوير تتميز :- XHTML في اآلتي

الكود : إضافة أوالً <?xml version="1.0" encoding="UTF-8"?>

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

الصفحة نوع تحديد لها ثانيا ا والمصحح خالل لكود :من



DOCTYPE

DOCTYPEالصفحة الذى هذه نوع ان المتصفح اخبار على هو يعملxhtml

تصحيح محاولة على يساعده العرض والذى اثناء االخطاء يجب بعض لذامنها صفحة اى تخلو اال

بااالطارات خاص التالي : Frames الكود

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

والتذييل باالرأس خاص التالي Header and Footer الكود<html> <head> </head> <body> </body>

Templates القوالب باستخدام Web موقع إنشاءWeb Site اختر ثمNew األمر اخترFile قائمه من



صفحه أدراج أو إلنشاء .. احدهما تبوبين به تجدNew حوار مربع في كماWeb علي اضغط جديد موقع إلنشاء فهو اآلخر أما جديدة

يمكنك المواقع من أنواع 3 تجد به General ...االختيار الشكل يحتوي موقع بإنشاء البرنامج سيقومOne Page Web Site إنشائها

صفحات من تريد ما إضافة قطعا . يمكنك وحيده صفحه عليتماما فارغ موقع بإنشاء البرنامج يقومEmpty Web Site ذلك بعد

Import web siteتصميم بدأت كنت إن الخيار هذا استخدام يمكنك علي تصميمه تكملة اآلن تريد وFront Page برنامج علي موقعك إتمام في المعالج هذا سيساعدك حيثExpression web برنامجالبرنامجين بين النقل و التحويل عمليه

Template االختيار أما فيها التعديل يمكن التي الجاهزة التصميمات من مجموعه به فستجد

احتياجك مع لتتناسبOne Page Web Site اخترGeneral الجزء من اآلنالخيار من به موقعك حفظ تريد الذي المكان حدد

Specify the location of the new web site في الموقع حفظ تميس الخيار هذا بتغير تقم لم إذا افتراضي بشكلMy document الشهير المجلد داخل الموجودMy Web Site مجلد

ماك واحده صفحه من موقع انشاء في البرنامج ... ليبداOk اضغط.. يلي



Defualt.htm بـ الصفحة بتسميه قام البرنامج أن تالحظ بعنوان فقط واحده صفحه علي موقعك يحتوي أن ... يجب ملحوظة

Defualt.htmاو Index.htmتكون ( ان ) يجب الصفحه هذه .... و ... للموقع الرئيسيه الصفحه هي

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

هذا تغير يمكن ... وال الرئيسيه الصفحه هي انها معتبرا البدايه في أن يكفي الرئيسية موقعك صفحه داخل الكتابة في لتبدأ االختياراالن

في موضح هو _ كما الصفحة اسم عليDouble Click مرتين تضغطالسابق الشكل

تستخدم التي المواقع تصميم برامج احد هو ويب اكسبريشن برنامج What You See Is What اختصار هي التي وWYSIWUG تقنيه

You Getعليه تحصل ما هو تراه .. " ما ... تترجم " ما نفس هو التصميم مرحله في إمامك تراه ما إن... بها المقصود و

التشغيل مرحله في الزائر سيراه ال الرئيسية صفحتك في الكتابة بدء أو التعديل مرحله فان لهذا

برنامج مستندات من مستند أي داخل الكتابة عن كثير في تختلفWord

الكتابه في البدء قبل دائما نتذكرها ان يجب للغاية مهمة خطوه هناكضبط هي ... و الصفحه تعديل او

من بأي الصفحة مساحه أو قياس ضبط ... يمكننا الصفحة قياس:التاليتين الطريقتين

كما الصفحة أسفل في Status bar الحاله شريط .. من أوال ي يل



المناسبة المساحة اختر ثم Page Size اختر View قائمه من ثانياx 600 955... عام بشكل

Desktop Resolution 1024 x مكتب سطح لدقه المكافئه هي و ... المواقع صفحات معظم في االن الشائعه هي و االنسب هي768

تري ان تريد لعلكHello World الترحيب جمله لها لصفحتك أضفالزائر سيراها كما أي.. العرض وضع في صفحتك

المساحة اختر ثمPreview in Browser األمر اخترFile قائمه منعليها المعاينة تريد التيF12 علي الضغط بسهوله يمكنك كما البرنامج سيقوم االن حتي صفحتك بحفظ قمت قد تكن لم لو

... ال ام معاينتها قبل الصفحه حفظ في ترغب كنت اذا عما بسؤالكنعم ستختار بالطبع

.. . لموقعك جديدة صفحات اضافه**.. للموقع جديده صفحات ألضافه طريقتين هناك

... Page االمر اختر منه ثمNew االمر اخترFile قائمه من .... انشائها يمكنك التي الصفحات انواع الكثير هناك تري كما

نوع كل عن الله شاء إن سنتحدثجديدة فارغة صفحه هف باضا لك تسمح التي وHTML فأختر اآلن أما

يلي لما مشابها أمامك الشكل يكون أن يجب



الخاص الجزء في ظهرت قد صفحتك تري الشكل في واضح هو كما وFolder List Task Pane بـ

... لتظهر بحفظها تقوم ان أوال عليك يجب بلFile قائمه منSave األمر اختر أو Ctrl + S اضغط

التالي الحوار مربع أمامك سيظهر الحالتين في



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

اسم تحديد بعد الصفحة تسميه في العربية اللغة تستخدم أن بـ الخاص الجزء في ظهورها الحظ ... وSave ... اضغط لصفحتك

Folder List Task Pane

العمل إنهاء و الموقع حفظ... حدا علي صفحه كل بحفظ تقوم إن يجب انه الحظ

File القائمه منClose Site اآلمر اختر الموقع إلغالق اآلن و يقوم ال و فقط الحاليه الصفحه بأغالق يقومClose االمر ان الحظ

كامال الموقع بأغالق ملفات كامل ليس و واحده صفحه بفتح يقوم حيثOpen االمر كذلك

الموقع

الصفحه خـواص ضبط طريق عنPage Properties الصفحه خصائص حوار لمربع الوصول يمكن File قائمه منProperties االمر



أي في يمين كليك الضغط بعدpage Properties األمر اختيار طريق عن أوالصفحة علي مكان

General التبويب في

Titleالـعنوان شريط في سيظهر كما الصفحه عنوان .... لكتابه title barالتنفيذ وقت

Page Descriptionو Keywordsكانت عندما قديما استخدامهم يتم كان محركات تعد لم االن .. لكن بهم الموجوده القيم تراجع البحث محركات

المهم من يعد لم لذلك الطريقه بهذه تعمل البحثPage directionاو اليسار الي اليمن من سواء الصفحه أتجاه لضبط

العكسBackground Soundالصفحه. تحميل عند تعمل موسيقيه خلفيه ... لتضع



تعمل جعلها او المقطوعه هذه تكرار مرات عدد في التحكم يمكنك كماLoop ( Forever ) الخيار من ذلك و انتهاء بال

Formatting التبويب في

Background Pictureللصفحه كخلفيه صوره .... ألضافهColors بااللوان الخاصه الخيارات مجموعه تحت

Backgroundالصفحة خلفيه في اللون لتغيرTextللنصوص االفتراضي اللون لتغير

Hyperlinkالصفحه في موجوده روابط الي االفتراضي اللون .... لتغيرVisited hyperlinkسابقا زيارتها تم التي الروابط لون ... لتغيرActive hyperlinkعليها الضغط يتم التي الروابط لون لتغير

Hovered hyperlinkفوقها الوقوف يتم عندما الروابط لون ... تغير ضغط بدون بالماوس

. شيوعا االكثر هماFormatting وGeneral التبويبين يعتبرالنصوص مع التعامل

مره استدعائه و حفظه كيفيه و جديد مشروع بدء كيفيه علي سبق مافي تعرفنا... الموقع داخل النصوص تنسيق كيفيه نتعلم عليه التعديل الستكمال أخري عنExpression web برنامج في النصوص تنسيق مهارة تختلف ال عام بشكل

في هوExpression web أن نتذكر أن البد كنا إن وWord برنامج في مثيلتها إمكانياته إن يعني مما النصوص لتحرير ليس و المواقع إلنشاء برنامج األساس

.Word الـ برنامج إمكانيات مثل بالتأكيد ليست النقطة هذه فيParagraphاألمر اخترformat قائمه من : formatting Paragraphs الفقرات تنسيق



... الخ توسيط – يســـار – ) يمين النص محاذاة ضبطAlignment الخيار من يمكنك) Right to left اليسار إلي اليمين من سواء النص اتجاه ضبطDirection الخيار من و فهيIndentation خيارات مجموعه أماleft to right اليمين إلي اليسار من أو

يمكنك كما اليســار أو لليمين سواء محدده مسافة النص إزاحة عن المسئولةFirst Line الخيار طريق عن فقط األول السطر إزاحة

الذي وParagraph كل بين المسافات عن لمسئوله ا هيSpacing تاخيار مجموعه من يسبقه الذي و الحاليParagraph الـ بين المسافة بطض يمكنك .. حيث يليه

ضبط يمكنك كماAfter الخيار من يليه الذي بين و بينه المسافة اوBefore الخيار المسافات أو Line Spacing الخيار من نفسهParagraph الـ سطور بين المسافات

Word الخيار من ذلك و نفسها الكلمات بين Preview بـ الخاص الجزء في نتيجتها ستظهر تدخلها التي القيم جميع أن الحظ Font Format الخطوط تنسيق .تطبيقها قبل تعديالتك نتيجة مشاهده يمكنك حيثfont األمر اخترformat قائمه من

من ذلك و الصفحة في المستخدمة الخطوط ضبط هذا الحوار صندوق من يمكنك ( من ... الخItalic مائل أو Bold )تقيل الخط شكل اختيار يمكنك كما Font الخيار Color الخيار من Font Size من اختياره يمكنك الخط حجم أيضا و Font Style الخيار من مجموعه ألضافه فهيEffects خيارات مجموعه أما الخط لون ضبط يمكنك

جميع تأثير ستريPreview بـ الخاص الجزء ..في المحدد النص علي المؤثرات.التنفيذ قبل ذلك و تختارها التي التأثيرات



النقطي و الرقمي الترقيم إضافةFormat قائمه منBullets and Numbering األمر اختر

اختيارNumbers وPlain Bullets وPicture Bullets التبويبات خالل من تستطيع( رقمي – نقطي – ) صوره أساسيه أساليب 3 بين من تريده الذي الترقيم أسلوب

التبويب استخدمت حاله في للترقيم تستخدمها معينه صوره اختيار يمكنك حيثPicture Bullets

Plain التبويب استخدمت حاله في البرنامج لك يوفرها التي الرموز احد اختيار أوbullets

Numbers التبويب من الرقمي الترقيم أسلوب اختيار أو : التظليل و اإلطارات إضافة

Format قائمه منBorders and Shading األمر اختر

الذي لإلطار األشكال من مختلفة مجموعه بين اختيار يمكنكStyle الخيار منبوضعه ترغبColor لونها تغير يمكن ال اإلطارات بعض إن الحظ و اإلطار لون الختيار

Widthأما سمكها تغير يمكن ال اإلطارات أنواع بعض أيضا و اإلطار سمك لتغيير عن يختلف و به المحيط اإلطار بين و الداخلي النص بين المسافة Padding الجزء

للصورة لننظر الخارجي النص و اإلطار بين المسافة هو األخير أن فيMargin الـاالثنان بين الفرق أسهل بشكل توضح حيث التالية



من مباشره إليها الوصول يمكن النصوص تنسيق أوامر معظم أن ننوه أن بقي اختر التنسيق أدوات شريط إلظهارFormatting Toolbar قالتنسي أدوات شريط

Formatting األمر اختر منها ثمView القائمه منToolbars األمر

Copy / Past Properties اللصق و النسخ ت ا خيــار ملفات احد المصدر هذا كان سواء آخر مصدر من نصCopy بنسخ تقوم عندما

تقوم التي الصفحة في النص هذاPast لصق تريد و انترنت موقع أو النصوص في كما تالخيارا من مجموعه لك يظهرExpression Web الـ علي بتصميمها

الشكل

Match Destination Formattingكما نسخه تم الذي للنص التنسيقات بجميع يحتفظ االصليه صفحته قي كان

Keep Source Formattingتنسيق مع يتناسب بما النص تنسيق بتحويل يقوم إليها المنسوخ الصفحة

Remove Formattingالنص من التنسيقات كافه حذفKeep HTML Onlyالـ بكود يحتفظ HTMLمثال الروابط مثل النص في الموجود

Keep Text Onlyتشبه Remove Formattingظهور الخيار هذا يتبع انه الفرق مع Dialog Boxالنص نسخ طريقه في بالتحكم لك يسمح

الصور مع التعاملالصور إضافة- 1الصور- 2 تنسيقالصور أدواتشريط- 3



ألي- 4 الصور Thumbnailتحويلعلي- 5 روابط من أجزاءأضافه )Hotspot ) الصورةمحدده الفعالة البقعة

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

. النصوص تنسيق برنامج مع التعامل يجيدون من معظم خصائصها معMicrosoft Word خالفات سوي يجدوا مع بسيطةلن التعامل يبن ما

برنامج في برنامج Wordالصور ..Expression Webو

الصور اضافهقائمة ... إليصورة إلضافة من موقعك األمر Insertصفحه Pictureاختر

From Fileثم يوجد" ال انه برنامج Clip Artالحظ "Expression Webفي

تريد الصورة اآلنأختر اضغط إضافتهاالتي Insertثمالتالي الحواري المربع ظهور تالحظ

الخيار هنا ... Alternate textحيث ستظهر أنيمكنك مختصره جمله تكتبعرض الصورةمكان يتم لم حالة التصفح الصورةفي من أليأثناء سبب

. األسبابLong description ....عن مطول وصف وضع يمكنك ماذا الصورةهنا و

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

Show this prompt when inserting images حالة يتم إلغاءفي لن الخيار هذامره السؤال هذا .إضافةعند أخريعرض الصور



تم الصورةتري اآلن قد لحفظ اآلناضغط ... للصفحة إضافتهاوالقائمه Save األمر الصفحة طريقه بأي الصفحةاحفظ أو Fileمنتفضلها.

حفظ محاولتك الحواري المرةهذه الصفحةعند الصندوق ظهور تالحظالتالي

هذه يسألكحيث طريق عن تريد النافذةالبرنامج الذي المكان عنفيه ....الصورةحفظ الذي الصورة أنالحظ المكان في تظل المكان ( إضافتهالن منه

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

اسم حفظها الصورةلتغير قبلChange Folder ... حفظ مكان مع " الصورةلتغير يكون االفتراضي المكان

"الصورة أضفتالتي الصفحة Set Action Picture File Typeفيها

.إضافتها كما الصورة لتري الصفحة بمعاينه قم و ... Ok اآلن اضغطالصـــور تنسيق

أبعاد ...الصورةتغير الضغط ببساطه تم ... يمكنك انه تالحظ الصورة علي واحده مره

و اآلن .. الصورةتحديد الضغط يمكنك التحجيم مربعات باستخدامحجم Click and Dragالسحب الشكل ... الصورةلتغير الحظ تريد كما



خيارين به صغير حواري مربع وجود تالحظ أيضا

Only Modify Size Attributes ....يغير الخيار عند الصورة أبعادهذا فقطحدوث بدون ملف أيعرضها في نفسه الصورةتعديالت

Resample Picture to Match Size ... أثناء الصورة أبعادلتغير باإلضافة ملف في التعديل ليشمل التغير يمتد نفسها الصورةالعرض

الصور محاذاةيمين الضغط اختيار الصورةعلي Right Clickيمكنك Pictureو

Properties ... علي أو مرتين الضغط ... Double Click الصورةببساطهحوار الطريقةكانت أي صندوق عرض Picture Propertiesفسيتم

التبويب مع Generalنبدأ

الخيار كما .... Pictureمن به الصورة تخزين تم الذي المسار ستري

بصوره الصورة استبدال علي أخرييمكنك الضغط طريق و Browseعنهالجديد الصورةاختيار

الخيار الـ Accessibilityمن تعديل قمت Alternate Textيمكنك الذي للصورة إضافتكعند بإدخاله

الخيار يتم Hyper Linkمن عليه الضغط عند لرابط الصورة تحويل يمكنك



صفحه علي أخريتحميل الضغط طريق عن ذلك سيتم Browseو حيثبـ الخاص الحواري الصندوق Insert Hyperlinkفتح

Appearance التبويب

Wrapping Style ... لضبط الثالثة تالخيارا بأحد األفقية المحاذاةتستخدم

None ....توجد يمين محاذاة ... Rightلليسار محاذاة.... Leftمحاذاةالمنها Layoutالخيار أما الخيارات من مجموعه علي فيحتوي

Alignment خالص هو من الرئيسية بالمحاذاةو مجموعه علي يشمل والخيارات

Top ... الذي السطر مع لها العلوي الحد ليتساوي الصور رفع يتم فيها وسياقه في وضعت

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

برامج مع تأثير ذات تعد فلم القائمه هذه في الخيارات باقي أماالحديثةالتصفح

للخيار Sizeنأتيمساحه تعديل منه يمكنك الحظ ... الصورةحيث تريد حجم أنكما لكل

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

In Percent ... بين تتراوح قيمة تريد إذامثال ... 100 إلي 1ستدخل أنكنتعرض دائما عرض% 40هو الصورةيظل الدقة الصفحةمن كانت مهما

Resolution فيها تعرض الصفحةالتيKeep aspect ratio ... بتعديل قمت حالة في الخيار هذا تنشيط عند

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

علي واحده مره قائمه الصورةأضغط من ثم أختر Formatلتنشيطهاالتالي ... Borders and Shading األمر الحواري المربع ظهور تالحظ



هذه من بين النافذةيمكنك شكل أكثرالتبديل من لإلطارمن ذلك وStyle األمر

محدد لون اختيار تستطيع Color األمرمن لإلطاركماخط أيضا من اإلطارسمك به التعديل الممكن Width األمرمن

جميع Previewالجزء أما مباشره لك تختارها التأثيراتفسيعرض التيعن ماذا لكن في Padding األمرو Paddingالـ الصفحة أسفلالموجود

الحظ ... اإلطارو الصورةبين المسافةهو حولها الـ أنالموضوعPadding الهامش عن هو Marginيختلف اإلطاربين المسافةفالهامش

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

الصور أدوات Picture Toolbox شريطأظهار ذلك أدواتشريط إخفاء أويمكنك و Toolbar األمر باختيارالصور

قائمه شريط Viewمن تحديد Pictures األدواتثم



علي نتعرف شريط الموجودة األوامرهيا الصور أدواتفي

الترتيب علي وظائفهم : وملف إضافة من صورة

الصورة الـ ( Thumbnail إليتحويل شرح الفقرةفي Thumbnailسيتم )التالية

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

الصورة من جزء لقصفي معين لون شفاف إلي الصورةلتحويل



اسود ( / ) إلي الصورةلتحويل شفاف ( )إلي أوابيضللصورةبروز ( ) تأثير إضافة

الملف في الصورة مساحة في إليتغير الحالي الصفحةالحجمفقرتين ( )Hotspot إضافة بعد توضيحها سيتم

الصورة التعديالت إليأعاده قبل وضعها

Thumbnail إضافةالـ هو من ?.... Thumbnailما مصغره نسخه وضع الضغط الصورةهو عند

فتح يتم صفحه الصورةعليها في جديدةاالصليهلوضع نحتاج متي صفحه أنتمثال ... Thumbnailكـ الصورةو تنشئ

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

صعب الصفحة سيكون تنسيقها ان كما طويل لوقت يحتاج حقيقي عبأتلجأ ... للغاية الصور إليلهذا Thumbnail إليتحويل

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

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

الخلفيات أيضا و الصور مواقع فيالشكل بهذا المشتركين صور عرض يتم التعارف مواقع في و

يمكن Thumbnail الـ إنشاء كيفبالزر اضغط المطلوب Right Click الماوس األيمنببساطه الصورة علي

اختر ثم القائمه Auto Thumbnail األمرتحويلها ..أمامك المختصرةمنالشكل الحظ

قم ... الصورة بتصغير قام قد البرنامج الصفحةبمعاينه اآلنستجدجرب ) للمعاينة F12اضغط( علي أنو تجد .. المصغرة الصورةتضغط

صفحه بفتح قام قد بحجمها الصورةتحوي جديدةالمتصفح االصليهالحقيقي

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

هذا فعل يمكننا كيفالـ Hotspot أنشاء

المهارة ...أنكمأعتقد هذه ستحبون جميعاتحميل Hotspotالـ يتم عليه الضغط عند الصورة من جزء تحديد هو

جديدةصفحه الرابط عن قليال يختلف الـ .. Linkهو في انك جزء Hotspotحيث تحدد

من الصورة .. الصورةصغير علي أجزاء عدة تحديد يمكنك انه بمعنيصفحات إليتنقلك مختلفةعدة

بشكل المعني نستوعب أعمقلكيفي ف البدايةسنقوم في هباضا تعلمنا كما البدايةصورة

شريط نظهر قليل Picture Toolboxالصور أدواتثم منذ تعلمنا كما



الـ أيقونات 3ستجد تنفيذ من شريط موجودة Hotspotتمكنك عليقم .. األولي األداةاختر األدوات مستطيل شكل برسم اآلنعلي

مصر ( ) حول مستطيلحوار مربع لك البرنامج يفتح المستطيل رسم من االنتهاء Insertعند

Hyperlink في عليه تعرفنا بتحديد .. السابقة المحاضرةالذي قمتريدها الصفحة التي

يمكنك من إعادةو لمجموعه الخطوات علي المختلفة األماكننفسالصورة

لك يوفر البرنامج ان ذلك Hotspotالـ إلنشاء أدوات 3تالحظ حتىوتحديد سواء أيتستطيع بسهولة منتظمةغير أو منتظمةمنطقه

لألشكال الدائري و المستطيل أما فالشكل الثالث المنتظمة الشكلتحديد من منتظمةغير أشكالفيمكنك

.... الروابط هي مـــا و صفحاته مختلف بين التنقل سهولة مدي من موقع أي قوة تأتي

تلك هي الروابط اليسر, و بمنتهي مواضيعه من ألي الوصول إمكانيه حتي أو بسهولة الموقع صفحات بين األنتقال من تمكنك التي الخاصيه

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

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

سهوله. ... الروابط نشــــــاء إ

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

.... واحده صفحه من جديدAbout_us.htm بعنوان جديدة صفحه أنشئ

االسم مثلAbout_us.htm صفحه في عنك المعلومات بعض بإضافة قم في رابط نضع أن نريد نحن اآلن ذلك ليإ ما و الميالد تاريخ و السن و

About_us.htm صفحه بتحميل يقوم بحيثdefault.htm الرئيسية الصفحة الصفحة في ذلك من سنتمكن كيف لنري ... هيا عليه الضغط عند

هذه بتحديد قم الماوس باستخدام" About Us" جمله اصف الرئيسيةRight Click يمين كليك اضغط ثم الجمله

Hyperlink األمر اختر المختصرة القائمه منبالشكل كماInsert Hyperlink حوار مربع ظهور الحظ



فعليا اشائها تم التيAbout_us.htm لصفحه رابط أضافه نريد نحن اآلن... السابقه الخطوه في

بالكامل موقعك ضمن بإنشائها قمت التي الصفحات أن ستالحظOk اضغط الصفحة راختيا بعد About_us.htm صفحه منها اختر موجودة

الرئيسيه الصفحة بمعاينه قم نشائهإب قمت الذي الرباط لتجربه اآلنF12 ضغط طريق عن

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

Contact_us.htm بعنوان لصفحه رابط أنشاء يمكن .. فهل بعدContact_us.htm صفحه ننشئ لم إننا تذكر



فعلنا كما اوال ننشئها ان يجب اننا ام بعد تنشئ لم الموقع في لصفحهAbout_us.htm صفحه معكيف لنري .. هيا بعد انشائها يتم لم لصفحه رابط أنشاء يمكنك كال

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

عليها بالضغط المستخدم Right يمين كليك اضغط و الجمله هذه بتحديد قم الماوس باستخدام

ClickHyperlink األمر اختر القائمه من

يمكننا كيف لكن ... وInsert hyperlink حوار مربع بفتح البرنامج سيقوم.... ؟ بعد تنشئ لم عليها الربط نريد التي الصفحه ان اخباره

Create New Document : أخترLink to المسمي و اليسار علي الجزء منبالشكل كما الخطوات أتبع ثم

Contact_us.htm بعنوان جديدة صفحه بإنشاء قام البرنامج أن اآلن الحظ

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

زائري بين للتواصل المواقع في استخدامها يتمContact_us.htm صفحه



مشكله عن لألبالغ .. سواء بالموقع الخاص اإلعداد فريق بين و الموقع... اخره الي الراي ألبداء او معين لطلب او

-E بريد ألرسال الزائر يستخدمه رابط أنشاء يمكن كيف اآلن نري دعناMailللتراسل رابط إضافة الموقع اداره فريق الي ... … For Your Feedback“ جمله بأضافه قمContact_us.htm صفحه في

Click Here ... ” يمين كليك اضغط ... ثم الماوس بأستخدامClick here جملة بتحديد قم

Right Clickاالمر اختر و Hyperlink :Look in بـ الخاص الجزء منinsert Hyperlink حوار مربع ظهور الحظ اختر

E-mail Address الشكل الحظ

الرسائل استقبال في ترغب الذي اإليميل عنوان أضافه يمكنك اآلن عليه الموقع زائري منSubject بـ الخاص الجزء في ايضا الرساله عنوان تحديد يمكنك كما عند الحظ و معاينتها ثم الصفحه بحفظ ... قمOk اضغط االنتهاء بعد

الموجود اإليميل برنامج تشغيل يتمClick here جمله علي الضغطبالجهاز و الزائرين بين التواصل بها يمكن تقدما أكثر طرق ... هناك مالحظه

... و جافا لغه و األكواد استخدام علي كليا مبنيه أنها إال الموقع اداره تصميم من متقدمه مرحله في بالتفصيل لها الله شاء ان سنتعرضالحاليه الدوره نفس في المواقع

داخل كلها لكن و الروابط من انواع3 ننشئ أن استطعنا اآلن حتىمعنا .... تابع ؟ اخر لموقع رابط انشاء يمكن هل ... تري موقعنا

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



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

كليك اضغط .... ثم الماوس باستخدامClick here كلمة بتحديد قم اآلنالسابقتين المرتين في فعلنا كما تماماhyperlink اختر .. و يمين

بالشكل كما الخطوات تابعInsert Hyperlink حوار مربع من ثم

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

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



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

الرابط هذا مثل اضافهSubject.htm اسمها ليكن و جديده صفحه ننشئ دعنا البدايه فيبالشكل كما فهرس سننشئ الصفحة هذه بداية في

من مجموعه ألضافه متكرر بشكلEnter أضغطChapter 4 كتابه بعد السطور تختفي حتيEnter تضغط ... ستظل الفارغه السطورامامك من تماما السابقه

بها تعبر جمله اي كتابه يمكنك اوBeginning of Chapter 1 جملة اكتب ثماالول الفصل بدايه عن

يمكننا حتي مميز عنوان اعطائها و الجمله هذه بتعريف االن سنقومBookmark الـ العمليه هذه تسمي ... و عليها الربط

من ... ثم الماوس باستخدامBeginning of Chapter 1 جمله بتحديد قمالتالي الحوار مربع ظهور والحظ Bookmark االمر اخترInsert قائمه

Chapter 1 اكتبBookmark name خانه في االن .. نعود عليه بالربط سنقوم الذي الجزء أعداد من انتهينا اآلن

... الصفحه لبدايه و يمين كليك ... ثم الفهرس في كتبتها التيChapter 1 كلمة بتحديد قم

بالشكل كما الخطوات تابع .. وHyperlink االمر اختر



... يعمل الرابط ان من تأكد و حفظها بعد الصفحة بمعاينه اآلن قم
