الزوار

الأحد، 21 يوليو 2013

الدرس12 : إنشاء الروابط بلغة html5 الجزء الأول

 إنشاء روابط html5 :

لقد تعلمنا في الدروس السابقة إنشاء صفحة html5 . هي ليست جميلة لكن المهم أنها صفحة html5 . لكن المواقع لا تتكون من صفحة واحدة بل من عدة صفحات كلها تنتمي لموقع واحد فنجمع بينها باستعمال الروابط.
ويوجد نوع آخر من الروابط وهو الدي يكون نحو موقع آخر غير موقعنا الإلكتروني.
والذي يتسائل عن ماهو الرابط، فمثلا رابط مدونة الخبير هو :( http://alkhabire.blogspot.com) .

روابط html5 الموجهة لموقع آخر:

 لكل من لم يقرأ الدرس الخامس عليه العودة له من هنا لأننا سنشتغل به.
يطلق عليها بالروابط المطلقة و لإنشاء أي رابط html5 دائما ما يكون داخل وسم إسم الرابط فنعطي لهذا الوسم سمة نسميها href و قيمة هذه السمة هي رابط الموقع فيصبح الكود هكذا:
href="http://alkhabire.blogspot.com/"> مدونة الخبير
فعند كتابة هدا الكود في موقعك، عند الضغط على كلمة مدونة الخبير ستتحول مباشرة نحو إلى هذه المدونة.
و يمكنك إدراج هدا الكود داخل نص كما يبين الكود التالي:

تريد تعلم صنع المواقع ماعليك سوى الدخول ل href="http://alkhabire.blogspot.com"> مدونة الخبير  وستتعلم دالك

 قد ترى الكتابة ملخبطة لكن بالعكس هذه هي الكتابة الجيدة لإن لغات البرمجة إنجليزية لهذا يجب أن نحافظ على أن يفتح الوسم في اليسار و يغلق في اليمين.
إفتراضيا يظهر تحت الربط خ في معضم المتصفحات، لكن يمكنك تغيير هدا و سنرى هته الأشياء لاحقا.
تنبيه: لو كان الرابط يحتوي على هذا الرمز « & » فعليك تغييره بهذا الرمز « & »، وهذا ضروري في لغة html5 .

الروابط التي تجمع بين صفحات html5 :

صفحتا html5 على نفس الملف:

الآن سنتعلم إنشاء روابط بين صفحات html5 لموقعنا. ستقول أنه ليس لك دومين الآن و موقعك لا زال موجودا على حاسوبك، لا توجد أي مشكلة سنتعلم ذلك.
بداية أنشئ صفحتين html5 على نفس الملف الأولى أطلق عليها إسم page1.html و التانية page2.html. و الصورة التالية توضح ذلك:
صفحة html5
بما أنهما يوجدان في نفس الملف فلعمل رابط من الصفحة الأولى إلى الصفحة التانية أو العكس. سنطبق الكود السابق لكن في مكان القيمة نكتب إسم الصفحة هكذا: <"a href="page2.html> .
فمتلا ضع عنوانا في الصفحة التانية كهذا:  

الصفحة التانية  

.

ثم أدرج النص التالي في الصفحة الأولى:

 يمكنك زيارة الصفحة href="page2.html"> الصفحة التانية  و شكرا

فبعد الدخول لصفحة html5 الأولى و الضغط على الرابط ستتحول مباشرة إلى الصفحة التانية.
نلتقي في الجزء التاني من هذا الدرس في إنتظار تعليقاتكم و شكرا.


مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

السبت، 20 يوليو 2013

الدرس11 : إنشاء قوائم بلغة html5

بسم الله الرحمن الرحيم في درسنا اليوم سنتكلم عن كيفية إنشاء قوائم بإستعمال لغة html5.
سنتكلم إنشاء الله عن نوعين من القوائم. القوائم العشوائية و القوائم المرتبة عدديا.
كل كلمة أو جملة في القوائم الغير مرتبة أو  القوائم المرتبة عدديا في html5 ، تكتب داخل الوسم التالي: 
  •  .

    القوائم الغير مرتبة في html5 :

    هي قائمة يمكن أن تتكون من العدد الدي تريده من الجمل أو الكلمات، تستخدم في الأشياء التي لا تحتاج ترتيب عددي، مثلا لصنع كرسي نحتاج للخشب و البراغي و الغراء، يعني الترتيب غير مهم فحتى و إن كتبنا  لصنع كرسي نحتاج  الغراء والبراغي وللخشب. فلن يتغير المعنى و لا الغاية.  و لعدم إعطاء الترتيب نضع الكلمات أو الجمل الموجود في
  • كلها داخل وسم
      كما يوضح الكود التالي:

    • خشب

    • براغي

    • غراء

    وهذه هي النتيجة:
    قوائم html5

     القوائم المرتبة عدديا في html5 :

    هي القوائم التي من الضروري عمل الترتيب لها، متلا لدينا سباق شارك فيه طفل و شاب و رجل.
    الشاب إحتل المركز الأول، الرجل إحتل المركز التاني و الطفل إحتل المركز التالت. عند كتابة أسمائهم يجب أن تكون من المركز الأول إلى الأخير. و لإضافة الترقيم للقوائم في لغة html5 ،يجب وضع وسوم
  • داخل وسم
      ليصبح الكود هكذا:

    • نتائج السباق



    1. الشاب

    2. الرجل

    3.  الطفل

    لتبدو النتيجة هكذا:
    قوائم html5
    توجد بعض الأنواع الأخرى من القوائم لاكنها غير مهمة و لن تحتاجها، و يمكنك التلاعب بالكود كما تريد فقط إحترم منطق أي وسم فتح داخل وسم آخر يجب أن يغلق داخله.
    و يمكنك فتح
      داخل وسم
    • . إدا كانت لك إختيارات عديدة في قائمتك المهم هو إحترام المنطق.
    لا تبخل علينا بتعليقك و شكرا.

    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: , , ,

    الدرس10 : إعطاء قيمة لكلمة داخل نص في لغة html5

    بسم الله الرحمن الرحيم. اليوم سنتحدث عن كيف تعطي  قيمة لكلمة داخل نص معين في لغة html5 .

    إعطاء كلمة ما القيمة في لغة html5 :

    فلإعطاء كلمة ما القيمة في html5 . نستعمل وسم <strong> و الذي يعني أن هذه الكلمة قوية أو مهمة . و يمكن أيضا أن تستعمل وسم <em> لهذا الغرض. و هذه الأكواد مهمة لأنه من خلالها يستطيع محرك البحث التعرف على الكلمات المهمة في نصك . و بالتالي إظهار موقعك على محركات البحت في حين بحت شخص عليها.
    strong html5

    و يكتب كود html5 مثلا هكذا:


           
                 
                  charset="utf-8" />
                  </span>العنوان<span style="color: #38761d;">
           

             
                   
                      

    إعطاء قيمة لكلمة معينة



                          اليوم نقدم درس حول إعطاء قيمة لكلمة في تصميم المواقع.و ذالك بالطريقة التالية: 

           
    يمكنك إنشاء صفحة كما تعلمنا سابقا و كتابة هذا الكود عليها.
    بعد فتحك للصفحة على أحد المتصفحات ستلاحظ أن الكلمة التي كتبناها داخل ،تظهر بخط كبير هي تظهر كذلك فقط لأن المتصفح يفهم أنها مهمة و يميزها عن باقي الكلمات لكن ليس هذا هو دورها في لغة html5 . فدورها الحقيقي هو إعطاؤها قيمة، كتبسيط فإنك تقول لمحرك البحث إن هذه الكلمة مهمة. أما تغيير الخطوط فهو ب css و سنتطرق له قريبا.

    التأشير لكلمة معينة في html5 :

    للتأشير على كلمة في لغة html5 نستعمل وسم <mark> دورها هو التأشير يعني: لما يبحت شخص في موقعك عن كلمة معينة فهذا الوسم يساعد الزائر على إجاد ما يبحت عنه بسرعة. و لتجربة هذا الوسم فقط أكتب الكود السابق و بذل كلمتي strong ب mark . تم إعمل حفظ . بعد فتحك للصفحة في أحد المتصفحات (google chrome) ستجد أنه يوجد فوق تلك الكلمة غالبا مارك بالأصفر. لكن كما أقول دائما دورها هو إعطاء تأشير للكلمة و ليس التلوين لأن التلوين يتم ب css .


    سأكون سعيدا بترك تعليقك بترك أو تشجيعك أو إنتقادك و شكرا على المتابعة.


    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: , , ,

    الجمعة، 19 يوليو 2013

    الدرس9 : العناوين في لغة html5

    مرحبا بجميع زوار و متابعي مدونة الخبير التعليمية.
    في درس اليوم سنتعلم التلاعب بالعناوين في لغة . يعني كيف نحدد العنوان الرئيسي و الثانوي...

    العناوين في لغة html5

    لما تنشئ محتوى لصفحتك كالنصوص التي رأيناها في الدرس الثامن لتعلم لغة html5 .ستحتاج إضافة العناوين لهذه المقالات ليفهم الزائر و محرك البحت عن ماذا تتكلم و في أي مجال تندرج تلك المقالات دون قراءتها.
    و توجد وسوم تسمح لك بتحديد درجة أهمية داك العنوان :
    -

    : تعني العنوان مهم جدا و تستعمل عموما كعنوان الموقع الرسمي.
    -

    : تعني العنوان مهم.
    - 

     : تعني أن العنوان أقل أهمية.
    - 

     :  تعني أن العنوان قليل وقليل الأهمية.
    - 
     : عنوان غير مهم.
    - 
    : عنوان منعدم الأهمية.
    تنبيه!!! بالنسبة للوسم الذي سبق و رأيناه، فهذا هو العنوان الذي يظهر في عارضة المتصفح كما شرحنا في الدروس السابقة لل html5 . 
    أن تستعمل كل هذه الدرجات الستة من عناوين html5 ليس ضروري أنا خصيصا أستعمل من ثلاث إلى أربع درجات.
    تنبيه مهم جدا !!: لا تستعمل أكواد html5 هذه لتغيير حجم الخط . الخطوط سنتطرق لها لاحقا المهم. يجب أن تعلم أن هذه وسوم العناوين و لا علاقة لها بالخط فقط المتصفح يعمل تلك الخطوط الإفتراضية للتفرقة بين العناوين و سنرى كيف تغيرها لاحقا.
    و هذا مثال بسيط لكيفية إدراج هذه الوسوم على صفحة html5 :


           
                  
                   charset="utf-8" />
                  </span>العنوان<span style="color: #38761d;">
            

             
                   
           
     html5الخبير و 

                    
    مرحبا بك في موقع الخبير

                  
    دور تعليمية

             
    سنتعلم معا عدة أشياء تقنية 
    سنتعلم معا عدة أشياء تقنية
    بعد كتابتك كود html5 و حفظك للصفحة، أدخل لها عبر أي متصفح ستجدها هكذا: 
    عناوين html5
    ستقول أن هذا غير جميل و الكتابة من اليسار و لا يوجد ألوان... لكن هذه الأشياء سنتطرق لها في الدروس القادمة و لأي سؤال أو تشجيع أو إنتقاد يمكنك وضعه في تعليقك و شكرا.

    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: , , ,

    الأربعاء، 12 يونيو 2013

    برنامج عمل الوندوز الوهمي VM workstation 10 كامل بالسريال


    السلام عليكم





    برنامج VMware Workstation10  لعمل الوندوز الوهمي كامل بالسريال 2014





    والان روابط التحميل ارجو الملاحظه
    اضغط علي كلمه SKIP او تخطي الاعلان للدخول لصفحه التحميل



    لتحميل البرنامج من الموقع الرسمي الاصدار10

    اضغط هنا

    للتحميل برابط مباشر الاصدار 10

    اضغط هنا

    للتحميل برابط مباشرالاصدار9

    لتحميل بالتورنت برابط مباشرالاصدار 9

    ـــــــــــــــــــــ
    سيريلات البرنامج الاصدار 10

    MG6K0-F609H-AZME1-PC354-3A9P8

    JA2EY-A8206-XZ9L8-H0050-93DMC

    1C0GV-2Z21L-VZU91-YLA7K-82E55

    0Y236-DWLD4-4Z4K0-VJA76-C3812

    M109C-N0J5L-08J8A-02ARP-CE64F

    سيريالات البرنامج الاصدار 9


    0F23V-4D38L-9ZQ38-2K37H-83C50

    0F03K-80JEQ-8ZF89-8287H-A2R47

    0A22R-400EM-EZ4W8-3K9NK-3AUPL

    NA64Z-0V054-UZVC0-2L370-837K4
    ــــــــــــــــــــــــــــــــــ

    لتحميل وندوز بروابط مباشره 

    ملحوظه اضغط تخطي الاعلان للتحميل المباشر


    لتحميل وندوز 7بروفشنال 32 برابط من مباشر

    اضغط هنا 
    ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

    لتحميل وندوز 8 برو32و64 مقسم علي4 اجزاء مباشر
    جزء 1

    جزء2

    جزء 3

    الجزء 4 ولاتنسي باسورد فك الضغط 

    باسورد فك الضغط 
    TEH-SONG
    ــــــــــــــــــــــــــــــــــــــــ
    لتحميل وندوزاكس بي XP SP3 مباشر
    اضغط هنا ولاتنسي باسورد الفك

    باسورد فك الضغط 
    www.downloadha.com
    ــــــــــــــــــــ

    لمشاهده شرح برنامج  VM VirtualBox  لعمل الوندوز الوهمي 
    وهو البديل للفيم وير 
    صفحتي علي الفيس
    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: ,

    الاثنين، 10 يونيو 2013

    ثيمات وندوز2013 xp=win8=win7 themes for Windows +دوكات تولبارات روعه winstep xtreme 12 .2full كامل مكرك

    السلام عليكم 


    اقوي ثيمات 2013 لكل انواع الوندوز 

    افضل برنامج يحتوي علي جميع الثيمات لكل انواع الوندوز

     winstep xtreme 12 .2full كامل مكرك
    ارجو عدم تحديث البرنامج لعدم فقدان التفعيل
     دوكات تول بارات
    قوائم استارت
    منتور مراقبه اداء الجهاز
    وحجم خفيف جدا جدا جدا وثيمات متجدده 
    تحياتي واليكم الشرح الروابط بالاسفل



    روابط التحميل 


    ملحوظه تم تجديد الروابط بتاريخ 25/10/2013 ووضع اخر اصدار للبرنامج مفعل 
    جاهز لعيون متابعتين القناه تحياتي 



    والان مع روابط التحميل 

    للدخول لصفحه التحميل بعد فتح الرابط اضغط علي skip او تخطي الاعلاناعلا الصفحه 

    مثال 
       
    للتحميل مديا فاير وارجو قرائه التكست المرفق

    ومن فايل سواب


    لتحميل ثيمات اضافيه


    ومن فورشير


    تحياتي  صفحتي علي الفيس

    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: , , , ,

    احترف تقسيم الهارد+توسيع مساحهC بدون فومات+عمل اسطوانه لتقسيم الهارد من بوت BOOT


    السلام عليكم 

    كنا نزلنا درس لبرنامج MiniTool® Partition Wizard بجد قوي جدا
    وكنت نوهت ان في منو نسخه تشتغل عن طريق البوت بحرقها علي cd او usb.
    بمعني اني اقدر استعملها كاسطوانه صيانه من وجه نظري اخف من الهايرنز واسرع علي الاقل فموضوع تقسيم الهارد وتعديل مساحه اي برتيشن بدون فورمات
    انهرده درس ليه فوايد كتير تقدرو تقولو درس كمبو 
    تقسيم هارد من جديد خالص
    تعديل اي برتيشن تزود او تنقص من مساحته بدون فورمات
    واكتر من كدا وكل ده هيتم عن طريق البوت وحرق البرنامج علي سي دي cd او فلاش usb 

    اليكم الشرح وروابط التحميل اسفل الشرح مباشرا
    تحياتي واليكم الشرح 



    التحميل


    للدخول لصفحه التحميل بعد فتح الرابط اضغط علي skip او تخطي الاعلاناعلا الصفحه 

    مثال 
       


    لتحميل البرنامج ايزو

    رابط مباشر 

     للتحميل من الموقع الرسمي



    لتحميل برنامج الترا ايزو UltraISO كامل بالسريال

    لمشاهده شرح البرنامج وتوسيع البرتيشن من الداخل بدون حرق وبدون تغير الوندوز

    اضغط هنا لتحويلك

    لاي استفسار صفحتي علي الفيس اضغط الصوره
    تحياتي 
    BASEM ELHLAWANY

    مرسلة بواسطة في ليست هناك تعليقات:
    التسميات: ,
    الاشتراك في: الرسائل (Atom)