استغفر الله العظيم
 
 

العودة   منتديات داماس > المنتديات التعليمية > تطوير المواقع
 

Advertisement

 
07-05-2006, 09:58 PM
shoOk غير متصل
الوسـام الذهبي
رقم العضوية: 19491
تاريخ التسجيل: Apr 2005
المشاركات: 2,102
دُعي الى: 0 موضوع
    #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

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

تحياتي






المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تنفيذ مشروعك الصناعي من الالف الى الياء (تسليم مفتاح) مع مؤسسة جنان الربيع benumberone الاستيراد والتصدير والشركات الصينية وتسهيل المعلامات 0 02-10-2013 02:27 PM
مطلوب من كورس فيديو لتعليم java + الادوات الازمه perince-ellayaly البرمجة القياسية Ajax - XML - CSS - JavaScript -php وغيرهم 2 12-08-2012 10:05 PM
طلب تصميم موقع شخصي اسلامي أبو طالب تطوير المواقع 8 01-12-2009 12:02 AM
تصميم 7115 يصلح موقع عائلي او شخصي Damas قوالب تامبليت - قوالب بوربوينت - تصاميم جاهزة 0 18-03-2007 08:19 PM
كيف اسوي موقع وفيه هاكات ومنتدى من الالف الى الياء xabadeex_2004 تطوير المواقع 0 10-09-2004 01:30 PM

08-05-2006, 11:00 PM
jabour غير متصل
مشرف سابق
رقم العضوية: 14166
تاريخ التسجيل: Sep 2004
المشاركات: 4,930
دُعي الى: 0 موضوع
    #2  
thanks a lot my dear ShoOK for this great topic great job





08-05-2006, 11:22 PM
shoOk غير متصل
الوسـام الذهبي
رقم العضوية: 19491
تاريخ التسجيل: Apr 2005
المشاركات: 2,102
دُعي الى: 0 موضوع
    #3  
هلا ابو الجوج شكر لزيارتك الغاليه
وشكر خاص لابو شريك نيو ستار ولابو حميد ابو شادي


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

دمتم




09-05-2006, 02:37 AM
ibm2006 غير متصل
موقوف
رقم العضوية: 30483
تاريخ التسجيل: Dec 2005
المشاركات: 908
دُعي الى: 0 موضوع
    #4  
شكرا لك اخي الكريم shook ممكن نتعلم كيف دمج الفلاش و الملفات الصوتية و المرئية كدالك اتمنى من الاستاد jabour ان يتعاون معك كي نستفيد اكثر شكرا كثير لفتح هدا الموضوع و اتمنى ان لا يضيع هدا الشرح فهو غالي و نتمنى ان يكون كتاب او ملف pdf .


شكرا لكم.




09-05-2006, 12:24 PM
jabour غير متصل
مشرف سابق
رقم العضوية: 14166
تاريخ التسجيل: Sep 2004
المشاركات: 4,930
دُعي الى: 0 موضوع
    #5  
اخوتي انا اقدم اسفي الشديد لانني لم استطع تقديم المطلوب مني في هذه الايام بسبب الانشغال ولكن لقد تمكنت من الانتهاء من تصميم الموقع وسوف اضع شرح لمعظم اكواد الhtml ايضا" ولكن بهذه الايام مشغول جدا" جدا" جدا" واقدم اعتذاري مرة اخرى وشكرا" لأخي شوك مرة اخرى على وضع الموضوع الرائع وسف اضع ماذا اود ان اشرح:
1- كيفية عمل صفحة على الفتوشوب وتقسيمها من اجل رفعها على الانترنت وكيفية التعامل مع التمبليت
2- شرح اكواد الHTML.
3-طريقة اضافة الفلاش والملتميديا على الصفحة والكثير من الاشياء

تقبلوا اسمى تحياتي




10-05-2006, 02:14 AM
shoOk غير متصل
الوسـام الذهبي
رقم العضوية: 19491
تاريخ التسجيل: Apr 2005
المشاركات: 2,102
دُعي الى: 0 موضوع
    #7  
