م علي حمد علي الوحدة األوىل الفصل األول The Fundamental Of Web Sites مقدمة تعريف موقع الويب : Web Site ػثاسج ػ صفذح ة ا اكثش يرشاتطح يغ تؼض ا ذذد اعى

النسخ

1 م علي حمد علي الوحدة األوىل الفصل األول The Fundamental Of Web Sites مقدمة تعريف موقع الويب : Web Site ػثاسج ػ صفذح ة ا اكثش يرشاتطح يغ تؼض ا ذذد اعى يؼ. عناصر التعريف : ثخزن صفحات المولع على جهاز مجصل دائما با إلهجرهت طلق عل ه ( الخادم. ) Server اي مولع و ب له عووان على شبكة الهجرهت سمى بعووان المولع (. ) Web Address أمثلة : موقع وزارة الرتبية والتعلمي موقع وزارة اإلتصاالت وتكنولوجيا املغلومات موقع وزارة ادلاخلية لكي ثجمكن من ز ارة اي مولع من خالل جهازك الخاص فاهت ثحجاج إالى : ثوافر خدمة الو ب WWW برهامج مسجعرض ( )Browser امثلة ( )Opera Torch - Google Chrome - Mozilla Firefox مكن ا ضا ز ارة المولع من خالل الهاثف المحمول عن طر كة خدمة (. ) WAP بعض املصطلحات الهامة : - صفحة الىيب : Web Page يغر ذ ت يذر انكرش شش ػه شثكح اال رش د رى ػشض خالل تش ايج يغرؼشض اال رش د. الصفحة الرئ س ة : Home Page ا ل صفذح ت قغ ان ة انر ي خالن ا رى اال رقال نثاق صفذاخ ان قغ. : Web page elements نصوص فيديو صور ارتباط تشعبى إرتباطات تشعب ة ف ١ ذ ٠ ظ ص ص 1 ط س

2 Php html صفحة ويب ثابتة صفحة ويب تفاعلية أنواع صفحات الويب : صفحات الىيب الثابتة :Static Web Pages يذر ا ا يؼذ يغثقا ت اعطح يص ى انصفذح ظم زا ان ذر ثاترا ذغرخذو صفذاخ ان ة انثاترح نؼشض ان ؼه ياخ ( نإلطالع فقط ) تذ ايكا ح إجشاء أ يؼانجح ي انضائش ن ذر ا ا ذغرخذو أ ايش HTML ف ذص ى زا ان ع ي انصفذاخ. صفحات الىيب التفاعل ة : Interactive Web Pages - - صفذح يؼه ياخ ذؼشض يذر ر خ نهضائش انرفاػم يؼ يؼانجر غرخذو نرص ى زا ان ع ي انصفذاخ أ ايش HTML تاالضافح ان نهغاخ اخش يثم, JavaScript نغح ASP, PHP غ ش ا. 2

