بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أولاً: يتم تصميم الاندكس بلغة ال HTML
كما يعلم الجميع.! ان لبرمجة ملف بلغة معيّنه يجب ان تعمل ملف بإمتداد اللغة
يعني مثلا تريد ان تبرمج ملف بلغة ال html يجب ان تسمي الملف بإمتداد html
مثال:
+ يجب ان يتم وضع الكود الذي برمجته داخل وسم ال html
مثال :
كود:
<html>Hacked By spook</html>
كيف اصمم الاندكس الخاص بيّ
بدون برامج؟!
هذا بسيط جدا وغير معقد.!
الجميع يعرف المفكره الذي تأتي مع الويندوز او ما تسمى بـ notepad
قم بفتح المفكره وسنقوم بكتابة الكود الخاص بنا داخلها ثم نحفظه بإمتداد html
طيب البعض رح يقول انا لا اعرف لغة ال html ، كيف سأقوم بكتابة اندكس.؟!
في هذا الموضوع انا رح افهمك اساسيات بسيطه بلغة الhtml لكنها لا تكفي.!
لذلك سأشرح ايضاً كيفية سرقة
اندكس لاحد الهكرز والتعديل عليه حتى يصبح ملك لنا .!
عند تصميم
اندكس او صفحة في لغة ال html يجب ان تتضمن الصفحة الاوسمه التاليه وهذه الاوسمة يجب ان تكون دائما + تقدر تستغني عنها لكنها مهمة
<html> و <head> و <title> و <body>
في لغة ال html ، عن استخدام وسم يجب ان يكون اخر شيء وسم مثله ينهيه
فمثلا استخدمنا الوسم
يجب ان تضع بعده وسم
وسم ال <html> وهو يخبر الجهاز ان الكود الذي تقوم بكتابته هو بلغة ال html
ويجب ان يكون كل الكود الذي تريده داخله.!
وسم ال <head> ويعني الرأس ، ويتم وضع داخله اكواد الرأس مثل عنوان الصفحة + ترميز الصفحة + اكواد جافا سكربت + css الخ...
وسم ال <title> ويعني العنوان ، وهو عنوان الصفحة (الإندكس) ، ويجب ان يتم وضعه بين وسم ال <head>
الوسم <body> ويعني جسم الصفحة ، ويجب ان تضع اي شيء تريد كتابته في الاندكس داخله
يصبح الكود كالتالي
كود:
<html>
<head>
<title>Hacked By divel-spook</title>
</head>
<body>
Hacked by spook
</body>
</html>
انظر ما داخل وسم ال <title> ، يوجد hacked by ASDELY
ضع مكانها اسم الصفحة الذي تريده
شوف وسم ال <body> ، وقمت الوضع داخله الجمله الذي اريدها ان تظهر في الاندكس
يلا نجرب نضع الكود في النوت باد ونعمل له حفظ بإسم ونشوف كيف رح يكون الاندكس الخاص بنا.!
كما في الصورة التالية
ثم
= اكتب اسم الملف الذي تريد ، وبما اننا نريد
اندكس نسميه index وما ننسى نضع .html على شان يجي بلغة ال html (اجباري)
2 = اختار All Files ، حتى يتم يتم التعريف انك تريد صنع ملف بلغة معيّنه (اجباري)
3 = هنا اختار الترميز ، غير اجباري ، لكنه مهم اذا تريد تصميم
اندكس بالعربية ، اذا لم تضع UTF-8 ، ستظهر الكتابة العربية غير مفهومه
4 = اعمل Save لحفظ الملف
اذهب مكان حفظ الاندكس وستجد انه ملف الانترنت يعني بشكل المتصفح عندي يظهر كما في الصورة التالية
قم بفتحه من شان تشوف كيف صار الاندكس
صورة بعد فتح الاندكس
جميل جداً
الكود الذي وضعناه انتج لنا كما في الصورة.! ، طيب كيف رح اعدل على شكله واضيف اكواد اخرى...!
مثلا رح نعمل لون الخلفية اسود ولون الخط ابيض! كيف بنعملها؟!
بسيطه جداً.! فقط نعدل على الوسم
<body>
ونضيف له خاصية اللون
يصبح الكود :
كود:
<body bgcolor="black" text="White">
bgcolor وتعني لون الخلفية وهي اختصار ل background color وتضع لها بين "" اللون الذي تريده ، فقط اكتب اسم اللون باللغة الانجليزية
text وهذه تستخدم لوضع لون الكتابه في الصفحة.!
طيب حلو ، كمان اريد ان اضف اسمي في الاندكس وايميلي واكتب فيه كم جملة حلوه
كيف بصير الكود بعدها؟!
كود:
<html>
<head>
<title>Hacked By spook-hacker</title>
</head>
<body bgcolor="black" text="White">
<font size="6">Hacked by spook</font> <br>
<font size="3">spook-hacker@hacker.ps</font> <br>
<font size="3">Aljyyosh.com<body bgcolor="black" text="White">
</body>
</html>
شوف الكود بالأعلى ، صار عندنا 2 اوسمه جديده ، وهي <br> و <font>
<br> يستخدم للنزول سطر
يعني مثلا تريد تكتب اسمك بسطر وموقعك بسطر على سبيل المثال يصير الكود كالتالي
كود:
Hacked By spook <br> vbspiders.com
وعندنا وسم اخر جديد وهو <font> ونضع داخله الجمله اللي نبي نكتبها ونحدد لها حجم الخط او لون الخط او نوع الخط في الجملة اللي بين الوسم
كود:
<font size="6" color="Green">Hacked by spook</font>
شوف كيف حددنا لها الحجم = 6 ، واللون يساوي green يعني اخضر.!
طيب نضيف نعدل الاندكس تبعنا ونضيف الكود هذه داخله
كود:
<html>
<head>
<title>Hacked By spook-hackre</title>
</head>
<body bgcolor="black" text="White">
<font size="6">Hacked by spook</font> <br>
<font size="3">spook-hacker@hacker.ps</font> <br>
<font size="3"></body>vbspiders.com<body bgcolor="black" text="White">
</body>
</html>
جميل جدا.! ، طيب انا مو عاجبني شكلهم هيك ، كيف بدي اعمل كل شيء بالاندكس يجي بنص الصفحة + بدي احط صورة!
من اجل وضع كل شيء تريده بالنص
لازم يكون كل اللي تبي تعمله بالنص بين الوسم
كود:
<center>هنا يكون الكود</center>
انا رح اضعه بعد ال <body> وقبل ال </body> عشان يصير كل شيء بالنص
طيب كيف بدي اضيف صورة للاندكس ؟! ، هاهاها بلش الأكشن
وسم الصورة فقط هكذا <img> هذا الوسم لا يوجد له وسم ينهيه مثل </img>
طيب انا بدي اضيف الصورة بعد كلمة hacked by ASDELY-ScOrPiOn
نروح بعد ال <br> اللي نزلنا فيها سطر ونكتب وسم الصورة وهو
كود:
<img src="http://www.vbspiders.com/images/hacked2.jpg" >
ال src="" نضع داخلها رابط الصورة اللي نبي نضيفها
بالنهاية يصير الكود كالتالي
كود:
<html>
<head>
<title>Hacked By spook-hacker</title>
</head>
<body bgcolor="black" text="White">
<center>
<font size="6" color="green"><b>[ Hacked by spook ]</b></font> <br>
<img src="http://www.vbspiders.com/images/hacked2.jpg"> <br><br>
<br>
<font size="5"><b>[vbspiders]</b><br>
<font size="4">
spook-hacker <br>
Black.Jaguar <br>
She!! Access
</font><br><br><br>
<br><br>
<font size="3">CopyRight vbspiders.com ™<body bgcolor="black" text="White">
<br>
</center>
</body>
</html>
صورة للإندكس بعد النهاية.
كذا الاندكس انتهى وانت تستطيع تتفنن وتضيف صور اكثر وتزبطه مثل ما بدك.!
الشرح الثاني وهو سرقة اندكس والتعديل عليه.!
الكثير منكم يشوف
اندكس حلو على احد المواقع المخترقه ، وما يقدر جيب الاندكس.!
لذلك احب ان اضع القسم الثاني من الشرح
طريقة سرقة الاندكس!
الطريقه بسيطه جدا جدا.!
ادخل الى الاندكس اللي تبي تسرقه
واضغط بالماوس كليك يمين.! ثم اختار view Page sorce او عرض مصدر الصفحة
عندها سيظهر لك كود بلغة ال html وهو كود الاندكس
انسخه كله ثم ضعه بالمفكره كما فعلنا سابقاً .! ، وعدل عليه
يعني مثلا تشوف صورة بالإندكس بدك تعدلها
روح على على وسم ال
كود:
<img src="غير الرابط اللي يكون هنا الى رابط صورتك الجديده">
واي جملة موجوده بالإندكس تبي تعدلها احبث عليها في الكود وعدلها.!
ثم اعمل حفظ بإسم كما في الصورة التالية
ثم
1 = اكتب اسم الملف الذي تريد ، وبما اننا نريد
اندكس نسميه index وما ننسى نضع .html على شان يجي بلغة ال html (اجباري)
2 = اختار All Files ، حتى يتم يتم التعريف انك تريد صنع ملف بلغة معيّنه (اجباري)
3 = هنا اختار الترميز ، غير اجباري ، لكنه مهم اذا تريد تصميم
اندكس بالعربية ، اذا لم تضع UTF-8 ، ستظهر الكتابة العربية غير مفهومه
4 = اعمل Save لحفظ الملف
كذا يكون عندك
اندكس اللي يعجبك.!
الى هنا انتهى الشرح
، اتمنى ان اكون قد توفقت بالشرح
بالتوفيق للجميع..!