 |  |  |  |  |  |  |  |  |  | |
|  |  | ||||||||
 |
 |  |  |  |  |  |  |  |  |
| Ma3ali Tube | Be Happy | الجـوال | Ma3ali flickr | الغرفة الصوتية | البطاقات | الصـوتيـات | مركز التحميل | مجلة أجيال |
   |
  |
  |
  |
| |||||||
| مسار الواعدين هنا نُرحّب بالمبتدئين . . |
 |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
12-09-2007, 07:26 PM
| #1 |
| عضوية الوسام      |  HTML ( الدرس الحادي عشر ) : HTML <me ta> tag - The Head Element . . . أعضاء [ الفريق ] الواعد . . أصحاب الهمم المتقدّة . . نبارك . . لكم دخول الشهر [ المبارك ] . . ونذكركم . . . وأنفسنا بحقه جعلنا الله وإياكم من [ المقبولين ] . . . . . استجابةً . . لرغبة أفراد الفريق الكرام . . فقد تم إدراج الدرسين [ الأخيرين ] . . في وقت واحد . . نعم . . هما الأخيرين في لغة الـ HTML كاملة وأما ما تبقى في المصدر . . فهو إعادة لما سبق وسنتركهما . . مفتوحين ليمكنكم المتابعة في أي وقت . . . وبهذا . . [ نكون انتهينا من الـ HTML كاملة ] ولله الحمد والمنة . . سنتوقف في رمضان . . ونستأنف بعد العيد مباشرة . . بإذن الله ما ذا سيكون بعد العيد . . ؟ ؟ ؟ سننتقل إلى لغات أخرى بعد مراجعة الـ HTML وكل اللغات تعتمد على الـ HTML أي من فهم الأولى . . سيفهم الأخيرة . . بإذن الله وسيتم تنظيم القسم أكثر . . وحصر الفريق . . [ بأسماء محددة ] لا يقبل غيرهم . . ويجب عليهم الإلتزام بما يطلب منهم . . لذا ننوه . . بضرورة الحضور بعد العيد مباشرة بإذن الله . . لاعتماد الأسماء [ المستمرة ] . . . . . . وأما الآن . . فإليكم الدرس الـ (12) . . في الرد القادم . . وأما الدرس الـ (13) في موضوع آخر >>> هنا <<< . . . |
| التعديل الأخير تم بواسطة twinkle ; 28-10-2008 الساعة 01:03 PM. سبب آخر: تعديل العنوان | |
 |
 | |||