3 الفصل الثاني Stages of design and creation of Web site التصميم ثانيا : مرحلة التصن م : التخطيط النشر التنفيذ أولا : مرحلة التخط ط : فى ز ان شحهت يخى ػ م سسى حخطيطى بسيط ػهى ان سق يخض طفحاث ان لغ ( انظفحت انشئيست طفحاث ان يب ان شحبطت ب ا ) ححذيذ انبيا اث ان ؼه ياث انخى حخض ا طفحاث ان يب ك ؼه ياث خذياث حمذو ي خالل ان لغ حسب انحاخت. اإلعداد والتجويز حظ يى شكم انظفحت انشئيست طفحاث ان لغ ححذيذ انخ سيماث ان خخهفت نظفحاث ان يب ) ن انخهفيت حدى ن انخط أياك ضغ ان ظ ص انظ س يهفاث انظ ث... غيش ا ) ححذيذ االسحباطاث انخشؼبيت داخم انظفحت انشئيست طفحاث ان لغ. ثالثا : اإلعداد والتجه ز : ي خالل أحذ ي سماث ان ظ ص يخى إػذاد حد يز انبيا اث ان ظيت انخي س ف ح ضغ في طفحاث ان لغ ثى حفظ ا في يهف ظي ضؼ داخم يدهذ خاص بان لغ م و بإ شاء. إػذاد حد يز يهفاث انظ س حفظ ا داخم يدهذ. إػذاد حد يز يهفاث انظ ث انفيذي حفظ ا داخم أحذ ان دهذاث. رابعا : مرحلة التوف ذ : ( باستخداه احد لغات الربجمة وأوامر ) HTML حح يم انخظ يى ان سلي انى طفحاث يب فؼهيت ضغ انبيا اث ( ظ ص ط س ط ث فيذي ) فى طفحاث ان يب إ شاء اإلسحباطاث انخشؼبيت نظفحاث ان لغ خامسا : مرحلة الوشر : )ىشر امليقغ عرب االىرتىت ) حدز ػ ا نه لغ حخظيض يساحت حخزي يت ػهى احذ أخ زة انخادو ن شش ان لغ ػبش اإل خش ج. زود معلوماتك : مي يغخطيغ اىج يغ اى ط ه إى قؼ ا ػي اال خش ج حخاج إى خاد Server ي خض قؼ ا ػيي باإلضافت إى ػ ا URL ي شيش إى اى قغ اك ػذد ائو اىششماث اىخي ي ن أ حقذ ىل خذ ت حأجيش غاحت ػي أحذ خ اد ا ( حغ ز اىخذ ت ػادة باعخضافت يب. Webhosting ) م ا أ اك ػذد ائو اىششماث حقذ خذ ت اإلعخضافت اى جا يت ى قؼل. 3

4 الفصل الثالث creation and processing audio files مقدمة.. إهشاء ملف صوت : ٠ ى إ شاء ف ط ذ ٠ سر ه ماؿن ط ذ ١ ح ه ذأث ١ شاخ ط ذ ١ ح خر فح ه ؿش ٠ ك ا وذ ٠ ذ ا ثشا ح ث : Audacity... Audio Editor - MP3 mp3directcut - غ ١ ش ا. أوال : ثانيا : مزحلة اإلعداد والتجويز إلنصاء ملفات الصوت : ج غ انث ا اخ انر ع ف رى ذغج ه ا ص ذ ا. 1- انرأكذ ي ان ك اخ انثشيج ح رنك )ترثث د ادذ تشايج يؼانجح انص خ ػه انك ث ذش( 2- انرأكذ ي ذ ص م ان ك اخ ان اد ح ( ان كش ف Mic انغ اػاخ ) Speakers 3- مزحلة التنفيذ إلنصاء ملف الصوت : ذذ م تش ايج إ شاء يؼانجح انص خ Audacity ) ادذ انثشايج يفر دح ان صذس ؼ م ػه ا ظ ح ذشغ م يخرهفح ). 1 2 ذغج م انص خ تانضغط ػم صس ذغج م. Record button. ادخال انث ا اخ ان ص ح نهك ث ذش تاعرخذاو ان كش ف. نال ر اء ي انرغج م تانضغط ػه صس ا قاف Stop -3-4 انضغط ػه صس ذشغ م Play نالعر اع ان انص خ ي خالل انغ اػاخ. -5 4

5 ثالثا : التعديل فى الصوت : - ذذذ ذ يقطغ انص خ ان شاد إضافح ذأث ش ػه رنك تانضغط انغذة ػه انجضء ان طه ب تانص خ تاعرخذاو يؤشش انقشاءج ػه انشش ط انضي. - ي قائ ح Effect رى اخر اس انرأث ش ان طه ب ن ك اال ؼكاط Reverse أ انركشاس Repeat انرأث ش األ ل ؼ م ػه ػكظ تذا ح ان قطغ يغ ا ر األخش ذكشاس. رى ذذذ ذ ان قطغ انص ذ ان شاد قص ي قائ ح Edit خراس االيش Cut ذذش ك يؤشش انقشاءج تانشش ط انضي ان ان كا ان طه ب ػ م نصق نه قطغ انص ذ ي قائ ح Edit خراس االيش. Past ذذذ ذ ان قطغ انص ذ ان طه ب دزف - انضغط ػه يفراح Delete ي ن دح ان فاذ خ رابعا : تصديز ملفات الصوت : Export Audio File WAV MP3 MP2, MP1, MPEG, MP4, AAC, OGG, AVI, MPC, MOV, QT, WMA or 3GP ملحوظة :- اال رذاد ٠ ر ١ ض WAV ف ١ ا ظ خ تا د دج ا ػ ذ سوح ذخض ١ ٠ ح وث ١ شج ز ه ف غ ١ ش اسة شش ه الن اإل رش د. اال رذاد ٠ ى MP3 ف ١ ا ظ خ ال ماء تا ماس ح تاال رذاد WAV سوح ذخض ١ ٠ ح ال ز ه ف األ سة شش ه الن اال رش د. 5

