تعليم فرونت بيج
TRANSCRIPT
![Page 1: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/1.jpg)
تقنية المعلومات
تصميم المواقع اإللكترونية بيج فرونتبرنامج
النعيميسلمان سمر .م
![Page 2: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/2.jpg)
يتعرف الطالب كيفية التعامل مع ان-
اإلضافات
النصوص•
الصور•
الجداول•
األصوات•
يكتسب الطالب مهارة التعامل مع ان-
المختلفة للصفحة التنسيقات
التشعيبيةأن يجيد الطالب إضافة االرتباطات -
بأنواعها
بريد الكتروني الى•
صفحة ويب الى•
ملف الى•
أهداف الوحدة
![Page 3: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/3.jpg)
اضغط
![Page 4: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/4.jpg)
اعةفة ثخؽػ للطفرة
منووة ان هكم بجكشم الطفرة لنن الملع اه ثر ثرثبة
همة منووة اخجةر الجكشم الموةصب لمرجى الملع
و جم ذلم بةخجةرcells layout tables and
tableمن الكةامة
فظر لوة شرػ خةهب مجػدد الخةرات منووة اصجخدام اذدى ذى الخةرات
tableLayout
tables and cells
![Page 5: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/5.jpg)
(theme )اعةفة الشمةت ال ضفرة الب
من شرػ الكاام هخجةر - format ثم هكم بةخجةر
theme
فظ ر لو ة غل خةه ب التةش ة ش رػ رج ي اهم ةط مخجلف ة م ن الخلف ةت من ن اخج ةر
اذداة هخلفة للملع
format theme
![Page 6: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/6.jpg)
:إعةفة الوص إل ضفرة البن ثن جب وصف جم لف
جػةمو فروهت بج مع إعةفة الوص بوفس صلة برامج مػةلحة النلمةت ، هو مة غلم ا
ن ثطو إل هةة الشؽر الذي ثن جبي .الوص ثلكةاة إل الشؽر الجةل بمحرد ا
ي فكرة ثردة بن جةبة ا
:لجبدان ضفرة فةرغة غل التةشة ، فلجكم بإهتةء واذدة•
آ.إذا لم ثنن لدم ال
الوص المؽلبغود المعع الذي ظر في مؤشر الن جةبة ، اه جب •
يواصجمر ف ه جةبة Enterاعغػ مفجةح اإلدخةل-• غودمة Enterل ثغغػ مفجةح اإلدخةل. هص ا
.ثطو إل هةة الشؽر ، فكػ واضو الن جةبة وصجم لف الوص ثلكةاة إل الشؽر الجةلي صمة إلي ، مثال لجغر ذحم الوص الذي ه جبجي ، لم بمة
و إعةفة ا
ن ثردد الوص الذي ثرد ثغرى ا
هي لبد ا
ثم ا ل
ذدد هص•مر، Formatمن لةامة•
اصجخدم شرػ الجمرر ذج ثطو إل ، Sizeف محمغة . Fontذدد ا
ن ظر الوص لدم بوفس الرحم المخد ف التنو، okثم ذددى ، اهكر بػد ذلم زر 7خةر .ل بد ا
.بتنو غةم ، مورم فروهت بج لدرا مػكل من ذرة الخجةر ف ثردد ذحم الوص الذي ثن جبي
![Page 7: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/7.jpg)
لان والشمةت :إعةفة ال
ن ، لم بإعةفة بػظ الشمةت إل الوص ، ابدا بجغر لن الػوانآ :وال
:ولجغر لن الوص .ذدد غوان الوص•مر 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: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/8.jpg)
:إعةفة الطر بةصجخدام فروهت بج :إلعةفة ضرة إل ضفرة الب
.ف فروهت بج ، افجد ضفرة خددة داخو الملع الخةص بم-لجفجد مربع ذار From Fileثم Pictureذدد خةر، Insertمن لةامة-
Picture . .ذدد ملف الطرة الج ثرد إدراخة ف ضفرجم- .اهظر التنووصجظر الطرة ف ضفرة الب okاهكر زر -
مر، Fileمن لةامة- save asلجفجد مربع ذار saveذدد ا
:ثػدو ملفةت الطر لدم :من اإلغدادات الج منوم الكةم بة لجػدو ملفةت الطر مة ل
بػةد الطرة داخو الطفرة× الجرنم ف ا
x مرةذاةالالجرنم ف ؼركةثردد إذا مة هةن صجم غرض الطرة داخو الردود×إعةفة ارثبةط إل الطرة×
:ولجػدو ؼركة غرض الطرة داخو ضفرة الب .ذدد الطرة الج ثرد ثػدلة-مر، Formatمن لةامة-
لجفجد مربع ذار Propertiesذدد ا
Picture Properties
insert pictureFrom file
format Properties Picture
Properties
![Page 9: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/9.jpg)
:اهتةء الحداول :إلهتةء خدول
.لم بإهتةء ضفرة خددة فةرغة•مر، 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: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/10.jpg)
:إعةفة الطت إل ضفرةت البو إهتةء ملفةت الطت الج ثرد اصجخدامة هي صجاخم متنلة ثردد ملع ا مر ف غةة الشلة غر ا و لشمةع ) لرؤة . إعةفة الطت إل ملػم ا هف منن اصجخدام ( ا
ذد الجرشوةت .الطت هة
ن ملفةت هي جم ثلكةاة MIDIوهظرا ل
ه ثر رمو . ضغرة هشبة ، فإن ثتغلة بدو هة و ا لكت هظرة غل محلد ملفةت اإلهجرهت المؤلجة غل خةزك صجحد ملفة ا إذا ا
.الج ثشجؽع اصجخدامة ف صمةع الطت غل خةزكMIDIوذى الملفةت ملفةت MIDIامجداد الملفذد ملفةت خر من ملفةت الطت – MIDIإلعةفة ا ع اآ ي ه و ا :إل ملع الب الخةص بم–ا
ن ثغف إلة ملف الطت• .ذدد وافجد الطفرة الج ثرد ا مر، Fileمن لةامة• Page Propertiesلجفجد مربع ذار Propertiesاخجر ا
اه جب اصم الملف الطث ف مربع ، Background Soundف خزء•إذا لم ثشجؽع ثذهر الملع . Browseاصجخدم زر ، Locationهص
.المرفظ في الملف .لجرفؾ اإلغدادات الج ذددثة وثغلق مربع الرار okاهكر زر •ذدد غدد المرات الج ثردة لجتغو الملف الطث ثشجؽع ، Loopف خزء•
ن ثتغو الملف الطث صدوم ؼلة غرض ، Foreverثردد خةهة ممة ػو ا
.الطفرة الج ثغم ذا الملف previewلمػةوة الطفرة مع الخلفة الطثة الخةضة بة ، اهكر غالمة ثبب•
.داخو الوةفذة الراشة لفروهت بج
File Properties Page
Properties
![Page 11: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/11.jpg)
:هف ثػمو الرثبةؼةتهة
ي ضفرة وب باصؽة مشجػرض الب الخةص بم ، كم المشجػرض بجفشر الرثبةؼةت غل ا
غود غرض ا
خرى غل اإلهجرهت و مارد ا
و إهجرهت إهشبلرر ، . ثضالت إل ملفةت ا
إذا هوت من مشجخدم هجشنب ا
خر آع ذا المؤشر دل غل وخد ارثبةط إل مرد ا فشجرل المؤشر بػد وعػي غل الرثبةط إل د بة إضبع مرف
غل اإلهجرهت جد لم فروهت بج إهتةء الرثبةؼةت الج ثردة ف ضفرةت الب الخةضة بم
هاع الرثبةؼةت ا
خرى خر ربػ إل مالع ا
آهاع من الرثبةؼةت فبػغة ربػ إل ضفرةت داخو الملع وبػغة ال
وةك غدة ا
خرا الرثبةؼةت داخو هفس الطفرةوبػغة ربػ إل غوان برد الن جروه غة إشةرة مرخػةوا
و و مةشم ا
ا
Bookmark.
صفحة داخل
الموقع
موقع ويببريد
الكتروني
![Page 12: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/12.jpg)
ول ب الرثبةؼةت إل ضفرةت داخو الملع ا ولوبدا : .لم بإهتةء ضفرة خددة-ن ثوتئ لي ارثبةؼة -
.اه جب الوص الذي ثرد ا
ذدد الوص .مر، Insertمن لةامة-
. Insert Hyperlinkلجفجد مربع ذار Hyperlinkاخجر ا
ن ثرثبػ إل ذى النلمةت ثم اعغػ غل مافق Look inمن ,ففجد لم مربع ذار .ذدد ملع الطفرة الج ثردة ا
Insert Hyperlink Place in
this document
![Page 13: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/13.jpg)
خرى ارثبةط إل مالع اهتةء :وب ا
.لم بإهتةء ضفرة خددة-ن ثوتئ لي ارثبةؼة الذي اه جب الوص -
.ثرد ا
.ذدد النلمةتمر، Insertمن لةامة-
. Insert Hyperlinkلجفجد مربع ذار Hyperlinkاخجر ا
:/http://www.HIKMAHSCH.comاه جب الوص الجةل، Addressف خةهة- .اهظر التنو اخراصم ملع او .إلغالق مربع الرار وذفؾ الرثبةط okاهكر زر -
Insert Hyperlink Existing file or
web page
![Page 14: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/14.jpg)
:ل إهتةء ارثبةط إل برد الن جروه فظر hyperlinkهكم بجردد الوص المراد اخراء الرثبةط الجتػب لي وهغغػ هلم من و هخجةر
لوة مربع الرار هخجةر الجبب
E-MAIL Address e-mail addressو هن جب الػوان البردي ف الركو
Insert Hyperlink E-MAIL Address
![Page 15: تعليم فرونت بيج](https://reader033.vdocuments.mx/reader033/viewer/2022051016/557e946ed8b42a3c668b4b23/html5/thumbnails/15.jpg)