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

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

Embed Size (px)

Citation preview

Page 1: تعليم فرونت بيج

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

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

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

Page 2: تعليم فرونت بيج

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

اإلضافات

النصوص•

الصور•

الجداول•

األصوات•

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

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

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

بأنواعها

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

صفحة ويب الى•

ملف الى•

أهداف الوحدة

Page 3: تعليم فرونت بيج

اضغط

Page 4: تعليم فرونت بيج

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

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

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

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

tableمن الكةامة

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

tableLayout

tables and cells

Page 5: تعليم فرونت بيج

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

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

theme

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

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

format theme

Page 6: تعليم فرونت بيج

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

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

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

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

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

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

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

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

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

و إعةفة ا

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

هي لبد ا

ثم ا ل

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

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

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

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

Page 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

Page 8: تعليم فرونت بيج

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

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

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

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

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

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

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

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

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

Picture Properties

insert pictureFrom file

format Properties Picture

Properties

Page 9: تعليم فرونت بيج

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

.لم بإهتةء ضفرة خددة فةرغة•مر، 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

Page 10: تعليم فرونت بيج

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

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

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

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

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

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

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

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

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

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

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

File Properties Page

Properties

Page 11: تعليم فرونت بيج

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

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

غود غرض ا

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

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

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

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

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

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

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

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

وةك غدة ا

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

و و مةشم ا

ا

Bookmark.

صفحة داخل

الموقع

موقع ويببريد

الكتروني

Page 12: تعليم فرونت بيج

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

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

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

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

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

Insert Hyperlink Place in

this document

Page 13: تعليم فرونت بيج

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

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

.ثرد ا

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

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

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

Insert Hyperlink Existing file or

web page

Page 14: تعليم فرونت بيج

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

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

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

Insert Hyperlink E-MAIL Address

Page 15: تعليم فرونت بيج