6 6

7 الفصل الرابع creation and processing Video files مقدمة : برامج وإلنشاء Movie Maker Openshot Ulead MediaStudio Pro Kdenlive ومن Open Source Windows Sony Vegas Movie Studio برهامج Openshot Openshot إن photo slideshows ويستخدم 7

8 Openshot Video Editor 2 ملفات املصزوع Project Files 1 الصزيط الزئيشي Main Toolbar 3 تبويب الوظائف Function Tab ( للتنقل بني ملفات املصزوع ملفات الصور ملفات الصوت ) 5 شزيط التحزيز Edit Toolbar 7 رأس القزاءة Play head/ruler 4 معاينة الفيديو Preview Window 6 التصػري والتكبري Zoom Slider 8 الصزيط الزمنى Timeline ىيحظ ه ػي اى ضيذ اى ؼي اث ح ه اىبش ا ج. Timeline ملحوظة :- اعخخذا اى غاػذ Help 1 اى غطشة ( Ruler حظ ش اى ذ اىض اىحاى باىششيط اىض ) - 2 سأط اىقشاءة Play head/ruler ( يقشأ اىنييب اىحاى اىز يقف ػيي ف اىششيط اىض ىيظ ش ف افزة ؼاي ت اىفيذي ) 3 اىنييب اىحاى ( قذ ين ط سة أ ط ث أ ىقطت فيذي ) 4 اى غاساث ( Tracks اى غاساث حشب اىطبقاث Layers ي ن إعخخذا ػذد غيش حذ د اى غاساث اى غاس االػي ى األ ى يت ف اىقشاءة ث اى غاس اىز أعفو ). 8

