Posts

تقنيه صفحات الانماط المتعاقبه CSS

 تقنيه صفحات الانماط المتعاقبه    CSS  تهتم تقنيه صفحات الانماط المتعاقبه  ( cascading style sheet_ CSS )  بتحديد شكل وتصميم المواقع وهذا ينطبق على الالوان والخطوط والصور الخلفيه وتساعد  ( CSS)    لغه  (html)  على فصل قضايا التصميم عن المحتوى فاذا اردت تعديل  اي جزء من التصميم في صفحه  html ف ستقوم بذلك دون الدخول في بتفاصيل المحتوى وهناك فائده اخرى تمكن في توفير عده اوامر لغه  html  في الصفحه مما يؤدي الى تسريع تنزيلها في المتصفح ,مثال:_ <head>  <title> عنوان</ title > </head> <body>  <p> font face = " Tahoma"  color="#677393" size="2"  عنوان اول <  font  ></p>  <p> font face = " Tahoma"  color="#677393" size="2"  عنوان ثاني <  font  ></p>  <p> font face = " Tahoma"  color="#677393" size="2"  عنوان ثالث <  font  ></p> </body> </html> تحتوي هذه الصفحه على ثلاث فقرات تحتوي كل منها على ثلاث عناوين , تم تح

# رسالة__الى_الآبآء

Image
  # رسالة__الى_الآبآء اذا ابنك عنده هاتف لابد من تامينه حتي لا يضر سلوكه اول حاجه: افتح ايميل وحدد فيه تاريخ ميلاده بسن اقل من 13 سنة تاني حاجه: اربط الجهاز على برنامج اسمه google family وهيطلب منك ايميل ولي الامر سجل ايميلك نزل البرنامج google family على هاتفك حتسألني كيف نستفيد من الموضوع الهاتف اللي مع ابنك هيمنع # عرض_مقاطع غير مناسبة للاطفال وهيمنع فتح مواقع او عرض مناسبة للاطفال وحتقدر من هاتفك تتحكم في الاوقات الي ابنك يشتغل فيها ع الهاتف ويقعد يفتحه فقط في الاوقات الي انت اتحددها وممكن اخري تقفله في اي وقت حتى لو انت بره البيت ابنك قبل ما ينزل اي برنامج او لعبه لازم موافقتك انت قبل طريق اشعار يوصلك على هاتفك وتقدر تقفل برنامج التشغيل على الهاتف يعني بأختصار نظام امان وحمايه للاطفال من سلبيات التكنولوجيا.
قوانين تحكم علاقات الاتصال والتواصل ل  تحياتي : من اجل افضل علاقة اتصال وتواصل بينك وبين (  يرجى الانتباه الى ما ورد في الاقسام التالية:   القسم الأول: ان اردت ان ترسل رساله للعضو هئية التدريس فعليك باتباع ما يلي   1. تبادل الرسائل بين الطالب وعضو هيئة التدريس تكون عبر البوابة الاكاديمية فقط ) الرسائل الشخصية والماسنجر والواتس اب الشخصي  غير مفضل مطلقا فهو غير رسمي ويؤدي الى تشتت في المعلومات(  2. الاستخدام السليم للغة العربية وقواعده ا  3. عنوان الرسالة يجب ان يعكس محتواها   4. حين تخاطب الدكتورة تبدء بالتحية المناسبة ، وباسلوب يليق بطالب جامعي مثقف  5. في بدء الرساله تذكر المقرر والشعبة التي تنتمي لها ) لا داعي للاسم لانه يظهر تلقائيا(  6. إذا اردت أن تناقش  موضوع يتعلق بادارة المقرر لكنه خارج عن موضوع الدراسة العلمي  ) سمعته أو قرأت عنه باحدى طرق التواصل الاجتماعي ( فعليك ان تأتي بالادلة لذلك فالظن واسلوب تناقل المعلومات غير دقيق وخارج عن المعايير العلمية     القسم الثاني:  1- في أغلب الاحوال ) الا ما ندر( تعالج الرسائل ويرد عليها يوميا ) ما بين الساعة السابعة والعاشرة

