السلام عليكم

تريد ان تبني موقع خاص ؟
تريد ان يكون لك منتداك الشخصي ؟
تفضل تابع معي
برنامج جبار

لكي تبني موقع خاص
انت بحاجه الى عده ادوات سوف نقوم بتحميلها وشرح طريقه استعمالها
الفكره الاساسيه لبناء موقع هي
1. تصميم الموقع - وهنا سوف نقوم باستعمال برنامج سهل يساعدك على التصميم
وايضا برنامج لعمل تغيرات بصفحه الموقع اذا احتاج الامر

2. رفعه الى سرفر استضافه ونحتاج الى
أ. موقع استضافه
ب. اذاه تمكننا من رفع المعلومات

وبعدها يمكن للزوار مشاهده الموقع





http://img526.imageshack.us/img526/6...ookfig18dj.png



هنالك عده برامج تمكن من خلالها تصميم موقع بسهوله دون الحاجه الى معرفه سابقه بالبرمجه
منها
frontpage
Namo Web Editor 6
Antenna Web Design Studio 2.6.0.120
Web Page Maker 2.1.1

وغيرها

نحن سنقوم باستعمل برنامج يسمى WYSIWYG Web Builder
ليس الافضل لكنه الاسهل وحجمه مناسب

صوره البرنامج

http://img431.imageshack.us/img431/4...ookfig28hf.png


لتحميل البرنامج اضغط هنــــــــــــــــــــــا 1.8 ميغا

قم بتحميل وتنصيب البرنامج
للتسجيل

Name: Crude
Serial: KFW9K-7J2G8-BQT4Y-V3GXV-QM4RF

اقسام البرنامج
http://img415.imageshack.us/img415/4...ookfig34oy.png


بعد فتح البرنامج سنقوم ببناء صفحه بسيطه جدا تحوي نص وصوره كمثال فقط لبناء صفحه ويب

اضافه نص
اضغط على txt وقم بتحديد المكان الذي تريد ان تكتب فيه بداخل الصفحه
double click على المربع الذي قمت بفتحه واكتب ما شئت

http://img193.imageshack.us/img193/112/shookfig48kk.png


لاضافه صوره
نقوم بالضغط على زر image
اختيار المكان الذي نريد اضافه الصوره اليه بداخل الصفحه
تحميل الصوره من الجهاز

http://img71.imageshack.us/img71/3720/shookfig58mo.png
قمنا بادخال نص وصوره الى الصفحه
بنفس الطريقه يمكنك ادخال نصوص اخرى - صور - فلاش- قوائم - الخ
لكي تراقب وترى ما قمت بتصميمه بسهوله يمكنك الضغط على preview

http://img366.imageshack.us/img366/1...ookfig64lb.png
اضافه مهمه

http://img337.imageshack.us/img337/4...ookfig72kl.png

ناتي الان لحفظ الملف او الصفحه

هناك طريقتين لحفظ الصفحه
الاولى عن طريق file-save web as
وهي طريقه تسمح باعاده صياغه وتحرير الصفحه من جديد ويكون امتدادها wbs

والثانيه وهي عن طريق file -export to html
وهي الصيغه النهائيه التي يمكن نشرها وتحميلها للسرفر

سنقوم بحفظ الملف بالصيغه الثانيه -
بعد الحفظ سوف يظهر لك ملفين الاول
index.html
والثاني
images
اذا قمت بفتح ملف images سوف ترى انه يحتوي على الصوره التي قمت باختيارها او مجموعه الصور
التي قمت باختيارها

يمكنك فتح ملف index.html بواسطه المفكره او notpad سوف ترى الصفحه مكتوبه بلغه ال HTML

افضل طريقه لعرض صفحه ال HTML هي عن طريق برنامج مختص بتحرير هذه الملفات

احد هذه البرامج واعتبره جيد جدا بهذا المجال هو HTML Kit حمل البرنامج من هنا وقم بتنصيبه
http://img338.imageshack.us/img338/7...ookfig87dt.png


البرنامج مجاني ولا يحتاج التي تسجيل

بعد تحميل - تنصيب وفتح الصفحه التي قمنا بانشاءها سوف نحصل على

http://img215.imageshack.us/img215/3...ookfig93eq.png

وهنا اود وباختصارشديد جدا توضيح بناء صفحه انترنت عن طريق برمجتها بلغه ال HTML
بمساعده البرنامج افتح صفحه جديده
file - new document
سوف تحصل على الاتي

http://img265.imageshack.us/img265/8...okfig103bt.png

سوف نقوم باجراء تعديل بسيط على برمجه الصفحه
في قسم title سنضيف عنوان جديد
بحيث يكون عنوانها we love freedom
وفي الصفحه سوف تظهر العباره الاتيه i did it and il try some thing else
هذه العباره سوف نقوم بكتابتها تحت قسم

كالاتي

http://img222.imageshack.us/img222/9...okfig112xi.png
ومن ثم حفظ الملف

file - save as - esim el malaf

النتيجه
http://img172.imageshack.us/img172/8...okfig122bw.png

يوجد في المنتدى دروس عديده حول لغه ال اتش تي ام ال يمكن تطبيقها بسهوله مع هذا البرنامج


