قالب وجهاتْ النسخة الثالثة

تصميم اندكس اختراق

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

الإندكس.! ، ما هو الإندكس؟!
الـ index بالإنجليزية وتعني الفهرس
ما معنى ذلك؟!.
لنفرض ان عندنا الموقع 
http://www.aljyyosh.com

عندما تدخل الى 
http://www.aljyyosh.comستجد صفحة الموقع وهي الذي تم تصميمها من قبل الإدارة.!
هذه الصفحة تسمى الإندكس.
كونها موجوده باسم index.html او index.htm او index.php او index.asp الخ..!
اذا صممت اندكس ووضعته باسم اخر مثل asdely.html على الرابط التالي
http://www.aljyyosh.com
هل عندما تدخل للموقع سيظهر لك الصفحة اللي صممتها باسم asdely.html ؟؟!
بالطبع لا ، لان صفحة ال index هي الصفحة الرئيسية للموقع او للمجلد الموجوده فيه ، كيف للمجلد الموجوده فيه
فمثلا عندنا هذا الرابط
http://www.aljyyosh.com/vb
vb = مجلد داخل الموقع 
اذا وضعت اندكس داخل مجلد ال vb ، سيظهر لك الاندكس الذي صممته مباشره عند دخولك 
http://www.aljyyosh.com/vb


طيب اذا وضعت داخل مجلد ال vb اندكس باسم اخر مثل asdely.html ، كيف استطيع مشاهدته؟.!
تستطيع مشاهدته عند الدخول الى الرابط كامل ، كيف ذلك.؟!
اي عندما تدخل الى الملف نفسه ، مثال:
http://www.aljyyosh.com/vb/asdely.html



بمعنى اخر ، ان الاندكس هو صفحة عادية مصممه مثلها مثل اي صفحة اخرى ، لكن الذي يُفَرِقّها انها تحمل الاسم
index.html او index.htm او index.php او index.aspx الخ..!

طيب اذا دخلت لموقع او لمجلد لا يوجد فيه اندكس (index) كيف سيكون شكل الموقع؟!
بالطبع كما في الصورة التالية



بالطبع سيظهر لك الملفات الموجوده داخل المجلد.!


يتم تصميم الاندكس بلغة ال HTML 

كما يعلم الجميع.! ان لبرمجة ملف بلغة معيّنه يجب ان تعمل ملف بإمتداد اللغة
يعني مثلا تريد ان تبرمج ملف بلغة ال html يجب ان تسمي الملف بإمتداد html
مثال: aljyyosh.html
+ يجب ان يتم وضع الكود الذي برمجته داخل وسم ال html
مثال :
كود:
<html>Hacked By ASDELY-ScOrPiOn</html>
جميل.!

في البداية لمن يجد صعوبة بتصميم اندكس بشرح اليوم بإمكانه مشاهدة دروس لتصميم اندكس بواسطة البرامج من قبل الاخوه:

شرح مصور لعمل إندكس بخلفية عادية وبخلفية متحركة + إدراج الصور + صور خلفيات
http://www.aljyyosh.com/vb/showthread.php?t=9968
او
شرح مصور لعمل اندكس من برنامج WYSIWYG Web Builder
http://www.aljyyosh.com/vb/showthread.php?t=32468
او مشاهدة الدروس الموجوده بقسم الاندكسات
http://www.aljyyosh.com/vb/forumdisplay.php?f=56


كيف اصمم الاندكس الخاص بيّ بدون برامج؟!

هذا بسيط جدا وغير معقد.!
الجميع يعرف المفكره الذي تأتي مع الويندوز او ما تسمى بـ notepad

قم بفتح المفكره وسنقوم بكتابة الكود الخاص بنا داخلها ثم نحفظه بإمتداد html