9 إهشاء ومعاجلة ملفات الفيديو :Video Clips 1 استرياد ملفات الصور داخل الربنامج : ر ه ه ؿش ٠ ك ا ؼغؾ ه صس اسر ١ شاد ا فاخ + ف ا شش ٠ ؾ ا شئ ١ س Main Toolbar أ لائ ح File خراس ٠ ر Import Files ك س ا ظ س ف ذث ٠ ة Project Files تا ثش ا ح. 2 تزتيب الصور على الصزيط الزمنى : Timeline ٠ ر ر ه ه ؿش ٠ ك سسة ا ظ س افزج فاخ ا شش م Project Files ػن و ط سج ف ساس Track ن ا رشذ ١ ة ف ا ٠ ح ا ل س 3 استرياد ملف الصوت : ٠ ر ر ه تا ؼغؾ ه اػافح ف + Add File ا شش ٠ ؾ ا شئ ١ س Main Toolbar ث اخر ١ اس ف ا ظ خ ١ ل ش ف افزج فاخ ا شش م Project Files ث ٠ ر سسة ف ا ظ خ ا ازذ ا ساساخ 4 معاينة الفيديو : و وا ٠ ح ٠ ر ا ؼغؾ ه صس Play افزج وا ٠ ح ا ف ١ ذ ٠ ملحوظة : - ي ن اضافت غاس ششيط اىخحشيش Edit Toolbar ضغط ػي صس اضافت غاس + Track Add حفظ مشروع الفيديو : Save Project ي شش ط انق ائى انشئ غ ح Main Toolbar رى اخر اس File ثى اخر اس Save Project As ثى ذغ ح ان شش ع يكا انذفظ ز انطش قح ف انذفظ نهشج ع نه شش ع انرؼذ م ػه. ملحوظة :- توذ ا سفق ت ز ا ش ٠ مح ذل ش ا ٠ م ح ا شش م ف ىا ا سفق ت ١ ؼاء شتؾ ا ف تثش ا ح ٠ ر Openshot ه الرشا Association ه ؿش ٠ ك ا ؼغؾ تضس ا فأسج األ ٠ ه ا ف ذل ش لائ ح خرظشج خراس ا Properties ث Change ث More Options ث خراس Look for another app on this PC ث ثسث ه تش ا ح Openshot ث خراس إلشا ا ف Association تا ف ا ر ف ١ ز. التحكم فى الفرتة الزمنية املخصصة لعرض الفيديو Clip( ) Video 1 بالضػط والشحب على رأس مؤشز القزاءة وحتزيكى حتى يصل لنواية الفيديو على الصزيط الزمنى 2 الضػط على مشار املصود Track بالزر األمين للفأرة تظوز قائنة خمتصزة. 3 خنتار أمز شزحية الكليب Slice Clip وهنا ينقشه املصود إىل شزحيتني يته إختيار األمز Keep Both slides إلتماء ه ا شش ٠ سر ١ ( األ ٠ سش األ ٠ ) أ إخر ١ اس األ ش ١ ر Keep left slide اإلتماء فمؾ ه ا شش ٠ سح ا ١ سش أ إخر ١ اس األ ش ١ ر Keep Right slide اإلتماء ه ا شش ٠ سح ا ١. اوال :- إضافة تأثريات Effects ملصود الفيديو : 1 إلػافح ذأث ١ ش ٠ ر اخر ١ اس ذث ٠ ة Effects 2 اخر ١ اس ازذ ا رأث ١ شاخ تا ؼغؾ ا سسة ه ١ إػافر ش ذ ا ف ١ ذ ٠ ٠ ل ش س ض ا رأث ١ ش ه ش ذ ا ف ١ ذ ٠ مشاءج اس ا رأث ١ ش ٠ ر ا ل ف ه س ض ا رأث ١ ش ت ؤشش ا فأسج 3 سزف ا رأث ١ ش ا ؼاف ٠ ر ا ل ف ت ؤشش ا فأسج ه س ض ا رأث ١ ش ؼغؾ صس ا فأسج اال ٠ خراس ززف ا رأث ١ ش. Remove Effect 9

10 ثانيا :- إضافة مزاحل انتقالية Transitions ملصاهد الفيديو : 1 ا ؼغؾ ه ذث ٠ ة اال رماالخ Transitions ذل ش د هح ا شاز اال رما ١ ح 2 ا ؼغؾ ن ا سسة ه ازذ ا شاز اال رما ١ ح اػافر ش ذ ا ب 3 ٠ ر ػن ا شز ح اال رما ١ ح ف تذا ٠ ح ا ا ٠ ح ا ش ذ و ا ٠ ى ا رسى ف ا فرشج ا ض ١ ح وشع ا شز ح اال رما ١ ح تا ؼغؾ ا سسة ه ١ ا رم ١ ا ا ض ٠ ادج ط سة ط ث إضافت يف ض ثالجا :- إضافة نص اىل الفيديو : 1 فرر لائ ح Title ث خراس Title ف ١ ل ش شتن ز اس ٠ سر ه أ اخر ١ اس لا ة ا خؾ Select a template ب ذغ ١١ ش م ا خؾ Change Font ج ذغ ١١ ش ا خؾ Text Color د ذغ ١١ ش ا خ ف ١ ح Background Color - زفق ا ض ف ف Save 2 ٠ ل ش ا ف ا ظ ف فاخ ا شش م Project Files 3 ٠ ر إػافح ا ف ا شا ذ ا ف ١ ذ ٠ تا ؼغؾ ن ا سسة إػافر ا ازذ ا ساساخ تصدير الفيديو اىل ملف بامتداد مناسب : 1 ٠ ر ذظذ ٠ ش ا ف ١ ذ ٠ تا ؼغؾ ه صس ذظذ ٠ ش Export Video ا خ د ف ا مائ ح ا شئ ١ س ١ ح Export Video خراس File أ لائ ح Toolbar Main 2 ٠ ل ش ا شتن ا س اس رظذ ٠ ش ا ف ١ ذ ٠ Export Video 3 ٠ ر ذسذ ٠ ذ اس ف ا ف ١ ذ ٠ File Name 4 سذد ىا ا سفق Folder Path 5 سذد م ا رذاد ف ا ف ١ ذ ٠ Target 6 سذد سر خ دج ا ف ١ ذ ٠ ( ها ا د دج ر سؾ ا د دج ل ١ ا د دج ) "Quality" 7 ؼغؾ ه صس ذظذ ٠ ش ا ف ١ ذ ٠ Video" "Export ملحوظة : - هناك انواع لملفات الفيذيو رات امتذادات مختلفة مثل MP4 AVI 10

