الموقع العربي الاول للعبة Silkroad Online

الموقع العربي الاول للعبة Silkroad Online (https://silkroad4arab.com/vb/index.php)
-   قسم الاسئلة و الاستفسارات الخاصه بلغات البرمجة (https://silkroad4arab.com/vb/forumdisplay.php?f=409)
-   -   [PHP] تعديل بسيط بس محتاج مساعدة (https://silkroad4arab.com/vb/showthread.php?t=598933)

BLACK X™ 20-02-2016 03:13 PM
تعديل بسيط بس محتاج مساعدة
 
http://img.zi-m.com/uploads/1404851587062.png

عندي ويب سيت عايز اعمل صفحه اول ما ادخل عليه يكون فيها صوره مثلا اضغط عليها يحولني للموقع علي طول

لسه مش فهمني صح !! هديك مثال ادخل علي الموقع ده هتلاقي صفحه بتضغط علي السيرفر وبيجولك الي الموقع اللي انت عيزو

وده لينك الموقع الي عايز اعمل عليها الموضوع ده X-Sro Online

*
http://up.3dlat.com/uploads/3dlat.com_13949032702.gif

NoName95 22-02-2016 09:01 AM
رد: تعديل بسيط بس محتاج مساعدة
 
بص حضرتك في كود ال 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>
http://www.w3schools.com/tags/tag_a.asp

BLACK X™ 22-02-2016 10:48 AM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة NoName95 (المشاركة 5254457)
بص حضرتك في كود ال 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>
http://www.w3schools.com/tags/tag_a.asp
بعد اذنك انا مبتدي ممكن تقولي الاكواد دي احطها فين ؟

BLACK X™ 22-02-2016 11:31 AM
رد: تعديل بسيط بس محتاج مساعدة
 
تسلم يا غالي انا عملتها بس دلوقتي احجم الصوره ازي الصوره كبيره جدااا عيزها تكون متنسبه اعمل ايه

الكود اللي انا عملتو
كود PHP:
<html>
<header>
<Title>X Sro Online Event !!!</Title>
</header>

<body>

<a href="https://www.xsro-online.com/Sro">
 <img src="logo1.png"> </a>

</body>

</html> 
.
وده ربط الموقع Www.Xsro-Online.Com

Black Shield 23-02-2016 12:50 AM
رد: تعديل بسيط بس محتاج مساعدة
 
استخدم ده و غير الطول و العرض ع حسب ما انت عاوز

كود بلغة HTML:
<html>
<header>
<Title>X Sro Online Event !!!</Title>
</header>

<body>

<a href="https://www.xsro-online.com/Sro">
<img src="logo1.png" alt="X-Sro Online" height="42" width="42"> </a>

</body>

</html>

NoName95 23-02-2016 06:47 AM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة ahmed.m.king (المشاركة 5254468)
بعد اذنك انا مبتدي ممكن تقولي الاكواد دي احطها فين ؟
بص حضرتك برمجت المواقع بتتجزء الى 3 أجزاء.

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

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

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

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

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

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

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

تحياتي

NoName95 23-02-2016 06:55 AM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة Black Shield (المشاركة 5254572)
استخدم ده و غير الطول و العرض ع حسب ما انت عاوز

كود بلغة HTML:
<html>
<header>
<Title>X Sro Online Event !!!</Title>
</header>

<body>

<a href="https://www.xsro-online.com/Sro">
<img src="logo1.png" alt="X-Sro Online" height="42" width="42"> </a>

</body>

</html>
ده صح بس مش مفضل لعدة مشاكل بتحصل بسبب الكود ده.

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

طب أيه الحل؟
الحل أنك تغير حجم الصورة الاصلية عن طريق برنامج كل photoshop او اي برنامج أخر, ثم ترفعها الى الموقع.

بس برضو في مشكلة, الصورة هنا حتكون ثابتة, اي حجمها هو الثابت. يعني مع تغير عرض شاشة الجهاز الصورة لم يتم تغير حجمها.
مثلن ممكن تشتغل على جهازك عادي لاكن على جهاز ثاني ممكن ستملء الشاشة.

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

تحياتي

BLACK X™ 23-02-2016 10:13 AM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة NoName95 (المشاركة 5254622)
بص حضرتك برمجت المواقع بتتجزء الى 3 أجزاء.

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

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

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

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

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

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

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

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

BLACK X™ 23-02-2016 10:15 AM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة Black Shield (المشاركة 5254572)
استخدم ده و غير الطول و العرض ع حسب ما انت عاوز

كود بلغة HTML:
<html>
<header>
<Title>X Sro Online Event !!!</Title>
</header>

<body>

<a href="https://www.xsro-online.com/Sro">
<img src="logo1.png" alt="X-Sro Online" height="42" width="42"> </a>

</body>

</html>
تسلم يا غالي ... انتو الثنين توهتوني مش عارف امل ايه

BLACK X™ 23-02-2016 10:24 AM
رد: تعديل بسيط بس محتاج مساعدة
 
دلوقتي انا هشرحلكم انا عملت ايه وقلولي ايه الصح وايه الخطأ ! !
!
.
 1- اخت ملفات السيت وحطيطها في فولدر
2- غيرت اللينك بتاع الصوره وخليتو يحولني علي الملفات الي جوه الفولدر
كود PHP:
https://www.xsro-online.com/Sro 
3-دلوقتي لمه دخلت علي السيت لقيت كل حاجه تمام زي ما انا عايز بنسبه للصوره
4 - فيه مشكلتين رقم واحد - حجم الصوره رقم اثنين - اني لمه بدوس علي اي لين في الموقع نفترد مثلا الدونلود بيحولني الي الصوره مره ثانيه
5- اسف علي الاطاله شكراا لكم

NoName95 23-02-2016 12:00 PM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة ahmed.m.king (المشاركة 5254641)
الف شكر وانت فهمنتي حاجات كتير .. ملفات الهيكل بيبقا اسمها ايه ؟؟
علشان انا خربت الدنيا امبرح اوي وفي الاخر لمه زهقت رجعت كل حاجه مكانها وسيبتو وريحت دماغي !


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

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

http://store2.up-00.com/2016-02/145621544798891.png

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

http://store2.up-00.com/2016-02/145621544817432.png

تمام؟ طب دخلت على ملف الموقع, شوف في الصورة الثانية أنا عملت أيه, قسمت الفايل الى 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> و بيعمل نفس الحكاية.


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

NoName95 23-02-2016 12:02 PM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة ahmed.m.king (المشاركة 5254642)
تسلم يا غالي ... انتو الثنين توهتوني مش عارف امل ايه
ايه الي توهك بالظبط؟ عشان الطريقة دي تمام 100% بس مش الاحسن.

NoName95 23-02-2016 12:03 PM
رد: تعديل بسيط بس محتاج مساعدة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة ahmed.m.king (المشاركة 5254643)
دلوقتي انا هشرحلكم انا عملت ايه وقلولي ايه الصح وايه الخطأ ! !
!
.
 1- اخت ملفات السيت وحطيطها في فولدر
2- غيرت اللينك بتاع الصوره وخليتو يحولني علي الملفات الي جوه الفولدر
كود PHP:
https://www.xsro-online.com/Sro 
3-دلوقتي لمه دخلت علي السيت لقيت كل حاجه تمام زي ما انا عايز بنسبه للصوره
4 - فيه مشكلتين رقم واحد - حجم الصوره رقم اثنين - اني لمه بدوس علي اي لين في الموقع نفترد مثلا الدونلود بيحولني الي الصوره مره ثانيه
5- اسف علي الاطاله شكراا لكم
ممكن نشوف الكود عشان نعرف نساعدك؟

BLACK X™ 23-02-2016 06:47 PM
رد: تعديل بسيط بس محتاج مساعدة
 
اتفضل شوف انا عملت ايه
.

دخلت جو الفلدر بتاع الويب سيت htdocs وعملت ملف index وحطيت الكود اللي في الصوره كدا


http://i.imgur.com/is9RkiX.png
.
وبعد كدا اخذت ملفات الموقع بتاعي وحطيتها في ملف وسميتو Sro

ودي صوره من ملفات السيت بتاعي

http://i.imgur.com/eXja7Ka.png


الساعة الآن 04:31 PM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2024, vBulletin Solutions, Inc.