تعليم فرونت بيج

تقنية المعلومات

تصميم المواقع اإللكترونية بيج فرونتبرنامج

النعيميسلمان سمر .م

يتعرف الطالب كيفية التعامل مع ان-

اإلضافات

النصوص•

الصور•

الجداول•

األصوات•

يكتسب الطالب مهارة التعامل مع ان-

المختلفة للصفحة التنسيقات

التشعيبيةأن يجيد الطالب إضافة االرتباطات -

بأنواعها

بريد الكتروني الى•

صفحة ويب الى•

ملف الى•

أهداف الوحدة

اضغط

اعةفة ثخؽػ للطفرة

منووة ان هكم بجكشم الطفرة لنن الملع اه ثر ثرثبة

همة منووة اخجةر الجكشم الموةصب لمرجى الملع

و جم ذلم بةخجةرcells layout tables and

tableمن الكةامة

فظر لوة شرػ خةهب مجػدد الخةرات منووة اصجخدام اذدى ذى الخةرات

tableLayout

tables and cells

(theme )اعةفة الشمةت ال ضفرة الب

من شرػ الكاام هخجةر - format ثم هكم بةخجةر

theme

فظ ر لو ة غل خةه ب التةش ة ش رػ رج ي اهم ةط مخجلف ة م ن الخلف ةت من ن اخج ةر

اذداة هخلفة للملع

format theme

:إعةفة الوص إل ضفرة البن ثن جب وصف جم لف

جػةمو فروهت بج مع إعةفة الوص بوفس صلة برامج مػةلحة النلمةت ، هو مة غلم ا

ن ثطو إل هةة الشؽر الذي ثن جبي .الوص ثلكةاة إل الشؽر الجةل بمحرد ا

ي فكرة ثردة بن جةبة ا

:لجبدان ضفرة فةرغة غل التةشة ، فلجكم بإهتةء واذدة•

آ.إذا لم ثنن لدم ال

الوص المؽلبغود المعع الذي ظر في مؤشر الن جةبة ، اه جب •

يواصجمر ف ه جةبة Enterاعغػ مفجةح اإلدخةل-• غودمة Enterل ثغغػ مفجةح اإلدخةل. هص ا

.ثطو إل هةة الشؽر ، فكػ واضو الن جةبة وصجم لف الوص ثلكةاة إل الشؽر الجةلي صمة إلي ، مثال لجغر ذحم الوص الذي ه جبجي ، لم بمة

و إعةفة ا

ن ثردد الوص الذي ثرد ثغرى ا

هي لبد ا

ثم ا ل

ذدد هص•مر، Formatمن لةامة•

اصجخدم شرػ الجمرر ذج ثطو إل ، Sizeف محمغة . Fontذدد ا

ن ظر الوص لدم بوفس الرحم المخد ف التنو، okثم ذددى ، اهكر بػد ذلم زر 7خةر .ل بد ا

.بتنو غةم ، مورم فروهت بج لدرا مػكل من ذرة الخجةر ف ثردد ذحم الوص الذي ثن جبي

لان والشمةت :إعةفة ال

ن ، لم بإعةفة بػظ الشمةت إل الوص ، ابدا بجغر لن الػوانآ :وال

:ولجغر لن الوص .ذدد غوان الوص•مر Formatان لةامة• ) Fontلجفجد مربع ذار Fontاخجر ا لان Colorافجد الكةامة الموشدلة •

. ذج ثظر لذة ال

ذمر Fontلجفجد مربع ذار Fontلجغلق مربع ذار okثم اهكر زر Redذدد خةر• ن ظر غوان الفكرة بةللن ال ن ا

آ .حب ال

صفلي خػ و ا و مةاال ا غة منوم خػو الوص غرغة ا .ا :لحػو الوص غرغة

.ذدد النلمةت•دواتBرمو ذا الرمز ذرف Boldاهكر رمز•

.المخد غل شرػ ال

:لحػو الوص مةاال ي من النلمةت• .ذدد النلمةت ا دوات Iرمو ذا الرمز ذرف Italicsاهكر رمز•

.المةاو المخد غل شرػ ال

صفو الوص :وإلعةفة صؽر ا .ذدد النلمة •دوات Uرمو ذا الرمز ذرف Underlineاهكر رمز•

.المخد غل شرػ ال

ثرات همةط الخػ والجة :ا

