المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : أمتلك موقعك بأي مساحة وببلاش - حول جهازك إلي سيرفر - أنشر موقعك علي الأنترنت !!



wa7edmenelnass
05-06-2009, 03:11 AM
السلام عليكم ورحمة الله وبركاتة

اليوم أقدم لكم موضوع شيق جدا جدا إن شاء الله نستفيد منه جميعا
هذا الموضوع لم أجد له مثيل في أي مكان لذا أحببت أن أشارك به
بسم الله الرحمن الرحيم نبدأ علي بركة الله

**** ملحوظه: تم تصغير الصور لتسهيل قراءة الموضوع ولمشاهدة الصورة بحجمها الأصلي قم بالضغط عليها وسيتم تكبيرها.


مقدمة
من منا لا يريد أن يكون لديه موقع ومن منا من أراد ذلك ولكن يجد بعض الصعوبات في ذلك.
الأن وبعد قراءة هذا الموضوع إن شاء الله سوف يكون لديك موقعك الخاص مجانا وعلي جهازك الشخصي وبإمكانك أن تجعل العالم بأسره أصدقائك ,أخوانك, وكل من تريد أن يدخل ليري إلي موقعك.


الأدوات المستخدمة

جهاز موديم أو راوتر
جهاز حاسب آلي متصل بشبكة المعلومات -الأنترنت- وكلما كانت سرعت الأتصال أعلي كلما كان أفضل
خادم Apache Server
خادم قواعد البيانات MYSQL Server
محرر لكتابة نصوص HTML
* يوجد الكثير من البرامج التي توفر لك كلا من الخادمين معا وبعض البرامج الأخري في حزمة واحده أو برنامج واحد تقوم بتسطيبة علي جهازك.


تحميل الأدوات المستخدمة

EasyPHP 3.0: وهذا البرنامج يقدم لك خادم Apacheوخادم قواعد البيانات و برنامجPHPMYADMIN وكل هذا مجانا وفي برنامج واحد
- التحميل : هنــــــــــــــــا (http://sourceforge.net/project/showfiles.php?group_id=14045)

2. Notepad++: برنامج هائل جدا يستخدم في تحرير مختلف أنواع النصوص مثل


HTML
PHP
C++
والكثير من لغات البرمجة وغيرها لذلك فهو من أفضل أنواع المحررات
- التحميل: هنــــــــــــــا (http://sourceforge.net/project/showfiles.php?group_id=95717&package_id=102072).



كيفية تسطيب الأدوات
الأن سنتعلم كيفية تسطيب الأدوات



EasyPHP 3:


الخطوات:

قم بالضغط علي برنامج EasyPHP 3.0 بعد أن قمت بتحميله, كما بالشكل المقابل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/1.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/1.jpg)



2. أضغط علي زر Next كما بالشكل ستظهر لك الصورة التالية أختر منها
I Accept The Agreement ثم أضغط علي Next


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/2.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/2.jpg)


3. ستظهر لك الصورة التاليه أضغط علي Next

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/3.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/3.jpg)


4. ستظهر لنا الصورة التي في الشكل المقابل وفيها المسار الذي سوف يقوم البرنامج بالتسطيب فيه وبالإمكان تغيير هذا المسار ثم أضغط علي زر Next

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/4.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/4.jpg)


5. ستظهر لنا صورة وفيها الأسم الذي سوف يظهر به البرنامج في قائمة Start ومن الممكن تغيير أسم البرنامج. أضغط علي زر Next كما بالشكل


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/5.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/5.jpg)



6. ستظهر لك الصورة كما في الشكل وفيها الأعدادات التي تم أختيارها في الخطوات السابقة. نضغط علي زر Install كما في الشكل الأتي:

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/6.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/6.jpg)


- أثناء عملية التسطيب

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/7.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/7.jpg)


7. أضغط علي زر Finish كما بالشكل سوف نلاحط ظهور صورة الخادمين يعملان كمان بالشكل الأتي:


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/8.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/8.jpg)



- صورة الخادمين يعملان


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/9.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/9.jpg)



8. الأن نذهب إلي صفحة الخادم لنتأكد من أنه يعمل نفتح المتصفح ونكتب http://localhost (http://localhost/) كما بالشكل


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/10.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/10.jpg)