المشاركة الأصلية كتبت بواسطة ibm2006 
شكرا لك اخي الكريم shook ممكن نتعلم كيف دمج الفلاش و الملفات الصوتية و المرئية كدالك اتمنى من الاستاد jabour ان يتعاون معك كي نستفيد اكثر شكرا كثير لفتح هدا الموضوع و اتمنى ان لا يضيع هدا الشرح فهو غالي و نتمنى ان يكون كتاب او ملف pdf .

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

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




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



تحياتي




10-05-2006, 03:45 PM
New star متصل
مدير عام بوابة داماس
رقم العضوية: 1
تاريخ التسجيل: Mar 2003
الإقامة: SYRIA
المشاركات: 27,382
دُعي الى: 590 موضوع
    #8  
salam و رحمة الله و بركاتة

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

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





10-05-2006, 05:43 PM
ahmdatef غير متصل
مشرف منتديات سابق
رقم العضوية: 22769
تاريخ التسجيل: Jul 2005
الإقامة: مصر
المشاركات: 11,139
دُعي الى: 7 موضوع
    #9  
شرح أكثر من رائع بارك الله فيك و اسمح لى باضافة هذا الكتاب و هو باللغة الانجليزية يتناول بناء المواقع على شبكة الانترنت




الرابط

http://rapidshare.de/files/17321971/...forDummies.rar

و هذا كتاب ثان





http://rapidshare.de/files/19918037/....eBook-BBL.rar





11-05-2006, 11:34 PM
shoOk غير متصل
الوسـام الذهبي
رقم العضوية: 19491
تاريخ التسجيل: Apr 2005
المشاركات: 2,102
دُعي الى: 0 موضوع
    #10  
هلا نيوستارر وابو حميد مره تانيه
شكرا امير الغروب لمرورك الحلو

ازهارو وين هالغيبه ؟
اسعدني مررورك




21-05-2006, 05:47 PM
e-gamer غير متصل
عضو جديد
رقم العضوية: 33933
تاريخ التسجيل: Feb 2006
المشاركات: 28
دُعي الى: 0 موضوع
    #11  
شكرا على الدرس والكتب :)




26-03-2007, 03:39 AM
سلام الشاعر غير متصل
عضو جديد
رقم العضوية: 63092
تاريخ التسجيل: Jan 2007
المشاركات: 3
دُعي الى: 0 موضوع
    #12  
شكرا جزيلا على هذا الشرح الرائع
إذا كان عندي سؤال هل اسطيع أن
أطرحه عليكم ولكم جزيل الشكر




31-03-2007, 12:50 AM
karkoor غير متصل
عضو فعال
رقم العضوية: 64133
تاريخ التسجيل: Feb 2007
المشاركات: 155
دُعي الى: 0 موضوع
    #13  
مشكور أخى shoOk بصراحة شــرح رائع جداً جدا
ً
وننتظر منك الأحسن والأفضل


وفقك الله

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



31-03-2007, 01:01 AM
karkoor غير متصل
عضو فعال
رقم العضوية: 64133
تاريخ التسجيل: Feb 2007
المشاركات: 155
دُعي الى: 0 موضوع
    #14  
رابط البرنامج لا يعمل



06-04-2007, 12:12 PM
gorge غير متصل
عضو جديد
رقم العضوية: 65570
تاريخ التسجيل: Feb 2007
المشاركات: 1
دُعي الى: 0 موضوع
    #15  
اخى العزيز البرنامج المذ كور اعلاة لا يقبل التحميل والرجاء وضع ملف البرنامج اذا امكن حتى يستفيد الجميع وشكرا على المعلومات الشيقة





Powered by vBulletin® Version
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
The owner and operator of the site is not responsible for the availability of, or any content provided.
Topics that are written in the site reflect the opinion of the author.
جميع ما يُطرح من مواضيع ومشاركات تعبر عن رأي كاتبها ولا تعبر عن رأي مالك الموقع أو الإدارة بأي حال من الأحوال.