عاجل

learning html php css مشروع برمجة موقع الكتروني من الصفر الجزء الاول

 محمد الضبعان   تاريخ النشر2021-11-18 00:43:02.996654 38730058

نتناول في هذا الجزء من مشروع برمجة موقع متقدم بلغة php html css js كيفية تحميل برامج xampp و vs code وكيفية العمل عليهما مع شرح للعمل على محرر نصوص عالم واحد اون لاين
- المشروع بالكامل متوافر على موقع عالم واحد للاعلام والبرمجيات على الرابط التالي
- انشاء قاعدة بيانات وانشاء اول جدول لاضافة الموضوعات والصور
- بناء قاعدة الاتصال PDO واهميتها المطلقة كاقوى قاعدة اتصال لمنع الحقن وخفض وقت التفسير pars time
- انشاء المتغيرات والربط بين حقول ادخل البيانات وبين الجدول الخاص بها في قاعدة البيانات
- علاج اخطاء ادخال البيانات
- رابط عالم واحد للاعلام والبرمجيات على فيس بوك


- رابط عالم واحد للاعلام والبرمجيات على تويتر


 

لغة  HTML  :

-     هي لغة انشئت خصيصا لتنسيق صفحات الويب او بمعنى ادق عرض المحتوى على اجهزة الكمبيوتر ليتم عرضها في شكل صفوف واعمدة وفقرات وعناوين حيث كان الوضع سابقا مزري ويتم عرض المحتوى كبلوك اي كتلة واحدة ولاحقا تم ادماج لغة css في لغة  html  لإضافة المزيد من الجماليات مثل الالوان والخلفيات والتباعد ..الخ

-     ترمز HTML إلى Hyper Text Markup Language

-     خصائص لغة HTML

•     هي لغة ترميز لإنشاء صفحات الويب

•     تقوم بهيكلة صفحة الويب

•     تتكون من سلسلة من العناصر تفرض على المتصفح طريقة العرض كأن يتم العرض في شكل صفوف او اعمدة ..الخ


لغة CSS

ما هو CSS؟                            

 (Cascading Style Sheets )CSS تعني التنسيق المتتابع للصفحات والمقصود صفحات HTML   والتي يتم بها بناء الموقع ..اذا فاولا نبني بلغة HTML  ثم ننسق بلغة CSS .

يصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى

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

يتم حفظ التنسيقات  في ملفات CSS

 

ومن ضمن مهام اللغة :

·         تحديد الخطوط والهوامش والمسافات لعناصر الموقع .

 

·         تحديد لون وحجم العناصر .

 

·         وضع الألوان على الخلفيات .

 

·         تحريك العناصر بحرية والحصول على العديد من الحركات في الموقع .

 

نبذة عن اللغة:

كان Microsoft Internet Explorer 3 أول متصفح تم من خلاله عرض واستخدام CSS في عام 1998.

أصدرت W3C- التي تشرف على معايير الويب CSS3 والتي يأمل المطورون أن تقوم جميع المتصفحات الرئيسية بقراءة وعرض كل خاصية من خصائص لغة ال CSS بنفس العرض والطريقة .

 

كيف تعمل  CSS ؟

 

لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .

- رابط فيديو الحلقة


سورس كود الحلقة

صفحة index

Doctype html>
<html>
<head>
<title>عالم واحد للاعلام والبرمجيات title>
<meta name="author" content="عالم واحد للبرمجيات والاعلام">
<meta name="description" content="صحافة برمجيات و courses , php , html ">

<style>
h1{
color : red ;
text-align:center;
margin-top:50px;
margin-bottom:50px;
}
input{
display:block;
margin-bottom:10px;
padding:15px;
width:350px;
margin:auto;
}
button{
background-color:green;
padding:10px;
width:100px;
margin-left:40%;
}
    style>

head>
<body>
<h1>اضافة موضوعاتh1>

<form action="" method="post" enctype="multipart/form-data">
<input  type="text"  placeholder="عنوان الموضوع" name="title" >
<br>
<input  type="text"  placeholder="اسم الكاتب" name="writer" >
<br>
<input  type="text"  placeholder="الموضوع" name="subject" >
<br>
<input  type="file"  name="image" >
<button type="submit" name="save_subject">اضافة موضوعbutton>

form>
body>
html>




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

  • تعني الوصف والمقصود بها وصف محتو....

  • ترمز HTML إلى Hyper Text Markup Language ....

  • نتناول في هذا الجزء من مشروع برمج....

  • تعلم البرمجة سلسلة دروس html الدرس....

  • مشروع تصميم قالب أخبار متوافق مع ....

  • بناء قاعدة اتصال بلغة بي اتش بي ب....