الأن سوف نقوم بتسطيب برنامج Notepad ++ لكي نقوم بعمل صفحة بداية لموقعك.


Notepad ++:

* ملحوظه: بإمكانك أستخدام هذا البرنامج في تحرير العديد من النصوص المختلفة ولفات مختلفة أيضا.
1. أضغط علي برنامج Notepad++ بعد تحميله إلي جهازك كما بالشكل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/12.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/12.jpg)


2. نقوم بأختيار اللغة من القائمة كما بالشكل ثم نضغط علي الزر Ok نقوم بالضغط علي زر Next


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/13.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/13.jpg)


3. تظهر لنا الصورة كما بالشكل نضغك علي I Agree

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/14%20(1).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/14%20(1).jpg)


4. ستظهر لنا نافذة وفيها المسار الذي سنقوم بتسطيب البرنامج فيه ومن الممكن تغييره ثم نضغط علي زر Next

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/15%20(1).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/15%20(1).jpg)


5. ستظهر لنا نافذة فيها الخصائص التي نريدها في البرنامج ومن الممكن التعديل فيها علي حسب رغباتك الخاصة ثم نضغط علي Install

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/16.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/16.jpg)


6. بعد ذلك ستظهر لنا صورة البرنامج أثناء التسطيب وبعد ذلك تظهر صورة البرنامج وقد أكتمل التسطيب نضغط علي Finish

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/17.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/17.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/18.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/18.jpg)


9. نقوم الأن بعمل الصفحة الرئيسية لموقعك الخاص نذهب إلي المسار الأتي:
* ملحوظه: بإمكانك أستخدام لغتي ال PHP وال MYSQL في بناء موقعك حيث أن الخادم الذي لدينا في هذا المثال يدعم هاتين اللغتين.
C:\Program Files\EasyPHP 3.0\www ونقوم بإنشاء ملف جديد بأسم index.html

10. نضغط برز الفأرة - الماوس - الأيمن علي الملف Index.html ونختار Edit with Notepad++ كما بالشكل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/19.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/19.jpg)


11. يظهر لنا الشكل التالي نقوم بكتابة هذا الكود:


<html> <head>
<title>
أسم موقعك هنا


</title> </head>
<body>
<BR><BR>
<p align="Center"> أهلا وسلا ومرحبا بكم في موقعي الخاص </p>

</body> </html>





http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/20%20(2).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/20%20(2).jpg)

12. نذهب الأن إلي http://localhost (http://localhost/) لنتأكد أن الموقع قد تغيرت الصفحة الرئيسية فيه لتصبح الصفحة التي أعددناها من قبل كما بالشكل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/21.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/21.jpg)


13 . بعد ذلك نتأكد من إعدادات ال Ip Address, نذهب إلي لوحة التحكم Control Panel
ثم نختار Network Connections كما بالشكل
http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/22.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/22.jpg)




















14. نضغط علي Local Area Connection بزر الفأرة الأيسر ونختار
Porperites > Internet Protocol TCP/IP > Properites
كما في الصور:

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/23.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/23.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/24.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/24.jpg)

- أدخل ال Ip الخاص بك كما في الصورة

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/25r.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/25r.jpg)



ضبط الخادم
15. الأن نقوم بضبط الخادم ليعمل مع ال Ip address الخاص بنا كما في الشكل
- نضغط علي أيكونة الأباتشي في شريط المهام ونختار منها Configuration > Apache كما بالشكل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/26.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/26.jpg)


16. الأن نقوم بالبحث في الصفحة التي ظهرت لنا عن هذا السطر Listen 127.0.0.1:80
ونكتب أسفله Listen IP address الخاص بالحاسب -الجهاز- الذي نعمل عليه Listen 192.168.16.70:80

* الرقم 80 هو رقم المخرج -أو البورت- الذي سوف يعمل عليه الخادم - الأباتشي - أو سوف يستمع لأي طلبات من خلاله


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/27%20(1).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/27%20(1).jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/28.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/28.jpg)



17. بعد ذلك نفتح المتصفح ونكتب عنوان ال Ip الخاص بالجهاز الذي نعمل عليه http://192.168.16.70 (http://192.168.16.70/) ونري هل فعلا سوف يقوم المتصفح بنقلنا إلي صفحة الموقع أم لأ ؟ إذا كانت الأجابة نعم فقد تمت الخطوة السابقة بنجاح

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/29.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/29.jpg)


18. الأن نقوم بالذهاب إلي هذا الموقع www.dyndns.org (http://www.dyndns.org/) ونقوم بعمل عضوية جديدة وذلك حتي نقوم بربط الموقع بأسم أو نطاق خارجي كي يتمكن أي فرد من العالم الدخول إلي موقعك


خطوات إنشاء عضوية علي موقع www.dyndns.org (http://www.dyndns.org/)

* ملحوظه: هذا الموقع يقوم بتقديم العديد من الخدمات المختلفة والمتميزة.

أذهب إلي الموقع www.dyndns.org (http://www.dyndns.org/)
قم بالضغط علي Create a new account كما بالشكل

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/30.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/30.jpg)

سوفت تظهر لنا صورة كما بالشكل نقوم بملئ البيانات التي بها ونضغط علي Create Account


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/31.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/31.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/32.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/32.jpg)


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

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/34.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/34.jpg)


5. الأن نقوم بعمل أسم نطاق خاص بموقعك بعد الدخول إلي حسابك علي الموقع أذهب إلي
Services > Dynamic DNS> Get Started كما بالصور

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/35%20(1).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/35%20(1).jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/36.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/36.jpg)


6. بعد ذلك ستظهر لك أستمارة لأستكمال عمل أسم نطاق قم بملئها كما هو موضح بالصور

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/37.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/37.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/38.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/38.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/39.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/39.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/40.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/40.jpg)



19. بعد ذلك نذهب لضبط إعدادات المودم -الراوتر- لكي يقوم بتحويل كل الطلبات التي تأتي علي البورت 80 علي عنوان ال Ip الخاص بك ومن ثم يقوم الخادم - الأباتشي - بدورة كما بالصور:


ضبط إعدادات الخادم- الرواتر-

* ملحوظه: هذه الطريقة يمكن أستخدامها مع أي خادم أخر غير الـ Appache بمعني أنه يمكنك أن تجعل من جهازك خادم FTP مثلا وهكذا... .


نقوم بالذهاب إلي صفحة المودم -الرواتر- الرئيسية في هذا المثال عنوان المودم -الرواتر-http://192.168.16.1 (http://192.168.16.1/)
سيطلب منا أن ندخل أسم المتسخدم وكلمة المرور
بعد أدخال أسم المستخدم وكلمة المرور ستفتح صفحة المودم -الرواتر- الرئيسية وبها بعض المعلومات
نذهب إلي Access Management
ثم إلي DDNS ونقوم بأدخال معلومات الدخول علي موقع dyndns كما بالصور

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/41.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/41.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/42%20(1).jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/42%20(1).jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/43.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/43.jpg)


-الخطوة الثانية:

من الرواتر نذهب إلي Advanced Setup ثم NAT
نضغط علي Virtual Server
نقوم بإدخال الأعدادات كما بالشكل ونضغط علي Save كما بالصور:


http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/44.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/44.jpg)




http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/45.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/45.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/46.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/46.jpg)


الأن استطيع أن أقول لك مبرووووووووووك عليك موقعك ومن الأن وصاعدا تستطيع أن تضع ملفاتك ويعمل موقعك وتنشره في كل مكان



التأكد من أن الموقع يعمل (طريقة فتح المواقع المحجوبة)

* ملحوظه: هذه الطريقة يمكن أستخدامها في فتح والدخول علي المواقع المحجوبة سواء علي الجهاز الشخصي أو علي الشبكة وأرجوا أن يتم أستخدامها في الخير وفيما لا يغضب الله عز وجل.


أذهب إلي موقع www.upprox.co.cc (http://www.upprox.co.cc/)
أدخل أسم موقعك ثم أضغط علي GO
إذا فتح الموقع فقد تمت كل الخطوات بنجاح

http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/47.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/47.jpg)



http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/48.jpg (http://knol.google.com/k/-/-/27fjdxisx20gy/6xzsml/48.jpg)

wa7edmenelnass22
05-19-2009, 06:42 PM
مشكووووووووووووووووووووووووووور

wa7edmenelnass
06-20-2009, 01:09 AM
تم تعديل الموضوع

love.life2011
10-03-2009, 01:43 PM
شكررررررررررررررررررررررا


لكن بعض الصور الاخيرة مش ظاهرة عندي