عاجل

دورة تعلم البرمجة نقابة الصحفيين الجزء الاول تشغيل برنامج زامب ومحرر النصوص فيجوال ستديو

 محمد الضبعان   تاريخ النشر2021-11-01 20:09:32.717469 14328479

 تناولنا في الجزء الاول من دورة تعلم البرمجة بلغة php html css js كيفية تشغيل برنامج زامب وفتح اول ملف باسم المشروع وتم ربط المشروع بمحرر النصوص vs code

تناولنا كيفية بناء هيكل صفحة html وبدأنا في بناء فورم لاضافة موضوعات للموقع

فيديو لمحاضرة الجزء الاول من الدورة



 سورس كود المحاضرة 
يرجى تطبيق الاكواد بحرر النصوص https://awamp.com/your_code.php

الجزء الخاص html 
 

  <div class="alam">
    <h1>اضافة موضوعاتh1>
    <hr>

    <input type="text" placeholder="عنوان الموضوع" >

    <input type="text" placeholder="اسم الكاتب">

    <textarea type="text" placeholder="الموضوع">textarea>

    <input type="file" >

    <hr>

  div>

الجزء الخاص css


.alam {
  padding: 16px;
  background-color: white;
}

input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

.registerbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

a {
  color: dodgerblue;
}

.signin {
  background-color: #f1f1f1;
  text-align: center;
}


موضوعات ذات صلة

  • نتناول في الفصل الاول تعريف بالب....

  • سنبدأ بتنفيذ المشروع وهو بوابة ص....

  • نتناول في الجزء الثاني من دورة تع....

  • يشمل الموضوع سورس كود المحاضرة ب....