11 : السؤال االول :- أكمل التاىل األسئلة والتدريبات تتك اج ة الربىامج التاىل م...: 5...: 6...: 7...: السؤال الثانى :- أكمل إلنشاء مشاهد ف ديى يتم اتباع اخلطىات التال ه :

12 مقدمة الوحدة الثانية ى نغت ك يذ حسخخذو ال شاء طفحاث ي الغ اإل خش ج انثابخت انخى يخى ػشض ا باسخخذاو أحذ بشايح يسخؼشضاث اال خش ج. الفصل األول HTML Hyper Text Markup Language - ز انهغح ن غد نغح تشيجح د ث ال جذ ت ا )يرغ شاخ ج م ششط ح ج م ذكشاس... إنخ( - فقط يجشد نغح صف ح )ذصف شكم انث ا اخ نه غرؼشض ك ر ك ي ػشض ا( د ث ال جذ ن ا يرشجى أ يفغش. - زا ال غ أ ا األعاط انز ت ػه نغاخ ذص ى ان اقغ ان رقذيح ك jquery( ) php-asp -Css- Java Script - ن ظ زا فقط إ ا ي ان ك كراتح أ ايش ز انهغاخ كغكش ثراخ داخم أك اد نغر ا األو Html د ث ق و كم عكش ثد تأداء ي ح تشيج ح يؼ ح. أوامر لغة : HTML إل شاء طفحت يب غخخذ أ ا ش ىغت HTML حغ ز اال ا ش) Tags ع ) يق غخؼشع اإل خش ج بخ فيز ا ىيظ ش حأثيش ا ػي طفحت اى غخؼشع. - Tags كه اخ أ أدشف يذذدج يغثقا Keywords ذذ م يؼا خاصح. القىاعد االساس ة إلنشاء صفحة ويب بلغة : HTML 1 إ شاء ف ظ تئسرخذا أزذ تشا ح ذسش ٠ ش ا ظ ص ر ه ىراتح أ ا ش HTML ذوذ ٠ ا. 2 ٠ ر ػن األ ش )ا س ( Tag ت ١ هال ر ١ " > <." 3 ول األ ا ش ا تذا ٠ ح )فرر( " Begin Tag > < " ا ٠ ح ) غ ك( " End Tag > / < ". 4- إ ا ٠ ىرة ت ١ س ا ثذا ٠ ح ا ا ٠ ح ٠ ك ه ١ " سر " إال أ ان توغ ا س ١ س ا سر. 5-٠ ذ ح س ا ا ثذا ٠ ح ا ١ ا ٠ ح ف س ازذ ف زا ح ا و اطش هذ ٠ ح ا سر hr< >/br< /<..إ خ 6-٠ ر وراتح Html تاسرخذا أ سشس ظ تس ١ ؾ ث notepad أ رمذ ث ) DreamWaver أStudio ) Visual. 7 زفق ا ف ا ظ ا ز ٠ سر ه أ ا ش HTML تئ رذاد htm أ html ال ٠ خذ فشق ت ١ ا. 8 ا سر ذاخ ا ىر تح ت ٠ ك Html ه ١ ا. Web Pages 9 ٠ فرر ا ف ا سف ف تاسرخذا أزذ تشا ح سروشػاخ اإل رش د وشع طفسح ا ٠ ة. 10 ال ٠ شرشؽ أ ىرة األ ا ش HTML تسش ف وث ١ شج Capital أ طغ ١ شج Small ف غح. Small سا ح األزشف إال أ ا ٠ فؼ ا ىراتح ت Insensitive 12