| إنجلش أونلاين المعلم أمامك | منتديات مسلمة النسائية | مساحة إعلانيه | |
|
12-09-2007, 07:26 PM
| #2 |
| عضوية الوسام | الدرس ( 12 ) . .•°•. . HTML <me ta> tag - The Head Element . .•°•. . ... ::::::The Head Element :::::::: - يحتوي على المعلومات عامة للصفحة .. و التي تسمى me ta-information. المعلومات داخل عنصـر الـ Head / العناصر التي تكون داخل العنصر <head> لا يعرضها المتصفح . و توجد 6 وسوم يُسمح بوضعها داخل جزء الـ <head> وهي : <base>, <link>, <me ta>, <title>, <style>, and <script>. انظر إلى التركيب التالي : كود: <head> <p>This is some text</p> </head> لو وضعنا وسم غير مسموح بوضعه داخل جزء الـ<head> . فإن المتصفح له خياران : 1- يعرض النص لأنه داخل وسم <p> أو <h1> ... إلخ .. 2- يخفي النص لأنه داخل وسم <head> .. >>أكثر المتصفحات تعرضه , مع أنه خطأ ------------- وسم <head> ويعرف معلومات حول الوثيقة ( الصفحة ).. ويحتوي على المعلومات الرئيسية حول الوثيقة ولا يعرض المتصفح تلك المعلومات. الوسوم التالية ممكن أن تكون داخل الوسم <head> وهي / كود: <base>, <link>, <me ta>, <script>, <style>, and <title>. ------الخواص الإختيارية------ (1) profile وقيمته\ رابط انترنت ... url .. وظيفتــــــــــه \ يحدد مكان profile للــ me ta data -------------Standard Attributes------- dir وسبق شرحها ..في درس سابق ..................الوسم............... ...........<title>............ ويعرف عنوان الوثيقة ..(الصفحة) كود: <html> <head> <title>XHTML Tag Reference</title> </head> <body> The content of the document...... </body> </html> dir وسبق شرحها ..في دروس سابقة ..................الوسم.............. ...........<base>............. يعرف قاعدة (رابط انترنت)URL لجميـــع الروابط في الصفحة - هذا الوسم لابد أن يكتب داخل الوسم <head> لنفترض بأن لدينا صورة عنوانها : كود: <img src="http://www.w3schools.com/images/smile.gif" /> كود: <img src="http://www.w3schools.com/images/angry.gif" /> وحتى لا أعيد كتابة المسار مع كل صورة استخدم الوسم <base> اضع فيه المسار المشترك لكل الروابط في صفحتي. هكذا : كود: <head> <base href="http://www.w3schools.com/images/" /> </head> كود: <img src="smile.gif" /> --------الخواص المطلوبة------- --Required Attributes-- (1) href قيمته \ رابط انترنت ... url وظيفتهـــــــــــــ\ تحدد ( قاعدة URL) أو ( المسار المشترك) لكل الروابط في الصفحة. -------الخواص الإختيارية -------- ----Optional Attributes---- target وقيمها : كود: _blank _parent _self _top وظيفتـه / يحدد الطريـقـة التي ستفتح بهـا أي رابط في الصفحـة اذا لك يحدد طريقـة معينـه لفتح الصفحـة داخل وسم الروابط مثــال http://www.w3schools.com/tags/tryit....e=tryhtml_base ______________________ . . . . HTML <me ta> tag كمـا وضحنا في الدرس السابـق وسم <me ta> يستخدم لكتابـة معلـومـات عـن صفحـتـك مثلآ / اسم مصمم الصفحـة و البرنامج المستخدم في تصميم الصفحـة وكذلك وصف لصفحـة و الكلمات المفتاحيـة وكما يوجد استخدامات أخرى لوسم <me ta> مثـل عمـل تحديث لصفحـة وللمعلـوميـة .. كثيـراً مـن محركـات البحـث تعتمد على وسم <me ta> في أرشفـة صفحتك ومن خلال وصفك لصفحـة وكذلك من خلال الكلمات المفتاحيـة يتم اظهار موقع للباحث في محرك البحث ملاحظات \ 1- وسم <me ta> يكتب داخل الوسم <head> 2- وسم <me ta> دائمًا يتكون من جزئين الإسم وقيمته ( name \ value). أمثلة : يعرف الكلمات الدليلية (المفتاحيـة) لمحركات البحث \ كود: <me ta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" /> لاحظوا في المثـال السـابـق .. كتابـة القيمـة keywords للخاصيـة name وهي تستخدم لكتابـة الكلمات الدليليـة ( المفتاحيـة) ومن ثم كتابـة الكلمات الدليليـة كقيم للخاصيـة content ويتم الفصل بين كل كلـمة بفاصلـة تذكر بأن هذه الكلمـات هي التي سوف تدل الباحثين عن معلومـة الى موقعك من خلال محركات البحث فختـار الكلـمات التي تعتقد أن الباحث سوف يكتبها في محركات البحث لاتكثـر في وضع الكلمات الدليليـة فبعض محركـات البحث سوف تعتبـرك كـاذب ولـن تأخذها فالأفضـل 30 كلمـة أو أقـل --- يعرف وصف لصفحتك \ كود: <me ta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" /> لاحظوا في المثـال السابق وضع القيمـة description للخاصيـة name وهي تستعمل لكتابة وصف لصفحة ومن ثم كتابة الوصف كقيمـة للخاصيـة content --- يعرف أخر تعديل للصفحة / كود: <me ta name="revised" content="Hege Refsnes, 6/10/99" /> يحدد وقت تحديث الصفحة \ كود: <me ta http - equiv="re fresh" content="5" /> مـلاحـظـة .. الفرغـات الموجوده في المثال السابق ليست من المثال ولكن تم وضعهـا بسبب منع إدارة المنتدى لهذه الكلمـات !! لاحظوا المثــال السابق وضعنـا كلمة re fresh كقيمـة للخاصيـة http - equiv وتستخدم لتحديث وكذلك لاحظوا القيمـة 5 للخـاصيـة content وهي تعني بأن كل خمسه ثواني يتم عمل تحديث لصفحة بإمكانك تغيرهـا بالرقم الذي تريد تستخدم هذه الطريقـة لتحويـل الصفحـات بمعنـى أنـه لو نقلت موقعك من دومين الى دومين أخر فبمجرد دخول الزائر لدومين القديم يتم تحويلـه للجديد بنفس طريقـة المثال التالي .. كود: <me ta http - equiv="re fresh" content="2; url=http://www.google.com"> ............................أمثلة توضيحية آخرى.................. ........... الكلمات الدليلية لمحركات البحث.............. فائدتـــــــــــــهـــــا \ إضافة موقعي ضمن محركات البحث. وذلك بإضافة بعض الكلمات التي تدل على محتوى موقعي بأستخدام الوسم <me at> مع خاصية ( name="description" ) أو ( name="keywords" ) . مثال \ لو كان موقعي عن الملابس و الأزياء. فإنني أكتب : كود: <me ta name="description" content="معرض أزياء للشرق الأوسط , ملابس, أحذية, و شنط "> كود: <me ta name="keywords" content="ملابس, أخذية, شنط"> http://www.w3schools.com/html/tryit....yhtml_keywords ---- الخواص المطلوبة : (1) content قيمته \ some_text.... أي نص وظيفته \ يحدد المعلومات التي ترتبطة بالخاصية ( name ) أو الخاصية ( http-equiv) بمعنى يعتمد على قيمة الخاصية( name ) أو الخاصية ( http-equiv) مثلا لو كان كود: name="description" ولو كان كود: http - equiv="re fresh" -------- ::::::: الخواص الإختيارية ::::: ( 1 ) http-equiv وقيمه : content-type يستخدم لتحديد نوعيـة محتويات الصفحـة من اللغـة المستخدمـه في بناء الصفحـة والترميــز ( مهم جداً) وهـذا مثـال يستخدم لصفحـات العربيـة المستخدمـة للغـة الـ HTML كود: <me ta http - equiv="content-type" content="text/html; charset=windows-1256"> expires (انتهاء مدة الصفحـة) يخبر محركات البحث بأن لا تعرض هذه الصفحة في مصنفاتها في وقت معين إذا أردت ذلك. هذا الوسم مفيد في حالة كانت صفحتك متوفرة حتى تاريخ معين، أو ماشابه: مثــال .. كود: <me ta name="expires" content="13 July 2008"> تحديث الصفحة set-cookie يضع ملفات الكوكز في جهاز المستخدم لمعرفته حين يطلب الصفحة مرة أخرى. (2) name قيمه : author لتحديد اسم المؤلف أو صاحب الموقع أو المصمم مثــال .. كود: <me ta name="author" content="LaLLaKy"> لكتابة وصف للموقع keywords لتحديد الكلمات الددليلية ( المفتاحية ) generator لتحديد اسم البرنامج المستخدم في انشاء الصفحـة ( ان كنت استخدمة برنامج ) مثال .. كود: <me ta name="generator" content="Dreamweaver "> revised يخبرنا أن محتوى الـcontent هو تاريخ أخر تعديل تم على الصفحة. وقد توجد قيم غير هذه وظيفتـهــــــــــــــــــــا\ يحدد قيمة الخاصية التي على اساسها ... يوضع قيمة المحتوى (content ) (3) scheme ( المخطط ) وقيمهــــــــــــــا : اي نص ....some_text وظيفتها \ يعرف الصيغة التي ستستعمل لترجمة قيمة الخاصية أخرى .. مثال \ كود: me ta scheme="ISBN" name="identifier" content="0-8230-2355-9"> :::: Standard Attributes :::: :::: الخواص القياسية ::: dir وسبق شرحها .. مثال \ الخاصية http-equiv عندما قيمتها = "Refresh" http://www.w3schools.com/html/tryit....yhtml_redirect ::::: خواص غير معروفة للميتا ::::::: قد ترى في بعض قيم غيربيـه ...بمعنى ليست ضمن القيم المحدده سابقة للخاصية name مثال \ كود: <me ta name="security" content="low"> ------------------- |
| التعديل الأخير تم بواسطة ريفــــــــــــــــان ; 14-09-2007 الساعة 06:54 AM. | |
| |
|
14-09-2007, 03:19 PM
| #3 |
| |  . . . ما شاء الله . . معلومات قيّمة .. أثابكم الله . . على جهدكم . . المتميّز . . سأقرأه برويّة . . . . . |
| |
|
15-09-2007, 07:24 AM
| #4 |
| | جزاكم الله خيراً.. خبر مفرح.. لي عوده.. |
| |
|
15-09-2007, 07:34 PM
| #5 |
| |
السلام عليكم ,, جعلنا الله وإياكم من [ المقبولين ] . . اللهم آميين ,, شكراً يا إخوة على الدرس ,, الله يثيبكم ويجزاكم خير هل هناك واجب لتطبيقه ؟ شكراً مرة أخرى ,, الأمل |
| |
|
15-09-2007, 07:48 PM
| #6 |
| عضوية الوسام |
وعليكم السلام ورحمة الله وبركاتــه مـن أستطـاع التطبيـق .. فهـذا الأفضــل . |
| |
|
15-09-2007, 10:34 PM
| #7 |
   |