ي هلمة من الوص• .ذدد هلمة ا مر، Formatمن لةامة• . Fontلجفجد مربع ذار Fontذدد ا ثرات المجوغة الج جرة لم ، همة جد لم مربع المػةوة، Effectsف خزء•

ن ثرى الجة Previewمنوم ا

ثرات ثر من ثلم الجة

ي ثة .رؤة التنو الذي ظر غلي الوص بػد ثؽبق ا

ثر ص ، مثو ثة ثرات الج ثغر من العع الرا

ل ذؾ الشؽرن الظةرن ف مربع المػةوة جرةن لم رؤة الوص بةلوشبة للجة

.الوص غن الشؽر superscriptوارثفةع subscriptاهخفةضلجغلق مربع الرار وثرى الجغرات okاهكر زر . Superscriptو Caps Smallمثال ذدد خةري •

خرجة غل الوص الج ا

format font

:إعةفة الطر بةصجخدام فروهت بج :إلعةفة ضرة إل ضفرة الب

.ف فروهت بج ، افجد ضفرة خددة داخو الملع الخةص بم-لجفجد مربع ذار From Fileثم Pictureذدد خةر، Insertمن لةامة-

Picture . .ذدد ملف الطرة الج ثرد إدراخة ف ضفرجم- .اهظر التنووصجظر الطرة ف ضفرة الب okاهكر زر -

مر، Fileمن لةامة- save asلجفجد مربع ذار saveذدد ا

:ثػدو ملفةت الطر لدم :من اإلغدادات الج منوم الكةم بة لجػدو ملفةت الطر مة ل

بػةد الطرة داخو الطفرة× الجرنم ف ا

x مرةذاةالالجرنم ف ؼركةثردد إذا مة هةن صجم غرض الطرة داخو الردود×إعةفة ارثبةط إل الطرة×

:ولجػدو ؼركة غرض الطرة داخو ضفرة الب .ذدد الطرة الج ثرد ثػدلة-مر، Formatمن لةامة-

لجفجد مربع ذار Propertiesذدد ا

Picture Properties

insert pictureFrom file

format Properties Picture

Properties

:اهتةء الحداول :إلهتةء خدول

.لم بإهتةء ضفرة خددة فةرغة•مر، Tableمن لةامة• لجفجد مربع ذار Tableثم Insertذدد ا

Insert Table

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

وهذلم Layoutالرحم الفجراع ل

صجم إهتةء الحدول وظر ف الطفرة okاهكر زر . Specify widthخةر

.

ذحةم الحداول :الجػرف غل ا

و غدد البنشالت ن غرض الحدول وفق الوشبة المبة لرحم التةشة ا ن ثػرف هفة ثردد ذحم الحدول ل .حب ا

ضغر وذدات ثشجخدم مػة Pixelsبنشالت و البنشالت ا هم صمػت غوةضر الطرة ا لػرض المػلمةت غل التةشة ، ومن المرخد ا , x 480 800x600غل صبو المثةل ، من درخةت العح التةاػة درخجة . المطؽلد المشجخدم لضف درخة وعح الػرض غل التةشة