13 : الرتك ب البهائى النشاء صفحة الىيب باستخدام HTML ملحوظة :- 1 وراتح األ ش <html> ف تذا ٠ ح ا ى د ٠ ش ١ ش إ أ ا سر ذ ىر ب ت غح. html 2 ٠ مس و د html إ لس ١ سئ ١ س ١. أوال head الرأس : املنطقة اخلاصة بكتابة معلومات للنشتعزض حول الصفحة مجل عنوان الصفحة باإلضافة لبعض املعلومات غري الظاهزة األخزى و اليت تشتخدموا حمزكات البحح من أجل األرشفة و البحح يف الػالب. ثانيا body الجسم : املنطقة اخلاصة بكتابة احملتوى الذى سيظوز داخل الصفحة. إضافة عهىان لصفحة الىيب : حخن طفحت اى يب ػ ا حخ يظ ش ػ ا طفحت اى يب داخو ششيط اىؼ ا أػي اىظفحت مخابت أ ش <title> ذسعخي </title> ف اىجضء اى خظض <head>...</head> 13

14 <body> </body> إضافة حمتىى لصفحة الىيب : نخب ػباسة " ذسعخ ج ييت ظيفت خط سة" داخو اال ش ملحوظة : - 1 سروشع اإل رش د ال ٠ رأثش تا سافاخ ا رش وح أ تاال رماي ا سش خذ ٠ ذ تؼغؾ فراذ. Enter تغ ري اجتاه صفحة الىيب باستخدام اخلاص ة : dir ف حاىت اىنخابت باىيغت اىؼشبيت ع ف حخاج ىخغييش احجا اىنخابت اىي ي اى اىيغاس اىؼنظ ف حاىت اىنخابت باىيغت اال جييضيت فإ احجا اىظفحت ين اىيغاس اى اىي ي ىؼ و رىل ع ف ق بخخظيض اىق يت rtl ىيخاطيت dir ىيظبح ط سة اال ش <body> <body dir="rtl"> 14

15 أوال :- تنشيق النص بصفحة الويب : اىنخابت بذايت عطش جذيذ باأل ش <br> 1 ىالحظ بعد كتابة الكيد السابق وتوف ذه ىظهر احملتيى الوصى على سطرىي : - حاراة اى ض ( ح عيط ) باعخخذا اال ش </center> <center>

16 <center>... </center> ىالحظ بعد كتابة مجلة ميقغ املدرسة باستخداه االمر إضافت فشاغاث ( غافاث ) بي اىني اث باأل ش 3 بعد كتابة مجلة ميقغ املدرسة وب وها االمر مكرر اربغ مرات تظهر بهذا الشكل بعد التوف ذ 16

17 . Attributes ملحوظة هامة : الىاصفات ختص ص سمىك عزض العنصز حملتىاه ح غيق اىخط ف طفحت اى يب غخخذ اال ش </font> <font>... 4 size 7 ملحوظة : - - وثاه : ىيجد العدىد مي االوامر التى مي خالهلا ىتم توس ق اخلط وموها : 17

18 - وثاه : تنشيق خلفية صفحة الويب : ثانيا : - 1 ححذيذ ى مخيفيت ىظفحت اى يب باىخاطيت bgcolor 18

19 : ضغ ط سة مخيفيت ىظفحت اى يب باىخاطيت Background 2 التعامل مغ الصير فى صفخات اليىب : 1 إدساج ط سة داخو طفحت اى يب باعخخذا اال ش > img < : إلدساج ط سة داخم طفحت ان يب سخخذو انخاطيت src انخابؼت ناليش <img> انظ سة يكا حفظ. رنك نخحذيذ اسى يهف - ح غيق اىظ سة داخو طفحاث اى يب : 2 ي ك ح سيك انظ سة ان ذسخت بانخحكى فى أبؼاد ا ( اإلسحفاع انؼشع ) يحاراح ا بان سبت نظفحت ان يب ي ك ػ م رنك ي خالل خظائض األيش <img> 19