مشكووورين تعرفون عندي دراسة ارجو منكم فتح هذا القسم حتى نرجع له بعدين يمكن بعطلة العشر ارجع فلا تسكرونة شفتو البرنامج اللي جابه لالكي ( الظاهر انه كذا ) صراحة ممتاز ليش ما تشتغلون عليه اسهل |
| |
|
16-09-2007, 12:13 AM
| #8 | |
| عضوية الوسام |
نور الفريق وترى LaLLaKy صــار أبـو سـارة  | |
| |
|
16-09-2007, 01:55 AM
| #9 |
| | جاري قراءة الدرس ,, لي عودة بحول الله ,, |
| |
|
17-09-2007, 02:10 AM
| #10 |
| | جزاكم الله خيرا دائما ما أشاهد السورس لبعض الصفحات التي تحتوي على صور وفلاشات وأستغرب لماذا لم تكتب الرابط للصور أو الفلاشات كاملا!! هذا معناه أنها استخدمت وسم الـbase في الـhead نحن نرى تأثير وسم me ta من دون أن نعرف ماهو... مثل فكرة الأرشفة... ومثل فكرة التحويل من دومين لآخر... ومثل فكرة تحديث الصفحة بعد ثواني معينة (أعرف موقع يضع خيار أعلى الصفحة يمكن المستخدم من عمل تحديث للصفحة كل دقيقة أو 5 أو 10 أو 15 دقيقة أو لا يعمل تحديث مطلقا) لدي سؤالين: خاصية ( http - equiv ) هل وجود كلمة http جزء من لغة HTML أم أنه دليل على أنها لا تعمل إلا على scheme من نوع http؟؟ الخواص غير المعروفة للميتا هل هي خواص معينة... أم أنا أستطيع كتابة أي خاصية دون قيود ؟؟ جزاكم الله خيرا |
| |
|
17-09-2007, 02:32 AM
| #11 | |
| عضوية الوسام |
يمكن كانت الصورة أو الفلاش في نفس المجلد اللي محطوط فيـه الصفحـة فمباشرةُ يتم وضع اسم الصورة أو الفلاش بدون أن يتم استخدام الـ base وهذه الحركـة حلوه بذات في مواقع الفلاشات اللي مايبغوا أحد ياخذ الرابط حق الفلاش فالكثير من العامـة لا يعرفوا يركبوا الاسم على رابط الصفحة فيطلع رابط الفلاش تمام هـذا ما أردت قوله رداً على الملاحظـة الأولى ولي رد بإذن الله على باقي | |
| |
|
17-09-2007, 02:41 AM
| #12 | |
| عضوية الوسام |
فمن الممكن كتابة أي قيمة دون أي قيود مثلا وضع ذكريات !! يعني انه الصفحة صممها الأخ فلان وعمل السكربت الأخ فلان والسكربت درجة أمانه متوسطه وأي حاجـة تانية -------------------------- أتمنى تعديل هذا الجزء في الدرس ::::: خواص غير معروفة للميتا ::::::: قد ترى في بعض قيم غيربيـه ...بمعنى ليست ضمن القيم المحدده سابقة للخاصية name الــى ::::: خواص غير معروفة للميتا ::::::: قد ترى في بعض المواقع قيم غريبة للخاصيـة name ... بمعنى انها ليست ضمن القيم المحدده سابقاً للخاصية name ------------- | |
| |
|
17-09-2007, 07:17 PM
| #13 |
| و بقَلبِي مسْكنٌ أنتُم به  | بشارة رائــ ع ــــة . . جزاكم الله خيــــــــر . . لي عودة بإذن الله . . |
| |
|
09-10-2007, 08:50 AM
| #14 | |
| عضوية الوسام |
فإذا كـان الرد جواباً على سـؤالك .. فأتمنى منك ترجمـة الرد الى اللغة العربيـة .. : p ME TA and HTTP headers The http-equiv attribute can be used in place of the name attribute and has a special significance when documents are retrieved via the Hypertext Transfer Protocol (HTTP). HTTP servers may use the property name specified by the http-equiv attribute to create an [RFC822]-style header in the HTTP response. Please see the HTTP specification ([RFC2616]) for details on valid HTTP headers. | |
| |
|
09-10-2007, 11:29 PM
| #15 |
| | شكر الله لكم.. . |
| |
|
13-10-2007, 05:08 PM
| #16 |
| | سؤال متأخر ,,عذرا ,, ما التطبيق المطلوب لهذا الدرس ...؟؟ بارك الله فيكم ..و كل عام و أنتم بخير ,, |
| |
|
14-10-2007, 01:14 AM
| #17 |
| عضوية الوسام | . . مـرحبـاً بعودتـك أختـي أرومـا التطبيـق عمـل أي صفحـة بـأي طريقـة كـانـت وتستخدمـي وسـم الـ<me ta> في التعريف عن صفحتك و عن ترميـز الصفحـة واضافـة معلومـات أخـرى كمـا تشـائيين أرى أن أنسب موضوع هـو .. عيد الفطـر .. |
| |
|
14-10-2007, 10:44 AM
| #18 |
| | ما شاء الله .. درس جميل بإذن الله لي عودة بالتطبيق |
| |
|
21-10-2007, 08:32 PM
| #19 |
| | جميل جداً .. شكر الله لكم جهودكم .. هذه مسودتي عندما كنت أقرأ الدرس .. : ) كود: <html>
<head>
<base href="http://forum.ma3ali.net/image" target="_blank">
</base>
<me ta name="keywords" content="html,xhtml" name="description" content="free web" name="revised" content="Hege Refsnes, 6/10/99" name="********************* content="5" "http - equiv="content-type" content="text/html; charset=windows-1256" >
</me ta>
<title> m3ali </title>
</head>
</html> |
| |
|
22-10-2007, 09:35 PM
| #20 | |
| عضوية الوسام |
جميـلة تجربتـك .. لكـن الأخطـاء في الكود كثيـرة .. !! أترك لـك محـاولـة إصـلاح الكود .. بالتوفيــق .. | |
| |
|
| مواقع النشر (المفضلة) |
« HTML ( الدرس العاشر ) : HTML Layout - Using Tables
|
HTML ( الدرس الثاني عشر ) : HTML URL-encode - HTML URLs »
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
| |
| الموضوع لم يُقرأ بعد |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
العرض العادي
| |
الساعة الآن 06:05 AM.
