الموقع العربي الاول للعبة Silkroad Online - عرض مشاركة واحدة

**NoName95** · 23-02-2016, 12:00 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة ahmed.m.king عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

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

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

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

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

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

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

كود بلغة 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> و بيعمل نفس الحكاية.

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