قاعدة كتابة (style rule

قاعدة كتابة (style rule) -الكلمات المفتاحية :وهي قيم تكتب على شكل كلمات واضحة ومفهومه المعني فمثلا اذا اردت تحديد لون معين لاي نص في الموقع فعليك ان تستخدم صفة c olo r وهذه الصفة تقبل  كلمات مفتاحية كان تضع القمية gray او blue اواي قيمة اخري يقبلها المتصفح وهناك كلمات مفتاحية اخري كتيرة مثل solid والتي تستخدم للصفة border وهناك auto للصفة margin علما بان هذه الصفات تقبل ايضا قيما رقمية سنناقشها في ما بعد _مقاييس الطول:وهي تحدد حجم عناصر التصميم في الموقع والمسافات الفاصلة بينها والمسافات الفاصلة بين العنصر ومحتوياته ومنها مقياس px  ومقياس pt وهناك ايضا المقياس المئوي وتستخدم مثلا لتحديد عرض جدول ما : 100% تعني ان الجدول سياخذ كامل العرض الذي توفره الشاشة. -الالوان :يتم تحديد القيمه للون العنصر بثلاث طرق احداها #rrggbb وهذه تعني تحديد اللون ايضا بكلمات مفتاحية كما اسلفنا -اخيرا هناك بعض الصفات تحتاج الى عنوان هذه الصورة لتحديد مكانها فيتعرف عليها المتصفح وتظهر الصورة بالشكل الصحيح وحتى تقوم بذلك يجب ان تستخدم صفة background -image  

وسوم النماذج (form tags):_

 وسوم النماذج (form tags) توفر النماذج مجموعة منالحقول والاختبارات التي يمكن ان نسميها عناصر النموذج ليتمكن المستخدم من تعبئتها وارسالها من خلال الضغط على زر الارسال submit. يبدا النموذج وينتهي بوسم <form> وكغيره من الوسوم فان لهذا الوسم خصائص اهمها:_ اسم النموذج ( name ) اسم البرنامج المسؤل عن ادارة البيانات المرسلة (action ). <form name = form1"action ="program.cgi> "اما بالنسبة للعناصر التي يمكن ان يحويها النموذج فهي :_ <input type ="text"name = "name"size ="20"value==> عنصر زر ارسال (submit) يستخدم لارسال البيانات التي تمت كتابتها في عناصر النموذج ويكتب على النحوالتالي:_ <input type="submit "value="submit "name="submit>.  عنصر زر حذف المعلومات المكتوبة (reset)ويستخدم لحذف البيانات من اجل اعادة ادخال البيانات من جديد ويكتبرعلى النحو التالي:_ <input type ="resetb "value ="reset"name="reset" عنصر ادخال نص غير محدود (textarea )حيث يستخدم كمحرر صغير  <tex

وسوم الوصلات التشعبية (links):_

 وسوم الوصلات التشعبية (links) تعد الوصلات التشعبية ( hyperlinks ) من اهمالخصائصالتي تميز لغة ( html ) حيث تسمح  بالتنقل بين الصفحات الموقع نفسه او بين المواقع المختلفة في الشبكة الوب . يستخدمالرمز <a > لانشاء الروابط التشعبية في الصفحة وهو اختصار لكلمة ( anchor )  اي نقطة ارساء والشكل العام للامرهو: <a>.....</a> حيث انوسم النهاية </a>  الزامي يوجد عدة خصائص اهمها :name .href ويجب ان يرافق الوسم <a> احدي الخاصتين name . href لتحديد صفحة الوب التي سيتم  الانتقال اليها عندما ينقر الزائر على النص داخل زوج الوسم :< a>.....</a> شرح خصائص الوسم : الخاصة :href مرجع نص التشعبي : يشتق المصطلح href من العبارة hyper link refference : اي مرجع النص التشعبي ويشير هذا المرجع الي عنوان صفحة وب اخري (url ) وعند الارشارةالى نقطة محددة ضمن نفس صفحة الوب يحتاج الامر <a>الي استخدام الخاصيتن href .nam e معا . عندما ينقر الزائر على العبارة الموجودة داخل الامر يتم الانتقالالي عنوان الموقع ىالمحدد في الخاصية (href0) _الخاصية (name) اسم :تستخدم هذه الخاصية

التباعد بين الصوروالنصوص:_

 :_التباعد بين الصور والنصوص التباعد الافقي ( hspace ) لتحديد  المساقة الافقية الفاصلةبين النص والحافتين العليا والسفلي للصورة . التباعد العمودي( vspace ) لتحديد المسافة العمودية الفاصلة بين النص والحافتين اليمني واليسري للصورة ويقاس كل من التباعد العمودي بالنقاط ( pixele ). يعرض هذا الامر الصورة ( image.gif ) مع التباعد الي يمينها ويسارها ومقداره 30نقطة وتباعد اخر فوقها  وتحتها ومقداره 20 نقطة.  استخدام صور في الخلفية ( background lmage ) يمكن استخدام الخاصية ( back ground) في الامر _body_ لاختيار صور لخلفية الصفحة .  مثال : <body back ground= "image.gif" bgcolor ="green>.