20 height = "200" width = "300" - اخلاص ة height اى ازتفاع الص زة مجال - اخلاص ة width اى عسض الص زة مجال ملحىظة : - حذة قياط أبؼاد اىظ سة اىبنغو "Pixel". 450 = height <img src="school.png" height="450" width="800"> 800 = width ي ك انخحكى فى يحاراة انظ سة ي خالل انخاطيت Align انخاطت باأليش <img> حأخز انميى اآلحيت: ز انخاطيت مثال : - 20

21 src <bgsound> التعامل مغ الصيت داخل صفخات اليىب : إدزاج الص ت كخلف ة ص ت ة لصفخة ال ب باالمس مع اخلاص ة مثال : - ملحىظة : - اال ش <bgsound> ال يؼ و اال ػي غخؼشع اال خش ج " Explorer " Internet أل اى غخؼشع اى حيذ اىز يذػ ح فيز األ ش <bgsound> ال يظ ش حأثيش زا األ ش غ أ اع اى غخؼشضاث االخش إدراج ف دىي داخل صفخة اليىب باالمر <embed> : باستخداو االمس <embed> اخلاص ة src ته إدازج الف د ق نة اخلاص ة src تأخر اسه ملف الف د إمتداد ذلك فى حالة حفظ ملف الف د فى ىفس جملد صفخة ال ب غري ذلك ىكتب املساز كامل مثال : - إدراج ارتباط تشعبى بصفخة اليىب باالمر <a> </a> االزتباط التشعبى ىص أ ص زة مستبطة بعي ا عيد الضػط عل ته االىتقال اىل را العي ا ميك أ ك داخل ىفس الصفخة أ بصفخة أخسى داخل ىفس امل قع أ فى م قع اخس. 21

22 إلدراج إرتباط تشعبى ىستخده اخلاص ة href لألمر <a> وىكين ق نة اخلاص ة عويان امليقغ املطليب - االىتقام ال ه. : مثال :- عىن إرتباط ملىقع وسارة الرتبية والتعميي : خطىات أ - إنشاء وتنفيذ إرتباط تشعبى عمى هيئة نص لفتح وىقع وسارة الرتبية والتعميي 1 مخابت اىن د ف أحذ غقاث اى ظ ص حفظ. 2 فخح طفحت اى يب ف اى غخؼشع. 3 اىضغط ػي اى ض اىفائق ف طفحت اى يب. 4 فيخ حح يو قغ صاسة اىخشبيت اىخؼيي. 22

23 : ب إدراج ارتباط تشعبى لصىرة <img> ا ال - جيب إظ از الص زة باستخداو األمس <a>...</a> <img> ثاى ا - ضع أمس الص زة داخل األمس خطيات اىشاء وتوف ذ ارتباط تشعبى بإستخداه صيرة : - 1 مخابت اىن د ف أحذ غقاث اى ظ ص حفظ - 2 فخح طفحت اى يب ف اى غخؼشع ػ ذ اىضغط ػي اىظ سة اىفائقت يخ حح يو يب ( ذسعخ ) 3 يخ حح يو طفحت يب ( ذسعخ ) 23

24 إنشاء مشروع " موقع مدرستى " أ امس HTML مي التخط ط التفص لى للنيقغ ىتضح اىه مكين مي أربغ صفخات وىب : 1 طفحت اى يب اىشئيغت " ذسعخ " ححفظ بذاخو يف Home.htm 2 طفحت اى يب " ػ اى ذسعت " ححفظ بذاخو يف about.htm 3 طفحت اى يب " اىب اىظ س " ححفظ بذاخو يف photo.htm - 4 طفحت اى يب " اىشؤيت اىشعاىت " ححفظ بذاخو يف vision.htm ثه ته إىشاء حفظ كل صفخة ب داخل ملف ىصى باستخداو Home.htm 24

25 >html< >head< about.htm > title /<مدرستى> title < >/html< >/head< >/body< >"body bgcolor="skyblue" dir="rtl< >center< >"font face="andalus"color="red" size="6< عن المدرسة >br< اسم المدرسة : الحسين بن علي >br< عنوان المدرسة : األسكندرية >br< المرحلة : اإلعدادية >br< رقم التليفون : >br< >"embad src="video.mp4" height="400" width="400< >br><br< <a href="home.htm"><img scr="back.jpg" height=100 width="100"></a >/center< photo.htm 25

26 vision.htm 26

27 27

28 28