فكة ) ذى الدرخة ثتر إل غدد البنشالت 640 صة Xا .المػروعة غل التةشة الج ثشجخدمة( را ي وفق هشبة غرض التةشة .غودمة ثردد غرض الحدول وفق هشبة مبة مػوة ، فإن الػرض صنن هشبة ، ا

مة إذا ذددت الحدول وفق غدد مػن من البنشالت فإهم ثردد غرعة مؽلكة للحدول .ا :لجغر غرض الحدول

.عع مؤشر الن جةبة داخو الحدول• . Tableثم Selectذدد خةر، Tableمن لةامة

Table Propertiesلجفجد مربع ذار Tableثم Table Propertiesذدد خةر، Tableمن لةامة• . 400ثم اعبػ الكمة غل In Pixelsذدد خةر ، Specify widthف خزء •ثي من لبو okاهكر زر •

هتة . وصجم ثغر ذحم الحدول الذي ا

•

Table Insert Table

:إعةفة الطت إل ضفرةت البو إهتةء ملفةت الطت الج ثرد اصجخدامة هي صجاخم متنلة ثردد ملع ا مر ف غةة الشلة غر ا و لشمةع ) لرؤة . إعةفة الطت إل ملػم ا هف منن اصجخدام ( ا

ذد الجرشوةت .الطت هة

ن ملفةت هي جم ثلكةاة MIDIوهظرا ل

ه ثر رمو . ضغرة هشبة ، فإن ثتغلة بدو هة و ا لكت هظرة غل محلد ملفةت اإلهجرهت المؤلجة غل خةزك صجحد ملفة ا إذا ا

.الج ثشجؽع اصجخدامة ف صمةع الطت غل خةزكMIDIوذى الملفةت ملفةت MIDIامجداد الملفذد ملفةت خر من ملفةت الطت – MIDIإلعةفة ا ع اآ ي ه و ا :إل ملع الب الخةص بم–ا

ن ثغف إلة ملف الطت• .ذدد وافجد الطفرة الج ثرد ا مر، Fileمن لةامة• Page Propertiesلجفجد مربع ذار Propertiesاخجر ا

اه جب اصم الملف الطث ف مربع ، Background Soundف خزء•إذا لم ثشجؽع ثذهر الملع . Browseاصجخدم زر ، Locationهص

.المرفظ في الملف .لجرفؾ اإلغدادات الج ذددثة وثغلق مربع الرار okاهكر زر •ذدد غدد المرات الج ثردة لجتغو الملف الطث ثشجؽع ، Loopف خزء•

ن ثتغو الملف الطث صدوم ؼلة غرض ، Foreverثردد خةهة ممة ػو ا

.الطفرة الج ثغم ذا الملف previewلمػةوة الطفرة مع الخلفة الطثة الخةضة بة ، اهكر غالمة ثبب•

.داخو الوةفذة الراشة لفروهت بج

File Properties Page

Properties

:هف ثػمو الرثبةؼةتهة

ي ضفرة وب باصؽة مشجػرض الب الخةص بم ، كم المشجػرض بجفشر الرثبةؼةت غل ا

غود غرض ا

خرى غل اإلهجرهت و مارد ا

و إهجرهت إهشبلرر ، . ثضالت إل ملفةت ا

إذا هوت من مشجخدم هجشنب ا

خر آع ذا المؤشر دل غل وخد ارثبةط إل مرد ا فشجرل المؤشر بػد وعػي غل الرثبةط إل د بة إضبع مرف

غل اإلهجرهت جد لم فروهت بج إهتةء الرثبةؼةت الج ثردة ف ضفرةت الب الخةضة بم

هاع الرثبةؼةت ا

خرى خر ربػ إل مالع ا

آهاع من الرثبةؼةت فبػغة ربػ إل ضفرةت داخو الملع وبػغة ال

وةك غدة ا

خرا الرثبةؼةت داخو هفس الطفرةوبػغة ربػ إل غوان برد الن جروه غة إشةرة مرخػةوا

و و مةشم ا

ا

Bookmark.

صفحة داخل

الموقع

موقع ويببريد

الكتروني

ول ب الرثبةؼةت إل ضفرةت داخو الملع ا ولوبدا : .لم بإهتةء ضفرة خددة-ن ثوتئ لي ارثبةؼة -

.اه جب الوص الذي ثرد ا

ذدد الوص .مر، Insertمن لةامة-

. Insert Hyperlinkلجفجد مربع ذار Hyperlinkاخجر ا

ن ثرثبػ إل ذى النلمةت ثم اعغػ غل مافق Look inمن ,ففجد لم مربع ذار .ذدد ملع الطفرة الج ثردة ا

Insert Hyperlink Place in

this document

خرى ارثبةط إل مالع اهتةء :وب ا

.لم بإهتةء ضفرة خددة-ن ثوتئ لي ارثبةؼة الذي اه جب الوص -

.ثرد ا

.ذدد النلمةتمر، Insertمن لةامة-

. Insert Hyperlinkلجفجد مربع ذار Hyperlinkاخجر ا

:/http://www.HIKMAHSCH.comاه جب الوص الجةل، Addressف خةهة- .اهظر التنو اخراصم ملع او .إلغالق مربع الرار وذفؾ الرثبةط okاهكر زر -

Insert Hyperlink Existing file or

web page

:ل إهتةء ارثبةط إل برد الن جروه فظر hyperlinkهكم بجردد الوص المراد اخراء الرثبةط الجتػب لي وهغغػ هلم من و هخجةر

لوة مربع الرار هخجةر الجبب

E-MAIL Address e-mail addressو هن جب الػوان البردي ف الركو

Insert Hyperlink E-MAIL Address