حتى الان تعرفنا على طريقه تصميم وعرض صفحه انترنت

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

الموقع يحتاج الى تسجيل وسوف نحتاج الى برنامج اخر مساعد لنقل الصفحه من الجهاز الى السرفر العام
هذه البرامج تسمى برامج ftp اي file transfer protocol اي برنامج مساعد بنقل الملفات


اولا التسجيل

هناك العديد من مواقع الاستضافه المجانيه وغالبا ما تكون رديئه .. اخترت لكم موقع يبدو انه لا باس به وسوف يساعدنا على اتمام المهمه...
الخدمات التي يقدمها بالاستضافه المجانيه :


http://img279.imageshack.us/img279/2...okfig135fh.png


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


للتسجيل اضغط هنا وبعدها املا البيانات
كلمه السر للدخول للموقع المستضيف سترسل لك الى بريدك لذلك عليك بكتابه عنوان بريد e-mail حقيقي

بعده عده دقائق سوف يتم ارسال كلمه السر الى بريدك

http://img419.imageshack.us/img419/4...okfig141cz.png


بعد الحصول على اليوزر نيم والباس وورد
اضغط هنا للدخول الى الموقع قم بادخال اليوزر والباس وورد

http://img77.imageshack.us/img77/5508/shookfig157jy.png


اذا تم التدخول بنجاح سوف تظهر لك هذه الصفحه

http://img416.imageshack.us/img416/7...okfig168as.png


الصفحه تحوي العديد من الخواص اهمها
بناء sub domain
وقسم ال phpadmin

اضغط على قسم ال subdomain وذلك لاختار اسم لموقعك بالطبع لن يكون اسم خاص وانما اسم معين تحت اسم الشركه المستضيفه

http://img416.imageshack.us/img416/3...okfig178mr.png



قم باختيار اسم وافحص انه غير مستعمل -

http://img56.imageshack.us/img56/2445/shookfig183xh.png


عنوان صفحتك الجديده هو الاسم الذي اخترته تحت عنوان الشركه انا اخترت damasgate
وعنوان الصفحه الخاصه بي هو
http://damasgate.awardspace.com/
عند الضغط على هذا العنوان او عنوانك سوف تفتح صفحه كالتي

http://img166.imageshack.us/img166/7...okfig199cd.png


وهي المعلومات الاوليه التي قامت الشركه بوضعها تلقائيا

وما علينا الان سوى تبديل محتوياتها

اذن نريد تحميل صفحتنا على السرفر او تبديل محتويات الصفحه الموجوده هناك

تخيل السرفر قرص صلب شبيه بالقرص الصلب الموجود على جهازك لكن اسمه ليس c ولا d
انما \ وكل التفرعات تاتي تحت هذا السلاش \
يعني نريد فتح فولدر في السرفر سيكون اسمه /folder على سبيل المثال

الموقع عادتا يحوي عده صفحات فكيف نعرف اي صفحه سوف تفتح اولا ؟

الصفحه الافتراضيه او ال dfault يكون اسمها عادتا index.html
وهذه هي الصفحه التي قمنا بتصميمها ونريد رفعها - لن اطيل
لكي نرفع هذه الصفحه نحن بحاجه لبرنامج نقل الملفات ftp program

احد البرامج الجيده والمجانيه تجده هنا حمل النسخه المجانيه وقم بتنصيبها

ملاحظه : اذا كنت تستعمل احد هذه البرامج فلا داعي لتنصيب برنامج جديد ما لديك سيفي بالغرض

http://img392.imageshack.us/img392/6...okfig200dh.png




بعد التنصيب نقوم بفتح البرنامج وملىء بيانات الدخول الى السرفر المستضيف

شرح بسيط للبرنامج

http://img287.imageshack.us/img287/4...okfig213ry.png

http://img179.imageshack.us/img179/1...okfig227ks.png

ادخال البيانات

البيانات مكونه من :
اسم الموقع الذي اخترته UR NAME.awardspace.com
اسم المستخدم
كلمه المروور

هذه البيانات تكون قد ارسلت الي بريدك بعد تسجيلك

http://img525.imageshack.us/img525/2...okfig233dy.png


بعد نجاح الاتصال سوف ترى ملف يحوي الاسم الذي اخترته

http://img511.imageshack.us/img511/3...okfig249no.png


دبل كليك سوف تفتح الملف الذي يحوي صفحه الانتر نت الخاصه بنا

كل ما تبقى عمله هو نقل الملفات
ملف ال index.html
and images

http://img325.imageshack.us/img325/6...okfig257iq.png


بعد نقل الملفات سيسالك هل تريد ان تحفظ على الملفات الموجوده اكبس overwrite




http://img325.imageshack.us/img325/8...okfig260uv.png




الان لديك صفحه انتر نت خاصه بك اذهب وافحص النتيجه

http://img396.imageshack.us/img396/2...okfig275yi.png

اذا لم تشاهد العربي اذهب الى عرض - تخصيص واختار العربي view - encoding - arabic win

نقلا نصاً وصورة عن الاخ بوابة داماس