الـجـروب الـخـاص بـالـمـنـتـدي Silkroad4arab Facebook | Official Group

**BLACK X™** · 22-02-2016, 10:48 AM

اقتباس:

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

بص حضرتك في كود ال HTML بتعاك الي بتدرج في الصورة بتحط قبلو

كود بلغة HTML:

<a href="الموقع يكون هنا"></a>

مثال

كود بلغة HTML:

<html>
<header>
<Title>عنوان الموقع</Title>
</header>

<body>

<a href="www.google.com">
 <img src="google.png"> </a>

</body>

</html>

شوف الموقع ده عن ال <a>
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

بعد اذنك انا مبتدي ممكن تقولي الاكواد دي احطها فين ؟

**NoName95** · 23-02-2016, 06:47 AM

اقتباس:

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

بعد اذنك انا مبتدي ممكن تقولي الاكواد دي احطها فين ؟

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

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

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

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

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

طب دلوقتي الموقع بتاعنا بقى تحفة و شغال و جميل بس المشكلة مش كل حاجة جمال صح ؟

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

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

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

تحياتي

**BLACK X™** · 23-02-2016, 10:13 AM

اقتباس:

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

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

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

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

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

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

طب دلوقتي الموقع بتاعنا بقى تحفة و شغال و جميل بس المشكلة مش كل حاجة جمال صح ؟

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

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

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

تحياتي

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

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

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	الردود	آخر مشاركة
محتاج مساعدة في تعديل نسبة نجاح Puls ++	ahmedromeo	قسم الاسئلة و الاستفسارات لعمل السيرفرات الخاصة	6	13-09-2016 11:17 AM
تعديل بسيط	™_Zezo_™	قسم الاسئلة و الاستفسارات لعمل السيرفرات الخاصة	3	21-09-2015 07:40 PM

يتصفح الموضوع حالياً : 1 (0 عضو و 1 زائر)

	البقاء مسجل دائمآ