محمدسمسمة
10-10-09, 05:10 PM
الدرس السادس
اعتزر لكم جميعا عن تاخرى فى طرح الدرس لظروف خارجة عن ارادتى واوعدكم بمواصلة الدورة خلينا فى المهم
http://www.arabteam2000-forum.com/style_images/ip.boardpr/spacer.gif (http://www.arabteam2000-forum.com/style_images/ip.boardpr/spacer.gif)
لو انا عايز اكتب كلمة وكلمة تانية فوقها بسنة صغيرة…
يعني مثلا رقم اس رقم تاني..وممكن تعملها برده علي الكلام عادي مش الارقام بس…
انا عايز اكتبy اس x ….معلش انا كاتبها كده لان مفيش امكانية هنا أي اكتبها بالشكل بتاعها ..بس البراوزر بيدعم اني اكتبها بالشكل السليم بتاعها…
بكتب بالمنظر ده:
y<sup>x
وبعدين بقفله..
sup دي اختصار ل super يعني انا قلتله x خليها سوبر شوية ..يعني فوق..
ونفس الحكاية لو عايزها تحت شوية بالامر <sub>
y<sub>x
وبعدين بقفله
الامر <p>
ده امر مهم…وله شوية اتربيوتس مفيدة…
لو انا كتبته لوحده كده من غير أي اتربيوتس خالص…بيعمل 2 انتر…وده لانه حرف ال p ده اختصار لكلمة paragraph فانا لما بكتبه كده لوحده بيعرفه اني هبدا باراجراف جديد فيبيروح نازل 2 انتر عشان يبقي كل بارجراف لوحده مستقل…وطبعا في الحالة دي مش محتاج اقفله لان كل وظيفته في الحالة دي اه ينزل 2 انتر… بس ده طبعا مش مهم ابدا وانت لو عايز تعمل باراجراف جديد هتنزل لودك وتدوس انتر عادي…
الاتربيوتس بتاعته:<p align= right>
بكتب هنا في خانة الفاليو دي
right –left-center
هيطلع الكلام ده في الصفحة ناحية اليمين او الشمال او في النص زي ماحضرتك كاتب… جرب وشوف
وده لو حضرتك عايز شوية كلام عين تخليهم من ناحية اليمين وبقية الكلام من علي الشمال وكده…
انما لو عايز الصفحة كلها تيجي من ناحية اليمين بتريح فسك وبتكتب اتربيوت في الامر <html> من الاول خالص بتقولله يخلي الصفحة كلها من علي اليمين وبعدين عادي لوز حبيت تكتب شوية من علي الشمال تبقي تعملهم بالامر <p> والباقي هيبقي يمين
<html dir=rtl>
انا كده قلتله الاتجاه من اليمين الي الشمال
r اختصار ل right
T اختصار ل to
L اختصار ل left
والعكس ltr من الشمال لليمين…بس طبع ده الاساسي بتاعه مش لازم بتكتب..اناا بس لو كان موقعي عربي وهيتكتب من علي اليمين كله بكتب rtl دي في الاول…
…
خلص الامر <p>
لو انا عايز اكتب list
يعني مثلا عايز اقول كده:
substances:
arabic
english
physics
طبعا انا ممكن اكتبهم كده بالمنظر ده عادي من غير مشاكل..
بس في وسيلة مساعدة للتنظي بتقدمها اللغة دي..لو عايز تستعملها اهلا وسهلا مش عايز انت حر…
فدي ليها امر بينظمها شوية….
اللستة اللي انا هعملها ممكن اعملها مرقمة واحد اتنين تلاتة وممكن اعملها مش مرقمة…
لو عايزها مرقمة بقولله الامر ده <ol>
وده اختصار لكلمة ordered list
ولو عايزها مش مرقمة بقولله الامر ده <ul>
وده اختصار لكلمة unordered list
وطبعا دول امرين بيتقفلوا في الاخر بعد مااخلص كتابة اللستة كلها…
بس في كمان حتة صغيرة …
هما مش بيتكتبوا كده بس…
بيتكتبوا بالمنظر ده:
subjects
<ol>
<li>
arabic
<li>
english
<li>
phyiscs
</ol>قبل كل item في اللستة دي بكتب li ومش بقفلها ..دي بتعرفه ان ده ايتم في اللستة دي …ومش لازن ننزل سطر تحت ال li زي مانا كاتب كده بس انا اضطريت اكتبهم كدهعشان المنتدي ده عجيب ..بيغير شكل الاوامر لو كتبت حاجة جنبها...
ونفس الموضوع في الunordered list
جرب وشوف المنظر هتلاقيه بقي منظم اكترما كنت ممكن تنظمه بايدك..واريح…
في اتبربيوت للامرين دول اسمه type عشان احدد لو انا هعمله مرقم ..انا مثلا عايزة مرقم واحد اتنين تلاتة و ولا مرقم لاتيني ولا A-B-C…
فانا لو سبته وخلاص من غير أي اتربيوت هيرقمه واحد اتنين تلاتة
لو عايزه A-B-C
<ol type=a>
هيطلعه مترقم abc وكلها حروف small
لو عايزها capital
بعمل نفس الكلام وبكتب حرف ال A كابيتال
لو عايزها لاتيني:
<ol type=I>
وبرده فس الموضوع capitl و small
وجرب وشوف بنفسك…
لو عايزها مش مرقمة هو هيطلع جنبها دايرة سودة لو كتبتها كده وخلاص ..
لو انا عايز مربع او دايرة فاضية بعمل نفس الكلام…
<ul type=square>
<ul type=circle>
طبعا هو ده كلام مش مهم اوي بس انا بقول كل حاجة….وفي فايدة قلت هنعرفها بعدين من اننا نبقي عارفين كل حاجة حتي لو مش هنستعملها..
لو انا عايز احط كلمة وتعريفها تحتها بشوية..برده ممكن تظبطها بايدك بس هو ممكن يريحك…
انا عايز اكتب html وتعريفها تحتها وبعدين http وتعريفها تحتها …
لو كتبتهم بايدي ممكن ميبقوش متظبطين ع بعض ويبقي شكلهم مش ظريف……
فانت جرب كده تكتبهم بالمنظر ده:
<dl>
<dt>
html
<dd>
hyper text markup language
<dt>
http
<dd>
hyper text transfere protocol
</dl>متهيالي من المثال المكتوب واضح طريقة كتابة الامر ده…
بكتب dl في الاول وبقفلها في الاخر بتعرفه اني هتب هنا تعريفات وممكن تعريف واحد عادي..
وبعدين الكلمة الكبيرة اللي عايز اعرفها بكتب قبلها <dt> ومبيتقفلش
والتعريف بكتب قبله <dd> وبرده مبيتقفلش
..
طبعا كلام مش مهم اوي…
….كده تقريبا كل حاجة بالنسبة لل data خلصت…
ناقص بس انا كنت قلت لحضراتكم بالنسبة لصورة الخلفية..كنت قلت في ملاحظة ابقوا فكروني اقولهالكم…
وهي اننا قلت ما احط صورة في الخلفية يبقي مفيش داعي اني احط لون في الخلفية لان الصورة هيه اللي هتبان…بالرغم من كده أي حد بيعمل وقع لو حط صورة في الخلفية بتلاقيه كاتب لون برده للخلفية وده لسبب:
حضرتك لما بتيجي تفتح موقع علي حسب الحاجات الموجودة فيه بتكون سرعة تحميله…والصور بتاخد وقت شوية في التحميل…
كل ماكان عليه صور كتير بتاخد فترة علي متحمل…
ففي بعض الناس المحترفين شوية ومش عايزين يضيعوا وقت….بيعملوا حركة حلوة..
في خاصية في الويندوز اسمها اعرضلي أي موقع انا افتحه من غير صور خالص…
هيفتحلك أي موقع طبيعي جدا من غير متبان ولا صورة في الموقع ده…وده بيسرع التحميل شوية…
الناس اللي بيعملوا كده مش مهمين بالمنظر ..بس عايزين يشوفوا حاجة في الموقع وخلاص او يعرفوا معلومة منه بسرعة وخلاص…
في الحالة دي لو انا عامل لون للخلفية ..اول مالشخص ده اللي لاغي الصور يفتح الموقع بتاعي هيلاقي لون الخلفية الي انا عامله هو اللي هيظهر فتبقي برده الصفحة شكلها مش وحش ومش هتاخد وقت معاه لان الصور مش هتظهر..
لو انا مكنتش عامل لون…هتظهرله الخلفية بيضة وشكلها سخييييييف…
طبعا تلاقيك دلوقتي بتقول وانا مالي بالاخ الرخم ده…هو لغي الصور يتحمل المسئولية بقي ويطلعله المنظر زي ميطلع انا مليش دعوة…
فهنا في معلومة مهمة اوي لازم يعرفها أي مصمم مواقع…
انت لما عملت الموقع عملته ليه؟؟؟؟؟؟؟؟؟
عايز الناس تدخل عليه وتشوف الموجود فيه…
طيب لو انا عملت الموقع وحطيت فيه معلومات كتير اوي وحلوة اويييييييييي…بس شكله مش حلو..او طريقة تعامله مع الزائر رخمة..او بيحمل بالراحة اوي…
وجه شخص دخل عليه…
تخيل نفسك كده انت الزائر بتاع موقعي الرخم ده..
بتفتحه لقيته بطييييييييئ اوي وشكله وحش وبيتعامل معاك باسلوب رخم…هتدخل عليه تاني؟؟؟؟
حتي لو عليه معلومات حلوة اوي مش هتدخل عليه تاني ابدا..وهتقول يعم في مليون موقع تاني كويس اشوفلي حاجة حلوة منهم وبلاش قرف…
اقصد اقول من الكلام ده ان أي مصمم مواقع اهم حاجة بيحطها فيد ماغه هو زوار الموقع…وازاي يرضيهم وازاي يتعامل معاهم بشكل ظريف ويحسسهم ان الموقع ده حلو اوي وسريع التحميل وشكله حلو…ولذلك احنا بنحاول بكل الطرق اننا نعمل ما يرضي زائر الموقع اضافة الي ما في الموقع من معلومات ..ده يؤدي الي ان الناس تدخل عليه علطول..
ولو عايزين تعرفوا ازاي تلغوا ان الصور تظهر في الموقع عشان تسرعوا التحميل شوية اقولهالكم..لو عايزين يعني…
يارب يكون درس خفيف مش تقيل..وربنا يوفقكم
اعتزر لكم جميعا عن تاخرى فى طرح الدرس لظروف خارجة عن ارادتى واوعدكم بمواصلة الدورة خلينا فى المهم
http://www.arabteam2000-forum.com/style_images/ip.boardpr/spacer.gif (http://www.arabteam2000-forum.com/style_images/ip.boardpr/spacer.gif)
لو انا عايز اكتب كلمة وكلمة تانية فوقها بسنة صغيرة…
يعني مثلا رقم اس رقم تاني..وممكن تعملها برده علي الكلام عادي مش الارقام بس…
انا عايز اكتبy اس x ….معلش انا كاتبها كده لان مفيش امكانية هنا أي اكتبها بالشكل بتاعها ..بس البراوزر بيدعم اني اكتبها بالشكل السليم بتاعها…
بكتب بالمنظر ده:
y<sup>x
وبعدين بقفله..
sup دي اختصار ل super يعني انا قلتله x خليها سوبر شوية ..يعني فوق..
ونفس الحكاية لو عايزها تحت شوية بالامر <sub>
y<sub>x
وبعدين بقفله
الامر <p>
ده امر مهم…وله شوية اتربيوتس مفيدة…
لو انا كتبته لوحده كده من غير أي اتربيوتس خالص…بيعمل 2 انتر…وده لانه حرف ال p ده اختصار لكلمة paragraph فانا لما بكتبه كده لوحده بيعرفه اني هبدا باراجراف جديد فيبيروح نازل 2 انتر عشان يبقي كل بارجراف لوحده مستقل…وطبعا في الحالة دي مش محتاج اقفله لان كل وظيفته في الحالة دي اه ينزل 2 انتر… بس ده طبعا مش مهم ابدا وانت لو عايز تعمل باراجراف جديد هتنزل لودك وتدوس انتر عادي…
الاتربيوتس بتاعته:<p align= right>
بكتب هنا في خانة الفاليو دي
right –left-center
هيطلع الكلام ده في الصفحة ناحية اليمين او الشمال او في النص زي ماحضرتك كاتب… جرب وشوف
وده لو حضرتك عايز شوية كلام عين تخليهم من ناحية اليمين وبقية الكلام من علي الشمال وكده…
انما لو عايز الصفحة كلها تيجي من ناحية اليمين بتريح فسك وبتكتب اتربيوت في الامر <html> من الاول خالص بتقولله يخلي الصفحة كلها من علي اليمين وبعدين عادي لوز حبيت تكتب شوية من علي الشمال تبقي تعملهم بالامر <p> والباقي هيبقي يمين
<html dir=rtl>
انا كده قلتله الاتجاه من اليمين الي الشمال
r اختصار ل right
T اختصار ل to
L اختصار ل left
والعكس ltr من الشمال لليمين…بس طبع ده الاساسي بتاعه مش لازم بتكتب..اناا بس لو كان موقعي عربي وهيتكتب من علي اليمين كله بكتب rtl دي في الاول…
…
خلص الامر <p>
لو انا عايز اكتب list
يعني مثلا عايز اقول كده:
substances:
arabic
english
physics
طبعا انا ممكن اكتبهم كده بالمنظر ده عادي من غير مشاكل..
بس في وسيلة مساعدة للتنظي بتقدمها اللغة دي..لو عايز تستعملها اهلا وسهلا مش عايز انت حر…
فدي ليها امر بينظمها شوية….
اللستة اللي انا هعملها ممكن اعملها مرقمة واحد اتنين تلاتة وممكن اعملها مش مرقمة…
لو عايزها مرقمة بقولله الامر ده <ol>
وده اختصار لكلمة ordered list
ولو عايزها مش مرقمة بقولله الامر ده <ul>
وده اختصار لكلمة unordered list
وطبعا دول امرين بيتقفلوا في الاخر بعد مااخلص كتابة اللستة كلها…
بس في كمان حتة صغيرة …
هما مش بيتكتبوا كده بس…
بيتكتبوا بالمنظر ده:
subjects
<ol>
<li>
arabic
<li>
english
<li>
phyiscs
</ol>قبل كل item في اللستة دي بكتب li ومش بقفلها ..دي بتعرفه ان ده ايتم في اللستة دي …ومش لازن ننزل سطر تحت ال li زي مانا كاتب كده بس انا اضطريت اكتبهم كدهعشان المنتدي ده عجيب ..بيغير شكل الاوامر لو كتبت حاجة جنبها...
ونفس الموضوع في الunordered list
جرب وشوف المنظر هتلاقيه بقي منظم اكترما كنت ممكن تنظمه بايدك..واريح…
في اتبربيوت للامرين دول اسمه type عشان احدد لو انا هعمله مرقم ..انا مثلا عايزة مرقم واحد اتنين تلاتة و ولا مرقم لاتيني ولا A-B-C…
فانا لو سبته وخلاص من غير أي اتربيوت هيرقمه واحد اتنين تلاتة
لو عايزه A-B-C
<ol type=a>
هيطلعه مترقم abc وكلها حروف small
لو عايزها capital
بعمل نفس الكلام وبكتب حرف ال A كابيتال
لو عايزها لاتيني:
<ol type=I>
وبرده فس الموضوع capitl و small
وجرب وشوف بنفسك…
لو عايزها مش مرقمة هو هيطلع جنبها دايرة سودة لو كتبتها كده وخلاص ..
لو انا عايز مربع او دايرة فاضية بعمل نفس الكلام…
<ul type=square>
<ul type=circle>
طبعا هو ده كلام مش مهم اوي بس انا بقول كل حاجة….وفي فايدة قلت هنعرفها بعدين من اننا نبقي عارفين كل حاجة حتي لو مش هنستعملها..
لو انا عايز احط كلمة وتعريفها تحتها بشوية..برده ممكن تظبطها بايدك بس هو ممكن يريحك…
انا عايز اكتب html وتعريفها تحتها وبعدين http وتعريفها تحتها …
لو كتبتهم بايدي ممكن ميبقوش متظبطين ع بعض ويبقي شكلهم مش ظريف……
فانت جرب كده تكتبهم بالمنظر ده:
<dl>
<dt>
html
<dd>
hyper text markup language
<dt>
http
<dd>
hyper text transfere protocol
</dl>متهيالي من المثال المكتوب واضح طريقة كتابة الامر ده…
بكتب dl في الاول وبقفلها في الاخر بتعرفه اني هتب هنا تعريفات وممكن تعريف واحد عادي..
وبعدين الكلمة الكبيرة اللي عايز اعرفها بكتب قبلها <dt> ومبيتقفلش
والتعريف بكتب قبله <dd> وبرده مبيتقفلش
..
طبعا كلام مش مهم اوي…
….كده تقريبا كل حاجة بالنسبة لل data خلصت…
ناقص بس انا كنت قلت لحضراتكم بالنسبة لصورة الخلفية..كنت قلت في ملاحظة ابقوا فكروني اقولهالكم…
وهي اننا قلت ما احط صورة في الخلفية يبقي مفيش داعي اني احط لون في الخلفية لان الصورة هيه اللي هتبان…بالرغم من كده أي حد بيعمل وقع لو حط صورة في الخلفية بتلاقيه كاتب لون برده للخلفية وده لسبب:
حضرتك لما بتيجي تفتح موقع علي حسب الحاجات الموجودة فيه بتكون سرعة تحميله…والصور بتاخد وقت شوية في التحميل…
كل ماكان عليه صور كتير بتاخد فترة علي متحمل…
ففي بعض الناس المحترفين شوية ومش عايزين يضيعوا وقت….بيعملوا حركة حلوة..
في خاصية في الويندوز اسمها اعرضلي أي موقع انا افتحه من غير صور خالص…
هيفتحلك أي موقع طبيعي جدا من غير متبان ولا صورة في الموقع ده…وده بيسرع التحميل شوية…
الناس اللي بيعملوا كده مش مهمين بالمنظر ..بس عايزين يشوفوا حاجة في الموقع وخلاص او يعرفوا معلومة منه بسرعة وخلاص…
في الحالة دي لو انا عامل لون للخلفية ..اول مالشخص ده اللي لاغي الصور يفتح الموقع بتاعي هيلاقي لون الخلفية الي انا عامله هو اللي هيظهر فتبقي برده الصفحة شكلها مش وحش ومش هتاخد وقت معاه لان الصور مش هتظهر..
لو انا مكنتش عامل لون…هتظهرله الخلفية بيضة وشكلها سخييييييف…
طبعا تلاقيك دلوقتي بتقول وانا مالي بالاخ الرخم ده…هو لغي الصور يتحمل المسئولية بقي ويطلعله المنظر زي ميطلع انا مليش دعوة…
فهنا في معلومة مهمة اوي لازم يعرفها أي مصمم مواقع…
انت لما عملت الموقع عملته ليه؟؟؟؟؟؟؟؟؟
عايز الناس تدخل عليه وتشوف الموجود فيه…
طيب لو انا عملت الموقع وحطيت فيه معلومات كتير اوي وحلوة اويييييييييي…بس شكله مش حلو..او طريقة تعامله مع الزائر رخمة..او بيحمل بالراحة اوي…
وجه شخص دخل عليه…
تخيل نفسك كده انت الزائر بتاع موقعي الرخم ده..
بتفتحه لقيته بطييييييييئ اوي وشكله وحش وبيتعامل معاك باسلوب رخم…هتدخل عليه تاني؟؟؟؟
حتي لو عليه معلومات حلوة اوي مش هتدخل عليه تاني ابدا..وهتقول يعم في مليون موقع تاني كويس اشوفلي حاجة حلوة منهم وبلاش قرف…
اقصد اقول من الكلام ده ان أي مصمم مواقع اهم حاجة بيحطها فيد ماغه هو زوار الموقع…وازاي يرضيهم وازاي يتعامل معاهم بشكل ظريف ويحسسهم ان الموقع ده حلو اوي وسريع التحميل وشكله حلو…ولذلك احنا بنحاول بكل الطرق اننا نعمل ما يرضي زائر الموقع اضافة الي ما في الموقع من معلومات ..ده يؤدي الي ان الناس تدخل عليه علطول..
ولو عايزين تعرفوا ازاي تلغوا ان الصور تظهر في الموقع عشان تسرعوا التحميل شوية اقولهالكم..لو عايزين يعني…
يارب يكون درس خفيف مش تقيل..وربنا يوفقكم