الحالة
موضوع مغلق

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#1


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

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

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

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









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

وغيرها

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

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




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

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

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

اقسام البرنامج



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

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




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


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


اضافه مهمه



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

هناك طريقتين لحفظ الصفحه
الاولى عن طريق 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 حقيقي

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




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




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




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

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





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




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




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

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

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

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

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

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

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

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






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

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





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

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

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




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




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

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




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









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



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

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

تحياتي​
 

jabour

مشرف سابق
التسجيل
10/9/04
المشاركات
4,907
الإعجابات
43
#2
thanks a lot my dear ShoOK for this great topic great job
 

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#3
هلا ابو الجوج شكر لزيارتك الغاليه
وشكر خاص لابو شريك نيو ستار ولابو حميد ابو شادي

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

دمتم
 

ibm2006

عضـو
التسجيل
29/12/05
المشاركات
908
الإعجابات
2
#4
شكرا لك اخي الكريم shook ممكن نتعلم كيف دمج الفلاش و الملفات الصوتية و المرئية كدالك اتمنى من الاستاد jabour ان يتعاون معك كي نستفيد اكثر شكرا كثير لفتح هدا الموضوع و اتمنى ان لا يضيع هدا الشرح فهو غالي و نتمنى ان يكون كتاب او ملف pdf .

شكرا لكم.
 

jabour

مشرف سابق
التسجيل
10/9/04
المشاركات
4,907
الإعجابات
43
#5
اخوتي انا اقدم اسفي الشديد لانني لم استطع تقديم المطلوب مني في هذه الايام بسبب الانشغال ولكن لقد تمكنت من الانتهاء من تصميم الموقع وسوف اضع شرح لمعظم اكواد الhtml ايضا" ولكن بهذه الايام مشغول جدا" جدا" جدا" واقدم اعتذاري مرة اخرى وشكرا" لأخي شوك مرة اخرى على وضع الموضوع الرائع وسف اضع ماذا اود ان اشرح:
1- كيفية عمل صفحة على الفتوشوب وتقسيمها من اجل رفعها على الانترنت وكيفية التعامل مع التمبليت
2- شرح اكواد الHTML.
3-طريقة اضافة الفلاش والملتميديا على الصفحة والكثير من الاشياء
تقبلوا اسمى تحياتي
 

ibm2006

عضـو
التسجيل
29/12/05
المشاركات
908
الإعجابات
2
#6
بانتضارك اخي jabour ان شاء الله النجاح لك و الرحمة لكل اهلك.
 

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#7
اقتباس من: ibm2006
شكرا لك اخي الكريم shook ممكن نتعلم كيف دمج الفلاش و الملفات الصوتية و المرئية كدالك اتمنى من الاستاد jabour ان يتعاون معك كي نستفيد اكثر شكرا كثير لفتح هدا الموضوع و اتمنى ان لا يضيع هدا الشرح فهو غالي و نتمنى ان يكون كتاب او ملف pdf .

شكرا لكم.
العفو اخي اي بي ام

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




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



تحياتي​
 

New star

Administrator
طاقم الإدارة
التسجيل
17/3/03
المشاركات
26,994
الإعجابات
9,468
#8
و رحمة الله و بركاتة

يعطيك العافية أخي ShoOk شرح رائع و واضح

تقبل خالص التحية و التقدير
 

ahmdatef

عضوية الشرف
التسجيل
23/7/05
المشاركات
11,059
الإعجابات
1,137
العمر
44
الإقامة
مصر
#9

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#10
هلا نيوستارر وابو حميد مره تانيه
شكرا امير الغروب لمرورك الحلو
ازهارو وين هالغيبه ؟
اسعدني مررورك
 

e-gamer

عضو مشارك
التسجيل
17/2/06
المشاركات
28
الإعجابات
0
#11
شكرا على الدرس والكتب :)
 

سلام الشاعر

عضو جديد
التسجيل
26/1/07
المشاركات
3
الإعجابات
0
#12
شكرا جزيلا على هذا الشرح الرائع
إذا كان عندي سؤال هل اسطيع أن
أطرحه عليكم ولكم جزيل الشكر
 

karkoor

عضو فعال
التسجيل
7/2/07
المشاركات
154
الإعجابات
0
#13
مشكور أخى shoOk بصراحة شــرح رائع جداً جدا
ً
وننتظر منك الأحسن والأفضل


وفقك الله

وجزاك الله خيــراً
 

karkoor

عضو فعال
التسجيل
7/2/07
المشاركات
154
الإعجابات
0
#14
رابط البرنامج لا يعمل
 

gorge

عضو جديد
التسجيل
17/2/07
المشاركات
1
الإعجابات
0
#15
اخى العزيز البرنامج المذ كور اعلاة لا يقبل التحميل والرجاء وضع ملف البرنامج اذا امكن حتى يستفيد الجميع وشكرا على المعلومات الشيقة
 

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#16
lots of thenks for all thos who visited here

new links for the program

WYSIWYG web builder

rapidhsare


turboupload

ta7iaty
 

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#17
another link for the program

up-file
 

lollipop

عضو ماسـي
التسجيل
27/3/07
المشاركات
1,478
الإعجابات
180
العمر
32
الإقامة
KSA-Makkah
#18
شرح اكثر من رائع ..انا في الطريق لتصميم موقع..وفرت علي عدة تساؤلات
جزاك الله الجنه اخي الكريم

تحياتي
:)لولي بوب:)
 

عاشق الحاسوب

عضو جديد
التسجيل
20/3/07
المشاركات
2
الإعجابات
0
#19
اخي الحبيب المرجو اعادة رابط التحميل للبرنامج الرابط الموجود محجوب ولك جزيل الشكر على جهودك
 

shoOk

الوسـام الذهبي
التسجيل
17/4/05
المشاركات
2,079
الإعجابات
64
#20
lots of thenks for all thos who visited here

new links for the program

WYSIWYG web builder

rapidhsare


turboupload

another link for the program

up-file




ta7iaty
 
الحالة
موضوع مغلق

أعلى