[PHP] تعديل بسيط بس محتاج مساعدة

[BLACK X™]

المشاركة الأصلية كتبت بواسطة NoName95

بص حضرتك برمجت المواقع بتتجزء الى 3 أجزاء.

1. الهيكل
2.الجرافك(التصميم)
3.التفاعل

طب يعني ايه الحاجات دي؟

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

تمام بس كدة مفيش أي مظهر و أشكال للموقع صح؟
هنا بقا تأتي الجرافك:
هنا بقى بتيجي على الهيكل و بتمسكو جزء جزء و بتديلو مظهر, يعني بتغير حجم الصورة, بتظيف أطار, بتغير مظهر العنوان,بتعمل زر في الموقع, الخ....
يعني أي حاجة ليها علاقة بلمظاهر فقط! في أكثر الأحيان اللغة الأكثر أستخداما في هذه النقطة هي ال CSS

طب دلوقتي الموقع بتاعنا بقى تحفة و شغال و جميل بس المشكلة مش كل حاجة جمال صح ؟
أحنا عاوزين المستخدم يقدر يتفاعل مع الموقع من حيث عن الظغط على زر تريد رسالة ان تظهر كمثال, أو اي عمل ثاني تريده, أي عمل بحيث يكون في تفاعة بين الموقع و المستخدم.
اللغة الأكثر استخداما في هذه الخطوة هي ال PHP او ASP.NET

يعني الكود الي أنا أدتهولك لازم يكون في الهيكل.

أنا حاولت أشرح بأختصار بس حاولت أظع النقاط المهمة, أتمنى هذا يكون مفهوم و لو عندك أستفسار أنا حاظر.

تحياتي

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

[NoName95]

المشاركة الأصلية كتبت بواسطة ahmed.m.king

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

ملف الهيكل هو ملف HTML عادي, يعني أسمو ممكن يكون أي حاجة انت عاوزهة.

بص على الصورتين دول, حيشرحولك أزاي تقسمهم على الديسك بتاعك.



مثلن في الصورة دي, انا عملت موقع على السيرفر بتاعي و سميتو test و ده هو السيرفر.



تمام؟ طب دخلت على ملف الموقع, شوف في الصورة الثانية أنا عملت أيه, قسمت الفايل الى 3 أجزاء. و أنتبه كل على نهاية كل ملف, وعلى التعليق الي على الصورة.

طب خلينا نشوف الهيكل في ايه جواه؟ index.html

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<center>
<h1>Title</h1>
<p>bla bla bla bla</p>

<input type=button 
value="Click Me"
onClick="self.location='mainMethods.php?name=hello'">

</center>
</body>
</html>

دلوقتي ملف ال style.css

body {
    background-color lightgrey;
}

h1 {
    color: blue;
    font-family: verdana;
    font-size: 300%;
}
p  {
    color: red;
    font-family: courier;
    font-size: 160%;
}

mainMethods.php

<?php
if(isset($_GET['runFunction']) && function_exists($_GET['runFunction']))
call_user_func($_GET['runFunction']);
else
echo "Function not found or wrong input";

function test()
{
echo("test");
}

function hello()
{
echo("hello");
}

?>

بكدة نكون عملنا صفحة بسيطة بتستخدم ال 3 أجزاء, في الجزء الاول الي هو ال index.html أحنا ربطنا الملف بملف الجرافيك style.css
بعدين حطينا كل حاجة في مكانها, يعني عملنا <h1> و عملنا <p> و حطينا الزرار الي هو بينده ملف التفاعل اي mainMethods.php تمام؟

بعدين عملنا ملف ال style.css ولو بصيت كويس

body {
    background-color lightgrey;
}

حتشوف انو الكود ده بينده ال <body> الي موجوده في ال html و بيقولو خلي الون الخلفي يكون رصاصي فاتح.
بعدين عندك الكودين دول

h1 {
    color: blue;
    font-family: verdana;
    font-size: 300%;
}
p  {
    color: red;
    font-family: courier;
    font-size: 160%;
}

ولو بصيت كويس حتشوف ان الاول بيشتغل مع ال <h1> و بيغير الون و الخط و حجم الخط و الي بعدي بيشتغل مع <p> و بيعمل نفس الحكاية.


أتمنى الصورة الان اتظحت أكثر.