تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه
--------
السلام عليكم

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

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

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig18dj

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig18dj

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

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig28hf

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig28hf

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

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

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

اقسام البرنامج
تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig34oy

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig34oy

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig48kk

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig48kk

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig58mo

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig58mo

قمنا بادخال نص وصوره الى الصفحه
بنفس الطريقه يمكنك ادخال نصوص اخرى - صور - فلاش- قوائم - الخ
لكي تراقب وترى ما قمت بتصميمه بسهوله يمكنك الضغط على preview

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig64lb

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig64lb

اضافه مهمه

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

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

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

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

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

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

احد هذه البرامج واعتبره جيد جدا بهذا المجال هو HTML Kit حمل البرنامج من هنا وقم بتنصيبه

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

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

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

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

كالاتي

ومن ثم حفظ الملف

file - save as - esim el malaf

النتيجه

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

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

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

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

اولا التسجيل

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

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

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

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

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig168as

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig178mr

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig178mr

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig183xh

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig199cd

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig199cd

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

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

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

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

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

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

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig200dh

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig200dh

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig213ry

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig213ry

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig227ks

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

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig233dy

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig233dy

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig249no

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

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig257iq

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig257iq

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig260uv

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

تصميم موقع شخصي من الالف الى الياء - جميع الادوات الازمه Shookfig275yi

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

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

تحياتي
-منقول-