الجمعة، 7 يوليو، 2017

مسابقة ربح رصيد في حسابك على البايبال

الكثير منكم اعجبته فكرة عمل مسابقة التي طرحتها على بروفايلي على الفايسبوك، ويسعدني ان اعلن لكم عن إطلاق اول مسابقة على مدونة التقنية للفوز ب 5 دولارات على حسابك على في البايبال
مسابقة ربح رصيد في حسابك على البايبال

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

  1. ان تكون معجب بصفحة مدونة التقنية على الفيسبوك 
  2. ان تكون متابع للمدونة على تويتر 
  3. ان تكون مشترك بقناة التقنية على اليوتوب 
  4. الإعجاب بالفيديو على اليوتوب ووضع تعليق اسفله
  5. مشاركة المسابقة مع اصدقائك عن طريق النقر على الزر مشاركة اسفل التدوينة 

الإعلان عن الفائزين بعد 20 يوم من الآن وسيتم إختيار الفائزين في بث مباشر حتى نوفر عنصر المصداقية في الإختيار العشوائي للفائزين

الخميس، 29 يونيو، 2017

الدرس 2 : العنونة في HTML

السلام عليكم ورحمة الله 
درسنا اليوم هو العنونة او العناوين 
العنونة اخي الكريم هي من الأشياء المهمة في لغة HTML  
وسم العنوان يرمز إليه بحرف h (حرف h هو اختصار "heading") 
الدرس 2 : العنونة في  HTMLالعناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين , حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر. 
<h1>هذا عنوان</h1>  
<h2>هذا عنوان فرعي</h2> 
تذكر اخي الكريم أن العنوان لايحتاج الى ادراج علامة الرجوع الى سطر جديد فمباشرة عند إضافة عنوان يتم الرجوع الى سطر جديد 
ملاحظة :  كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />. 
من اجل معلومات أكثر ادعوك الى مشاهدة الفيديو:

الاثنين، 26 يونيو، 2017

الدرس 1 : الدخول الى عالم HTML


الهدف من هذه الدروس هو اعطائك مقدمة سهلة وصحيحة وشاملة إلى كيفية إنشاء المواقع، هذا الدرس يبدأ من نقطة الصفر ولا يتطلب أي معرفة مسبقة منك عن البرمجة أو تطوير المواقع.
لا يمكن لهذه الدروس أن تعلمك كل شيء، لذلك لا بد أن تجرب بنفسك وتثابر على التعلم، لكن لا تقلق، تعلم تطوير المواقع ممتع ويعطيك شعوراً بالرضى عندما تتعلمه بشكل صحيح.
الدرس 1 : الدخول الى عالم HTML
الأدوات التي تحتاجها لإنشاء موقعك:
في الغالب أنت تملك كل الأدوات التي تحتاجها.
لديك "متصفح"، وهو البرنامج الذي يمكنك من تصفح المواقع والتجول فيها، الآن أنت تنظر إلى هذه الصفحة من خلال متصفحك.
ليس مهماً أي متصفح تستخدم.
ربما سمعت أو حتى استخدمت برامج مثل مايكروسوفت فرونت بيج أو ماكروميديا دريمويفر أو حتى مايكروسوفت وورد، هذه البرامج تستطيع - أو تدعي أنها تستطيع - إنشاء المواقع لك، انسى هذه البرامج الآن! لأنها لن تساعدك على تعلم كيفية كتابة صفحات موقعك.
بدلاً من ذلك ستحتاج إلى محرر نصي بسيط، إذا كنت تستخدم نظام ويندوز يمكنك أن تستخدم المفكرة "Notepad"
او يمكنك تحميل Notepad++
HTML هي اختصار "HyperText Mark-up Language"، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.
  • Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع google.com قبل أن تزور facebook.com.
  • Text تعني النص، وهذه تشرح نفسها.
  • Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
  • Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
هناك وسم وسم اخر على الشكل التالي </ br> وهو لا يحتاج الى وسم الاغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
كما قلنا فان <html> هو وسم البداية ويحتاج إلى وسم إغلاق لذلك لا تنسى كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين <html> و</html>.
الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة "head" والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "body" والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة، أمر head أو رأس الصفحة (<head> و</head>) يوضع فوق أمر body أو "متن الصفحة" (<body> و</body>).
صفحتك يجب أن تكون بهذا الشكل:
<html>
<head>

</head>
<body>

</body>
</html>
لاحظ كيف نسقنا الصفحة بطريقة منطقية حيث وضعنا كل وسم في سطر جديد ووضعنا مسافات فارغة قبل بعضها، كقاعدة، لا يهم كيف تقوم بتنسيق الأوامر في صفحة HTML، لكن لكي تجعل الصفحة سهلة القراءة لك وللآخرين ينصح بأن تنسق الصفحة بطريقة هيكلية منطقية سهلة الفهم كما ترى في المثال أعلاه.
مثلاً، إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title. اكتب عنواناً للصفحة بين وسم البداية<title> ووسم الإغلاق </title>:
<title>Website</title>
لتصبح الوثيقة على الشكل التالي:
<html>
<head>
<title>Website</title>
</head>
<body>

</body>
</html>
لمعلومات أكثر يمكنك مشاهدة الفيديو :

الإعلان عن دورة HTML

لغة ترميز النص التشعبي (بالإنجليزية: HyperText Markup Language) (إختصار إتش تي إم إل HTML)، هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب.

HTML هيكل صفحة الويب وتعطي متصفّح الإنترنت وصفا لكيفيّة عرضه لمحتوياتها، فهي تعلمه بأنّ هذا عنوان رئيسي وتلك فقرة وغير ذلك الكثير.
وتستخدم الـ HTML مايعرف بالوسوم ('</html>tags</html>') لإصدار التعليمات إلى المتصفّح، هذه الوسوم توضع بين علامتى أكبر من '<' وأصغر من '>' الّتي تنقسم إلى نوعين:

  1. وسم البداية كـ <html> , <p>  , <body>
  2. وسم النهاية كـ <html> , </p> , <//body>
بتجميع وسم البداية و وسم النهاية نحصل على عنصر HTML .
تبدأ أكواد HTML بالوسم <html>، وتنتهى بالوسم</html> .يقوم متصفح الوب بترجمة السطور البرمجيّة بلغة HTML إلى محتوى مرئي سهل القراءة لزوار الموقع.

عرفت لعدم حساسيتها لحالة الأحرف أو لترتيب بعض الخصائص؛لكلّ عنصر HTML خصائص تتحكّم في كيفيّة ظهوره. وذلك لكي تكون عمليّة تصميم المواقع عمليّة سهلة ولينة وبدون أي تعقيدات.HTML من اللّغات المدعومة بمعايير قياسيّة محددّه يفضّل الالتزام بها من قبل W3C فالإلتزام بمعايير الـ HTML أثناء تصميم المواقع يمنح الصفحة قابليّة أكثر للعرض والاستخدام على أنواع وإصدارات مختلفة من المتصفحات. من ناحية أخرى فإن HTML مركبة بشكل نحوي يدعى DOM ؛الّذي يحدّد معيارا للوصول والتلاعب بملفّات HTML ، عمليّة تصميم المواقع مع DOM تجعل صفحة الموقع تظهر وكأنّها شجرة من الوسوم .

بعد هذا التعريف القصير عن لغة HTML
ادعوك اخي الكريم الى الالتحاق بقناة مدونة التقنية لتتوصل بكل دروس الدورة

يمكنك متابعة دروس هذه الدورة  من هنا :