كيفية عمل صفحة اندكس ( شرح مصور )

[هاوي حنانك]

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

الاخـــوة الاعضــــاء ،،، بعـــد التحيـــة

سوف أشـــرح بإذن الله طريقة عمل اندكس اختراق

الادوات المستخدمــة :
1 - برنـــامج فرونت بيج Front Page
2 - اكــواد جافا
3 - موقع يعطى روابط مباشــرة

نبدأ الشـــرح على بركة الله





قبل كل حاجة لازم نعرف حاجة بسيطة جدا الا وهى ان الطريقة كلها تعتمد على ذوقك واستايلاك
والطريقة سهله جدا وبسيطة زى بالظبط وكأنك بتكتب ملف Word
وانا ان شاء الله اوريكم الاساسيات والباقى بيكون عليك

اول حاجة بنفتح برنامج الFront Page



هذه صفحة البداية الخاصة بالبرنامج

1 - هذه خيارات التحكم فى الكتابة (( مثـــل ال Word بالضبـــط ))
2 - خيارات نوع الخــط
3 - نضغط عليها لكتابة النصوص
4 - نضغط عليها لاضافة اكواد الجافا
5 - نضغط لمعاينة الملف قبل الحفظ

طيب تمام
الحين احنا نبي نحط خلفية للاندكس



نضغط على تنسيق ومنها على خلفية ,,,هتظهر معانا صندوق الحـــوارى هذا



نضع علامة صح علشان ننشط اختيار الصورة من الجهاز
2 - نختار مكان الصورة
3 - نضغط على موافق للتأكيد

الحين الصورة موجودة فى الخلفية

نضغط على HTML علشان نعدل شوية فى الجافا



بعد مانضغط على HTML بتتغير الصفحة وتكون بالشكل هذا



*1 & *2 - اعرفهم كويس جدا لانها مهمين جدااا وراح نعرف اهميتهم فى الاخر
لاحظ مسار الصورة اللى احنا اختارناها من الجهاز موجود
نمسح المسار هذا ونحط رابط مباشر للصورة
تابــع معى



1 - انا مسحت مسار الصورة وحطيط مكانه رابط مباشر للصورة
2 - نضغط على مغاينة علشــان نشوف الشغل



الى الآن الشغــل كله تمام

طيب الحين احنا نبي نكتب على الصورة




1 - نضغط على معاينة علشان نقدر نضيف الكلام اللى احنا نبيه
وزى ماقلت بالظبط فى اول الشرح الموضوع كله كأنك بتكتب ملف Word

2 - للتحكم فى نوع الخط
3 - للتحكم فى شكل الخط
4 - للتحكم فى مكان النص
5 - للتحكم فى اتجاه النص
6 - للتحكم فى حجم النص
7 - للتحكم فى المسافة البادئة
8 - للتحكم فى لون الخط

طيب لحد الآن تمام
احنا نبي نضيف تأثيرات على الصفحة
يعنى مثلا نضيف تأثير فيلم ماتريكس على الصفحة




1 - هنضغط على HTML لاضافة كود الجافا الخاص بالتأثير

الاكواد بيبقى فى نوعين منها
نوع بيضاف قبل كلمة
كود PHP:
</body>

ونوع بضاف قبل كلمة
كود PHP:
</head>

كود تاثير فيلم ماتريكس بيضاف قبلمة كلمة body
** الاكواد التى تتضاف قبل كلمى head بيكون مكتوب قبلها **

نروح قبل كلمة body ونضيف الكود الخاص بالتأثير





1 - كلمة body اللى احنا بنحط الكود قبلها
2 - الكـــود الخاص بتأثير الماتريكس

بعد ما اضفنا الكود

نضغط على معاينة علشان نشوف العمل كيف طلع شكله




1 - نضغط على معاينة علشان نشوف العمل


الحين عرفنا الاساسيات لعمل صفحة اندكس
ما عليك غير التطبيق واضافة الاكواد اللى تعجبك

** فى بعض الاكواد تحتاج للينكات مباشرة لتعمل بشكل صحيح مثل اكواد لاضافة الاغانى
وانا محددلك فى الاكواد المكان اللى هتحط فيه اللينك المباشر

** بالنسبة للمواقع التى توفر لينكات مباشرة
FreeWebTown - Free homepage and blog creation with free hosting.


كذا فاضل طريقة الحفظ
تضغط على حفظ ومنها نختار خفظ باسم ونكتب اى اسم
وطبعا الحفظ بيكون بنوع Web Page

الحين وقت تحميل الاكواد
الاكواد هذي بتحصلها في موضوع الاخ الرائع black gacwar

http://www.aljyyosh.com/vb/f32/6353/

مواضيع ذات صله بالموضوع

http://www.aljyyosh.com/vb/f32/15/

http://www.aljyyosh.com/vb/f32/6524/

http://www.aljyyosh.com/vb/f8/1597/

http://www.aljyyosh.com/vb/f47/3641/

هذا والله يحفظكم ,,,,,,