طيب البعض رح يقول انا لا اعرف لغة ال html ، كيف سأقوم بكتابة اندكس.؟!
في هذا الموضوع انا رح افهمك اساسيات بسيطه بلغة الhtml لكنها لا تكفي.!
لذلك سأشرح ايضاً كيفية سرقة اندكس لاحد الهكرز والتعديل عليه حتى يصبح ملك لنا .!

عند تصميم اندكس او صفحة في لغة ال html يجب ان تتضمن الصفحة الاوسمه التاليه وهذه الاوسمة يجب ان تكون دائما + تقدر تستغني عنها لكنها مهمة
<html> و <head> و <title> و <body>
في لغة ال html ، عن استخدام وسم يجب ان يكون اخر شيء وسم مثله ينهيه

فمثلا استخدمنا الوسم 
كود:
<html>
يجب ان تضع بعده وسم
كود:
</html>
وسم ال <html> وهو يخبر الجهاز ان الكود الذي تقوم بكتابته هو بلغة ال html
ويجب ان يكون كل الكود الذي تريده داخله.!
وسم ال <head> ويعني الرأس ، ويتم وضع داخله اكواد الرأس مثل عنوان الصفحة + ترميز الصفحة + اكواد جافا سكربت + css الخ...
وسم ال <title> ويعني العنوان ، وهو عنوان الصفحة (الإندكس) ، ويجب ان يتم وضعه بين وسم ال <head>
الوسم <body> ويعني جسم الصفحة ، ويجب ان تضع اي شيء تريد كتابته في الاندكس داخله

يصبح الكود كالتالي
كود:
<html>
<head>
<title>Hacked By ASDELY</title>
</head>
<body>
Hacked by ASDELY-ScOrOiOn
</body>
</html>
انظر ما داخل وسم ال <title> ، يوجد hacked by ASDELY
ضع مكانها اسم الصفحة الذي تريده
شوف وسم ال <body> ، وقمت الوضع داخله الجمله الذي اريدها ان تظهر في الاندكس

يلا نجرب نضع الكود في النوت باد ونعمل له حفظ بإسم ونشوف كيف رح يكون الاندكس الخاص بنا.!
كما في الصورة التالية



ثم




1 = اكتب اسم الملف الذي تريد ، وبما اننا نريد اندكس نسميه 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 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 ASDELY-ScOrPiOn <br> Aljyyosh.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 ASDELY-ScOrPiOn
نروح بعد ال <br> اللي نزلنا فيها سطر ونكتب وسم الصورة وهو
كود:
<img src="http://www.aljyyosh.com/images/hacked2.jpg" >
ال src="" نضع داخلها رابط الصورة اللي نبي نضيفها

بالنهاية يصير الكود كالتالي
كود:
<html>
<head>
<title>Hacked By ASDELY</title>
</head>
<body bgcolor="black" text="White">
<center>

<font size="6" color="green"><b>[ Hacked by ASDELY-ScOrOiOn ]</b></font> <br>
<img src="http://www.aljyyosh.com/images/hacked2.jpg"> <br><br>

<br>
<font size="5"><b>[Aljyyosh Team]</b><br>
<font size="4">
ASDELY-ScOrPiOn <br>
Black.Jaguar <br>
She!! Access
</font><br><br><br>
<br><br>
<font size="3">CopyRight Aljyyosh.com &trade;<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 لحفظ الملف


كذا يكون عندك اندكس اللي يعجبك.!


الى هنا انتهى الشرح ، اتمنى ان اكون قد توفقت بالشرح

بالتوفيق للجميع..!
Hm

اسامة عبد الرضا : من الجمهورية العراقية, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى منها الرياضة ، ألعاب الفيديو ، والتصميم بحد ذاته ومدونة ويب نايت تعبر عما أهواه .

معلومات عن التدوينة الكاتب : Unknown في عدد التعليقات: تعليق 0 ، للإبلاغ عن رابط معطوب اضغط هنا
إرسال تعليق
شكرا لتعليقك

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
تصميم برو ويب