التخطي إلى المحتوى الرئيسي

المشاركات

عرض الرسائل ذات التصنيف دورات

دورة مطوري بلوجر في العالم العربي { ج2 }

أول مرة في العالم العربي . . . دورة مطوري بلوجر , أكواد البلوجر , الأكواد التي تحتاجها لتبدأ بتصميم قالبك من الصفر بكل التخصيصات و تطوير القالب على منصة البلوجر . . . دورة طويلة ستتعلم فيها كل ما يوجد من أكواد في منصة البلوجر اليوم سنقدم لك كل المكتبات التي تحتاجها المكتبات المرفوعة على جوجل ( juqery ,Dojo .... etc )  Jquery <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Angular <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script> Dojo <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.2/dojo/dojo.js"></script>   Ext Core <script src="//ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script> Jquery.ui <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /><script src="//ajax.googleapis.co...

دورة مطوري بلوجر في العالم العربي { ج1 }

أول مرة في العالم العربي . . . دورة مطوري بلوجر , أكواد البلوجر , الأكواد التي تحتاجها لتبدأ بتصميم قالبك من الصفر بكل التخصيصات و تطوير القالب على منصة البلوجر . . . دورة طويلة ستتعلم فيها كل ما يوجد من أكواد في منصة البلوجر  اليوم سنضع لكم جميع أكواد ال sections  standard section  <b:section class='your_class' id='your_id' maxwidgets='10' showaddelement='yes'> </b:section> section label <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section id='your-section-id-label' class='section-label' showaddelement='no' maxwidgets='1'> <b:widget id='HTML101' locked='true' title='Your Section Label' type='HTML'> <b:includable id='main'> </b:includable> </b:widget> </b:section> </b:if>   includable  <b:includable id='your_id' var='your_var_o...

دورة HTML الروابط و الصور

في الدرس السابق تعلمنا طريقة انشاء موقعك الأول و في الدرس الدي قبله تعلمنا الخصائص   و اليوم درس مهم جدا و هو الروابط و طريقة انشائها  الروابط HTML لإنشاء رابط ستستخدم ما تستخدمه دائماً عندم كتابة  عنصر ثم عنصر بسيط مع خاصية واحدة وستتمكن من إنشاء رابط لأي شيء وكل شيء، إليك هذا المثال لرابط لموقع وكيف سيكون شكله   DZPRO مدونة 1مثال سيضهر بهدا الشكل Here is a link to www.mydzpro.tk a العنصر anchor هو اختصار href والخاصية هي التي تحدد إلى أين سيذهب الرابط غالباً عنوان في الإنترنت أو اسم ملف ما حسنا أضن أننا فهمنا جيدا مادا تعني الروابط  فالننتقل الى الصور  الصور ألن يكون رائعاً إذا تمكنت من وضع صورة  في منتصف صفحتك 1مثال ستضهر هكدا  مثال2 يمكن للصور أن تكون روابط  اضغط على الصورة  هدا كل شبئ نراكم في درس اخر انشاء الله 

إنشاء موقعك الأول

NotPad أول شيئ افتح المفكرة أو لنبدأ بشيء بسيط سنقوم بإنشاء صفحة تقول مرحى هذا هو موقعي الأول أكمل القراءة وستعرف كم هو بسيط فعل ذلك  HTML أول شيء عليك فعله هو أن تخبر المتصفح بأنك ستتحدث معه بلغة   يمكنك فعل ذلك عن طريق وسم  قبل أن تبدأ أي شيء أكتب وتدكر في الدروي الماضية تعلمنا أننا نحتاج الى و سم  البداية و وسم الاغلاق  head الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة والذي يقدم معلومات حول الصفحة للمتصفح bodyوكذلك تحتاج إلى أمر والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة body يوضع فوق الأمر head أمر  صفحتك يجب أن تكون بهذا الشكل إذا كانت صفحتك تشبه المثال أعلاه فقد قمت بإنشاء موقعك الأول عملياً الموقع ممل ولا يحوي شيئاً وغالباً لن يكون الموقع الذي تحلم HTML به عندما بدأت في قراءة هذا الدرس، مع ذلك هو موقع وما قمت بإنجازه الآن سيكون قالباً لبقية صفحات   التي ستكتبها في المستقبل  اضافة المحتويات مثلاً إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح...