شرح تصميم اندكس اختراق بدون برامج
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
الإندكس.! ، ما هو الإندكس؟!
الـ index بالإنجليزية وتعني الفهرس
ما معنى ذلك؟!.
لنفرض ان عندنا الموقع
http://www.xxxxxxx*.com
عندما تدخل الى
http://www.xxxxx*.com
ستجد صفحة الموقع وهي الذي تم تصميمها من قبل الإدارة.!
هذه الصفحة تسمى الإندكس.
كونها موجوده باسم index.html او index.htm او index.php او index.asp الخ..!
اذا صممت اندكس ووضعته باسم اخر مثل asdely.html على الرابط التالي
http://www.xxxx**.com
هل عندما تدخل للموقع سيظهر لك الصفحة اللي صممتها باسم asdely.html ؟؟!
بالطبع لا ، لان صفحة ال index هي الصفحة الرئيسية للموقع او للمجلد الموجوده فيه ، كيف للمجلد الموجوده فيه
فمثلا عندنا هذا الرابط
http://www.xxxxx*.com/vb
vb = مجلد داخل الموقع
اذا وضعت اندكس داخل مجلد ال vb ، سيظهر لك الاندكس الذي صممته مباشره عند دخولك
http://www.Xxxx*.com/vb
طيب اذا وضعت داخل مجلد ال vb اندكس باسم اخر مثل asdely.html ، كيف استطيع مشاهدته؟.!
تستطيع مشاهدته عند الدخول الى الرابط كامل ، كيف ذلك.؟!
اي عندما تدخل الى الملف نفسه ، مثال:
http://wwwxxxxx*.com/vb/asdely.html
بمعنى اخر ، ان الاندكس هو صفحة عادية مصممه مثلها مثل اي صفحة اخرى ، لكن الذي يُفَرِقّها انها تحمل الاسم
index.html او index.htm او index.php او index.aspx الخ..!
طيب اذا دخلت لموقع او لمجلد لا يوجد فيه اندكس (index) كيف سيكون شكل الموقع؟!
بالطبع سيظهر لك الملفات الموجوده داخل المجلد.!
يتم تصميم الاندكس بلغة ال HTML
كما يعلم الجميع.! ان لبرمجة ملف بلغة معيّنه يجب ان تعمل ملف بإمتداد اللغة
يعني مثلا تريد ان تبرمج ملف بلغة ال html يجب ان تسمي الملف بإمتداد html
مثال: Xxxx*.html
+ يجب ان يتم وضع الكود الذي برمجته داخل وسم ال html
مثال :
كيف اصمم الاندكس الخاص بيّ بدون برامج؟!
هذا بسيط جدا وغير معقد.!
الجميع يعرف المفكره الذي تأتي مع الويندوز او ما تسمى بـ notepad
قم بفتح المفكره وسنقوم بكتابة الكود الخاص بنا داخلها ثم نحفظه بإمتداد html
طيب البعض رح يقول انا لا اعرف لغة ال html ، كيف سأقوم بكتابة اندكس.؟!
في هذا الموضوع انا رح افهمك اساسيات بسيطه بلغة الhtml لكنها لا تكفي.!
لذلك سأشرح ايضاً كيفية سرقة اندكس لاحد الهكرز والتعديل عليه حتى يصبح ملك لنا .!
عند تصميم اندكس او صفحة في لغة ال html يجب ان تتضمن الصفحة الاوسمه التاليه وهذه الاوسمة يجب ان تكون دائما + تقدر تستغني عنها لكنها مهمة
<html> و <head> و <title> و <body>
في لغة ال html ، عن استخدام وسم يجب ان يكون اخر شيء وسم مثله ينهيه
فمثلا استخدمنا الوسم
3 = هنا اختار الترميز ، غير اجباري ، لكنه مهم اذا تريد تصميم اندكس بالعربية ، اذا لم تضع UTF-8 ، ستظهر الكتابة العربية غير مفهومه
4 = اعمل Save لحفظ الملف
اذهب مكان حفظ الاندكس وستجد انه ملف الانترنت يعني بشكل المتصفح
عندي يظهر كما في الصورة التالية
قم بفتحه من شان تشوف كيف صار الاندكس
صورة بعد فتح الاندكس
مثلا رح نعمل لون الخلفية اسود ولون الخط ابيض! كيف بنعملها؟!
بسيطه جداً.! فقط نعدل على الوسم
<body>
ونضيف له خاصية اللون
يصبح الكود :
bgcolor وتعني لون الخلفية وهي اختصار ل background color وتضع لها بين "" اللون الذي تريده ، فقط اكتب اسم اللون باللغة الانجليزية
text وهذه تستخدم لوضع لون الكتابه في الصفحة.!
طيب حلو ، كمان اريد ان اضف اسمي في الاندكس وايميلي واكتب فيه كم جملة حلوه
كيف بصير الكود بعدها؟!
يعني مثلا تريد تكتب اسمك بسطر وموقعك بسطر على سبيل المثال يصير الكود كالتالي
لازم يكون كل اللي تبي تعمله بالنص بين الوسم
وسم الصورة فقط هكذا <img> هذا الوسم لا يوجد له وسم ينهيه مثل </img>
طيب انا بدي اضيف الصورة بعد كلمة hacked by comperSoft
نروح بعد ال <br> اللي نزلنا فيها سطر ونكتب وسم الصورة وهو
كذا الاندكس انتهى وانت تستطيع تتفنن وتضيف صور اكثر وتزبطه مثل ما بدك.!
السلام عليكم ورحمة الله وبركاته
الإندكس.! ، ما هو الإندكس؟!
الـ index بالإنجليزية وتعني الفهرس
ما معنى ذلك؟!.
لنفرض ان عندنا الموقع
http://www.xxxxxxx*.com
عندما تدخل الى
http://www.xxxxx*.com
ستجد صفحة الموقع وهي الذي تم تصميمها من قبل الإدارة.!
هذه الصفحة تسمى الإندكس.
كونها موجوده باسم index.html او index.htm او index.php او index.asp الخ..!
اذا صممت اندكس ووضعته باسم اخر مثل asdely.html على الرابط التالي
http://www.xxxx**.com
هل عندما تدخل للموقع سيظهر لك الصفحة اللي صممتها باسم asdely.html ؟؟!
بالطبع لا ، لان صفحة ال index هي الصفحة الرئيسية للموقع او للمجلد الموجوده فيه ، كيف للمجلد الموجوده فيه
فمثلا عندنا هذا الرابط
http://www.xxxxx*.com/vb
vb = مجلد داخل الموقع
اذا وضعت اندكس داخل مجلد ال vb ، سيظهر لك الاندكس الذي صممته مباشره عند دخولك
http://www.Xxxx*.com/vb
طيب اذا وضعت داخل مجلد ال vb اندكس باسم اخر مثل asdely.html ، كيف استطيع مشاهدته؟.!
تستطيع مشاهدته عند الدخول الى الرابط كامل ، كيف ذلك.؟!
اي عندما تدخل الى الملف نفسه ، مثال:
http://wwwxxxxx*.com/vb/asdely.html
بمعنى اخر ، ان الاندكس هو صفحة عادية مصممه مثلها مثل اي صفحة اخرى ، لكن الذي يُفَرِقّها انها تحمل الاسم
index.html او index.htm او index.php او index.aspx الخ..!
طيب اذا دخلت لموقع او لمجلد لا يوجد فيه اندكس (index) كيف سيكون شكل الموقع؟!
بالطبع كما في الصورة التالية
بالطبع سيظهر لك الملفات الموجوده داخل المجلد.!
يتم تصميم الاندكس بلغة ال HTML
كما يعلم الجميع.! ان لبرمجة ملف بلغة معيّنه يجب ان تعمل ملف بإمتداد اللغة
يعني مثلا تريد ان تبرمج ملف بلغة ال html يجب ان تسمي الملف بإمتداد html
مثال: Xxxx*.html
+ يجب ان يتم وضع الكود الذي برمجته داخل وسم ال html
مثال :
كود:
<html>Hacked By ASDELY-ScOrPiOn</html>
كيف اصمم الاندكس الخاص بيّ بدون برامج؟!
هذا بسيط جدا وغير معقد.!
الجميع يعرف المفكره الذي تأتي مع الويندوز او ما تسمى بـ notepad
قم بفتح المفكره وسنقوم بكتابة الكود الخاص بنا داخلها ثم نحفظه بإمتداد html
طيب البعض رح يقول انا لا اعرف لغة ال html ، كيف سأقوم بكتابة اندكس.؟!
في هذا الموضوع انا رح افهمك اساسيات بسيطه بلغة الhtml لكنها لا تكفي.!
لذلك سأشرح ايضاً كيفية سرقة اندكس لاحد الهكرز والتعديل عليه حتى يصبح ملك لنا .!
عند تصميم اندكس او صفحة في لغة ال html يجب ان تتضمن الصفحة الاوسمه التاليه وهذه الاوسمة يجب ان تكون دائما + تقدر تستغني عنها لكنها مهمة
<html> و <head> و <title> و <body>
في لغة ال html ، عن استخدام وسم يجب ان يكون اخر شيء وسم مثله ينهيه
فمثلا استخدمنا الوسم
كود:
<html>
يجب ان تضع بعده وسم
</html>
كود:
وسم ال <html> وهو يخبر الجهاز ان الكود الذي تقوم بكتابته هو بلغة ال html
ويجب ان يكون كل الكود الذي تريده داخله.!
وسم ال <head> ويعني الرأس ، ويتم وضع داخله اكواد الرأس مثل عنوان الصفحة + ترميز الصفحة + اكواد جافا سكربت + css الخ...
وسم ال <title> ويعني العنوان ، وهو عنوان الصفحة (الإندكس) ، ويجب ان يتم وضعه بين وسم ال <head>
الوسم <body> ويعني جسم الصفحة ، ويجب ان تضع اي شيء تريد كتابته في الاندكس داخله
يصبح الكود كالتالي
انظر ما داخل وسم ال <title> ، يوجد hacked by ASDELY
ضع مكانها اسم الصفحة الذي تريده
شوف وسم ال <body> ، وقمت الوضع داخله الجمله الذي اريدها ان تظهر في الاندكس
يلا نجرب نضع الكود في النوت باد ونعمل له حفظ بإسم ونشوف كيف رح يكون الاندكس الخاص بنا.!
كما في الصورة التالية
ويجب ان يكون كل الكود الذي تريده داخله.!
وسم ال <head> ويعني الرأس ، ويتم وضع داخله اكواد الرأس مثل عنوان الصفحة + ترميز الصفحة + اكواد جافا سكربت + css الخ...
وسم ال <title> ويعني العنوان ، وهو عنوان الصفحة (الإندكس) ، ويجب ان يتم وضعه بين وسم ال <head>
الوسم <body> ويعني جسم الصفحة ، ويجب ان تضع اي شيء تريد كتابته في الاندكس داخله
يصبح الكود كالتالي
كود:
<html> <head> <title>Hacked By ASDELY</title> </head> <body> Hacked by ASDELY-ScOrOiOn </body> </html>
ضع مكانها اسم الصفحة الذي تريده
شوف وسم ال <body> ، وقمت الوضع داخله الجمله الذي اريدها ان تظهر في الاندكس
يلا نجرب نضع الكود في النوت باد ونعمل له حفظ بإسم ونشوف كيف رح يكون الاندكس الخاص بنا.!
كما في الصورة التالية
ثم
1 = اكتب اسم الملف الذي تريد ، وبما اننا نريد اندكس نسميه index وما ننسى نضع .html على شان يجي بلغة ال html (اجباري)
2 = اختار All Files ، حتى يتم يتم التعريف انك تريد صنع ملف بلغة معيّنه (اجباري)3 = هنا اختار الترميز ، غير اجباري ، لكنه مهم اذا تريد تصميم اندكس بالعربية ، اذا لم تضع UTF-8 ، ستظهر الكتابة العربية غير مفهومه
4 = اعمل Save لحفظ الملف
اذهب مكان حفظ الاندكس وستجد انه ملف الانترنت يعني بشكل المتصفح
عندي يظهر كما في الصورة التاليةقم بفتحه من شان تشوف كيف صار الاندكس
صورة بعد فتح الاندكس
جميل جداً
الكود الذي وضعناه انتج لنا كما في الصورة.! ، طيب كيف رح اعدل على شكله واضيف اكواد اخرى...!مثلا رح نعمل لون الخلفية اسود ولون الخط ابيض! كيف بنعملها؟!
بسيطه جداً.! فقط نعدل على الوسم
<body>
ونضيف له خاصية اللون
يصبح الكود :
كود:
<body bgcolor="black" text="White">
bgcolor وتعني لون الخلفية وهي اختصار ل background color وتضع لها بين "" اللون الذي تريده ، فقط اكتب اسم اللون باللغة الانجليزية
طيب حلو ، كمان اريد ان اضف اسمي في الاندكس وايميلي واكتب فيه كم جملة حلوه
كيف بصير الكود بعدها؟!
كود:
<html> <head> <title>Hacked By ASDELY</title> </head> <body bgcolor="black" text="White"> <font size="6">Hacked by ASDELY-ScOrOiOn</font> <br> <font size="3">asdelylord@hotmail.com</font> <br> <font size="3">Aljyyosh.com<body bgcolor="black" text="White"> </body> </html>
شوف الكود بالأعلى ، صار عندنا 2 اوسمه جديده ، وهي <br> و <font>
<br> يستخدم للنزول سطريعني مثلا تريد تكتب اسمك بسطر وموقعك بسطر على سبيل المثال يصير الكود كالتالي
كود:
Hacked By comperSoft <br> http://comper-soft.blogspot.com/
وعندنا وسم اخر جديد وهو <font> ونضع داخله الجمله اللي نبي نكتبها ونحدد لها حجم الخط او لون الخط او نوع الخط في الجملة اللي بين الوسم
كود:
<font size="6" color="Green">Hacked by ASDELY</font>
شوف كيف حددنا لها الحجم = 6 ، واللون يساوي green يعني اخضر.!
طيب نضيف نعدل الاندكس تبعنا ونضيف الكود هذه داخله
طيب نضيف نعدل الاندكس تبعنا ونضيف الكود هذه داخله
كود:
<html> <head> <title>Hacked By ASDELY</title> </head> <body bgcolor="black" text="White"> <font size="6">Hacked by ASDELY-ScOrOiOn</font> <br> <font size="3">asdelylord@hotmail.com</font> <br> <font size="3">Aljyyosh.com<body bgcolor="black" text="White"> </body> </html>
وافتح الاندكس رح يصير كما في الصورة التاليه
جميل جدا.! ، طيب انا مو عاجبني شكلهم هيك ، كيف بدي اعمل كل شيء بالاندكس يجي بنص الصفحة + بدي احط صورة!
من اجل وضع كل شيء تريده بالنصلازم يكون كل اللي تبي تعمله بالنص بين الوسم
كود:
<center>هنا يكون الكود</center>
انا رح اضعه بعد ال <body> وقبل ال </body> عشان يصير كل شيء بالنص
طيب كيف بدي اضيف صورة للاندكس ؟! ، هاهاها بلش الأكشن وسم الصورة فقط هكذا <img> هذا الوسم لا يوجد له وسم ينهيه مثل </img>
طيب انا بدي اضيف الصورة بعد كلمة hacked by comperSoft
نروح بعد ال <br> اللي نزلنا فيها سطر ونكتب وسم الصورة وهو
كود:
<img src="http://servnt.net/wp-content/uploads/2014/03/12035-hacked_article.jpg" >
ال src="" نضع داخلها رابط الصورة اللي نبي نضيفها
بالنهاية يصير الكود كالتالي
بالنهاية يصير الكود كالتالي
كود:
<html>
<head>
<title>Hacked By copmerSoft</title>
</head>
<body bgcolor="black" text="White">
<center>
<font size="6" color="green"><b>[comperSoft ]</b></font> <br>
<img src="http://servnt.net/wp-content/uploads/2014/03/12035-hacked_article.jpg"> <br><br>
<br>
<font size="5"><b>[coper Team]</b><br>
<font size="4">
Copmer Team <br>
Black.Jaguar <br>
She!! Access
</font><br><br><br>
<br><br>
<font size="3">CopyRight Aljyyosh.com ™<body bgcolor="black" text="White">
<br>
</center>
</body>
</html>
صورة للإندكس بعد النهاية.
كذا الاندكس انتهى وانت تستطيع تتفنن وتضيف صور اكثر وتزبطه مثل ما بدك.!
بقلم copmer soft
ليست هناك تعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.