1. الرئيسية
  2. الإحصائيات
  3. البحث
  4. جديد الدروس
  5. أخبر صديقك
  6. اتصل بنا

مكتبة الدروس دروس فوتوشوب برمجة شبكات تصميم هندسة عربي دورات  » برمجة مواقع الإنترنت » (3) كيف تبني موقعك الإلكتروني على الإنترنت بنجاح؟

 (3) كيف تبني موقعك الإلكتروني على الإنترنت بنجاح؟  أضيف في: 20-2-1430هـ
http://www.tech-wd.com/wd/wp-content/uploads/2008/08/websuccesstitle.jpg

هذا الموضوع عبارة عن سلسلة (( كيف تبني موقعك الإلكتروني على الإنترنت بنجاح )) شاهد الجزء الأول أو الجزء الثاني … او أكمل معنا الجزء الثالث هنا ….
[COLOR=#3366FF]بناء وتصميم الموقع[/COLOR]

http://www.tech-wd.com/wd/wp-content/uploads/bweb.jpg

الأن نأتي إلى بناء وتصميم الموقع , وهو الجزء الأصعب في الموضوع,
يتم بناء الموقع وتصميمه على أسس أوليه يجب عليك تحديدها :
<UL>هل سيكون الموقع عبارة عن برنامج منتج جاهز
تقوم بتركيبه أو تكلف أحد بتركيبه لك ؟
مثل :
- مدونة Wordpress
- منتديات vBulletin
- منتديات phpbb
- مجلة Joomla
- ألخ …

تقوم بتحميل ملفات البرنامج وتركيبها في موقعك وعمل Install أو Setup من خلال الموقع هناك إعدادات لازمة يجب عليك عملها مثل إنشاء وربط قواعد البيانات,
((سأتطرق إلى طريقة تركيب كل برنامج بالتفصيل لاحقاً في موضوع آخر))
لكن في هذا الموضوع سأتطرق لكيفية عمل موقع او مدونة خاصة بك عن طريق البرنامج الشهير Wordpress.

أم سيكون برمجة خاصة تقوم ببرمجة الموقع من الصفر حتى النهاية , سواء أنت أو شركة برمجة خاصة.
</UL>
يفضل أن تخطوا على المقولة التي تقول إبدأ من حيث أنتهى الآخرون , بحيث لو تجد برنامج يلبي إحتياجاتك , مثلاً اذا كنت تريد عمل موقع شخصي يحتوي على صفحات ثابته تقوم بإدارتها عن طريق لوحة تحكم سهله + نموذج إتصل بنا + سجل زوار + آخر الأخبار + تدوينات تقوم بطرحها خاصة لك , فستكون مدونة Wordpress الحل الأمثل لك بكل سهولة.
لكن في حال أنه لم تجد برنامج يلبي إحتياجاتك وتريد برمجة خاصة بعمل تخطيط خاص بك وغير مستخدم ببرنامج جاهز فيمكنك عمل الموقع ببرمجة خاصة.

http://www.tech-wd.com/wd/wp-content/uploads/php_programming_code.jpg

لغات البرمجة كثيرة منها :
<UL>PHP
ASP .NET
Python
Ruby
…..
</UL>تتميز PHP بأنها لغة برمجة مفتوحة المصدر ومجانية الإستخدام سهلة التعلم وبسيطة.
اما ASP .NET غير مجانية وغير مفتوحة المصدر لكنها لغة برمجة قوية وسهلة في نفس الوقت لوجود برنامج خاص لها من إضافة أدوات جاهزة لتعديل في الخصائص بها لعمل موقعك.

أختر ما يناسبك حسب إحتياجك وابدأ في برمجة الموقع.
اعمل موقع مدونة Wordpress مع تصميم ستايل خاص بك بالفوتوشوب وتركيبه

بسم الله نبدأ
المساحة في موقعك
طبعاً أنا أعتقد بأن لديك مساحة على الإنترنت أما في حال ليس لديك يمكنك زيارة الموضوع السابق من سلسلتنا لتتعرف على أسس حجز مساحة على الإنترنت وحجز نطاق دومين بشكل عام
تحميل ملفات مدونة Wordpress
الأن قم بتحميل آخر نسخة معربة من مدونة Wordpress من الموقع الرسمي العربي الخاص بالبرنامج :
http://ar.wordpress.org
أضغط على (( Download WordPress )) لتحميل آخر نسخة من المدونة
سيكون الملف مضغوط بإسم (( wordpress-2.6.1-ar.zip ))
قم بفك الضغط سيظهر مجلد بداخل الملف المضغوط بإسم (( wordpress ))
داخل المجلد ملفات كثيرة خاصة بالبرنامج , الأن كل ما يهمك هو ملف (( wp-config-sample.php ))
أولاً قم بتغيير اسمه إلى (( wp-config.php )) ثم افتح الملف
كل ما يهمك في هذا الملف هو الثلاث سطور التالية :
define(’DB_NAME’, ‘putyourdbnamehere‘); // اسم قاعدة البيانات
define(’DB_USER’, ‘usernamehere‘); // اسم المستخدم لقاعدة البيانات
define(’DB_PASSWORD’, ‘yourpasswordhere‘); //كلمة المرور لقاعدة البيانات

هذه البيانات يجب عليك تعبئتها بعد إنشاء قاعدة البيانات في موقعك عن طريق لوحة تحكم موقعك المقدم من شركة الإستضافة التي إستضفت فيها
لذالك يجب علينا الأن إنشاء قاعدة بيانات جديدة وإنشاء مستخدم جديد لقاعدة البيانات أو إستخدام مستخدم سابق تم إنشاءه وربط المستخدم بقاعدة البيانات ,
قد تكون أمور قاعدة البيانات لديك صعبه حالياً لكن لا تخف , سنقوم خطوه بخطوه تفصيليه بإذن الله لطريقة إنشاء قاعدة البيانات وربطها بمستخدم لكتابتها في ملف wp-config.php
ولأي إستفسارات لا تتردد بالرد هنا http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif
إنشاء وربط قاعدة البيانات
أفتح لوحة تحكم موقعك التي تم إرساله لك عن طريق الإستضافة , في الغالب يكون هو العنوان التالي : http://www.????.com:2082
بعد تسجيل الدخول إلى لوحة تحكم الموقع, ستظهر لك لوحة التحكم إبحث عن قائمة إدارة قواعد البيانات MySQL وفي حالة تستخدم لوحة التحكم نفس التي أستخدمها فستكون الصور واضحه لك لأن لوحة التحكم تختلف من إستضافة إلى أخرى ولكن المتعارف عليها هي لوحة التحكم CPanel
http://www.tech-wd.com/wd/wp-content/uploads/mysql.gif

أضغط على ((إنشاء قاعدة MySQL وإسم مستخدم وربطهما))
في الخطوة الأولى ستظهر لك صفحة تطلب منك كتابة أسم قاعدة البيانات , طبعاً نكتبها بالإنجليزي بأي أسم نريده , فمثلاً انا كتبت wpdb ثم أضغط على الخطوة التالية
http://www.tech-wd.com/wd/wp-content/uploads/mysqldbname.gif

في الخطوة الثانية اكتب اسم المستخدم وكلمة المرور ثم أضغط (( الخطوة التالية ))
http://www.tech-wd.com/wd/wp-content/uploads/mysqldbusername.gif

في الخطوة الثالثة نقوم بربط قاعدة البيانات بالاسم المستخدم الذي انشأناهما على حسب الصلاحيات التي نريدها , لكن في اغلب الأوقات نعطي للمستخدم جميع الصلاحيات لكي تقوم بعمل كامل العمليات
ضع صح على ALL PRIVLEGES سيتم عمل علامة صح على جميع الخيارات ثم أضغط (( الخطوة التالية ))
http://www.tech-wd.com/wd/wp-content/uploads/mysqldblink.gif

الأن تم إتمام العملية بنجاح , ستظهر لك هذه الرسالة
http://www.tech-wd.com/wd/wp-content/uploads/mysqlfinish.gif

نحن انشأنا قاعدة بيانات واسم مستخدم بإسم wpdb فيكون اسمه althari_wpdb فما هو althari ? هو اسم المستخدم الذي دخلت به عن طريق لوحة التحكم فيتم ربط قاعدة البيانات بإسم المستخدم لكي يعرف بأن قاعدة البيانات خاصة بك , بحيث لا تنسى ان موقعك مستضاف في سيرفر الشركة التي تحتوي على مواقع كثيره فاسمك المستخدم يتم ربطه بقاعدة البيانات الخاصة بك.
الأن انتهينا من 1/ إنشاء قاعدة البيانات 2/ إنشاء اسم المستخدم لقاعدة البيانات وقمنا 3/ بربطهما مع بعض, هذه الثلاث خطوات الرئيسية في تركيب اي برنامج يستخدم قاعدة بيانات http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif
طبعاً الأن بقي لدينا كتابة معلومات قاعدة البيانات في ملف wp-config.php الخاص بالإتصال بقاعدة البيانات
كالتالي :
define(’DB_NAME’, ‘althari_wpdb‘); // اسم قاعدة البيانات
define(’DB_USER’, ‘althari_wpdb‘); // اسم المستخدم لقاعدة البيانات
define(’DB_PASSWORD’, ‘dfsert34536df!*#‘); //كلمة المرور لقاعدة البيانات

قم بحفظ الملف
الأن علينا نقل ملفات البرنامج إلى الموقع … ناخذ استراحة ونرجع لكم http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif ,
( اذكر الله , يذكرك , لا إله إلا الله , محمد رسول الله )
نقل الموقع إلى الإنترنت بالـ FTP
نرجع بعد الإستراحه القصيرة , الأن لكي نرفع الملفات هناك طريقتين, عن طريق لوحة تحكم الموقع أو عن طريق برنامج FTP
طبعاً أفضل طريقه هي عن طريق برنامج FTP لأنه أسرع بكثير ومريح جداً لعرض الملفات والمجلدات,
هناك برامج كثيره FTP لكن انا شخصياً أستخدم برنامج بالنسبه لي أفضل برنامج اولاً حجمه خفيف جداً جداً ثانياً سريع جداً جداً جداً ثالثاً مجاني جداً http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif حلوه مجاني جداً , عموماً واللي عاجبني اكثر انه مو برنامج بل هو إضافة عن طريق متصفح FireFox الشهير, واسم الإضافة FireFTP يمكنك تحميله بالضغط على الأسم.
بعد تحميله قم بفتحه عن طريق (( الأدوات >> FireFTP ))
ستجد على يمينك مجلدات جهازك وعلى يسارك مجلدات موقعك لكن فارغه لأنه لا يوجد موقع متصل به أنت الأن لذالك يجب علينا إنشاء حساب لموقعك
الأن لإنشاء حساب جديد لموقعك أضغط على القائمة الثانية أعلى اليمين وأضغط على Create an account … كما هو موضح بالصورة
http://www.tech-wd.com/wd/wp-content/uploads/ftp1.gif

ثم ستظهر لك نافذه قم بتعبئة بيانات موقعك كما في الصورة التالية
http://www.tech-wd.com/wd/wp-content/uploads/ftp2.gif

ثم أضغط موافق
أختر اسم الحساب الذي أنشأته وأضغط Connect كما في الصورة
http://www.tech-wd.com/wd/wp-content/uploads/ftp3.gif

الأن ستظهر لك مجلدات على يسار البرنامج وهي مجلدات موقعك , لكن ليست المجلدات التي في www.???.com بل عند الإتصال بالإنترنت يجب عليك الدخول إلى مجلد www او public_html كلهم يودي إلى نفس المجلد لكن www مجرد إختصار لكي تفهم بأن داخل هذا المجلد هو الملفات الرئيسيه للموقع الذي تدخل به من هنا www.???.com
لذالك ندخل على www ثم سنجد هنا المكان الذي نضع فيه ملفات المدونة بإمكانك نقل الملفات التي بداخل مجلد wordpress من المدونه هنا لكي تفتح المدونه بهذه الطريقه
www.???.com
او يمكنك إدخالها داخل مجلد جديد بإسم myblog مثلاً لتصبح المدونه كالتالي
www.???.com/myblog
فلديك الخيار اين تضع مدونتك
فلو قلنا سنضعها في الموقع بشكل مباشر سنقوم بفتح مجلد wordpress من القائمة التي على اليسار ثم تحديد جميع ملفات ومجلدات داخل المجلد والضغط على السهم => يسار لكي يتم نقلها , وتأكد بأنك فاتح على مجلد www او public_html ليتم نقلها داخل الموقع, كما في الصورة التالية :
http://www.tech-wd.com/wd/wp-content/uploads/ftp4.gif

بعد الإنتهاء من النقل , الأن تم نقل جميع ملفات المدونة إلى موقعك لكن لا تعمل حتى الأن يجب علينا إجراء Install لها لكي تعمل
إعدادات تركيب المدونة
بكل سهوله نفتح الموقع تبعنا www.???.com راح ينقلنا مباشره من دون ما تشعر إلى www.???.com/wp-admin/install.php
اذا كانت هناك مشكلة في الإتصال بقاعدة البيانات ستظهر لك هذه الرسالة :
Error establishing a database connection
فيجب عليك التأكد من بيانات قاعدة البيانات وكتابتها بالشكل الصحيح
لكن في الغالب ستظهر لك هذه الصفحة
http://www.tech-wd.com/wd/wp-content/uploads/wp1.gif

اكتب اسم مدونتك , وبريدك الإلكتروني
http://www.tech-wd.com/wd/wp-content/uploads/wp2.gif

! انتهينا , تم تركيب مدونتك بنجاح والحمد لله , طبعاً تجد مكتوب اسم المستخدم admin وكلمة المرور ( أكيد غيرت الباسورد لا تحاولون تدخلون في موقعي كككك )
ويتم إرسال نسخه من معلومات الدخول إلى بريدك.
أضغط على ( دخول ) لكي تتجه إلى لوحة تحكم مدونتك ,
http://www.tech-wd.com/wd/wp-content/uploads/wp3.gif

اكتب اسم المستخدم وكملة المرور , وسجل دخولك
ومرحباً بك في عرشك على الإنترنت http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif
http://www.tech-wd.com/wd/wp-content/uploads/wp4.gif

اعتقد كل شي في لوحة التحكم واضح وبالعربي , لو تبي تدون أضغط ( تدوين ) لو تبي تضيف أصناف إضغط ( إدارة المحتويات ) ثم ( تصنيفات ) ثم أضف تصنيف … ألخ
الحين الحمد لله انتهينا وانشأنا لأنفسنا مدونه خاصه http://www.tech-wd.com/wd/wp-includes/images/smilies/icon_smile.gif
ان شاء الله افدتكم وأي إستفسارات انا حاظر , وبإذن الله راح نكمل المشوار قريباً بتصميم ستايل خاص وتركيبه وراح يكون مجاني للجميع.
أنتظروا الجزء الرابع قريباً بإذن الله :).
الكاتب: عبد الملك الثاري انقر هنا لمراسلة عبد الملك الثاري أنقر هنا للإنتقال إلى موقع عبد الملك الثاري إضافة للمفضلة إضافة لمفضلة Google إضافة لمفضلة Delicious إضافة لمفضلة Digg إضافة لمفضلة Facebook
خيارات الدرس : ارسل الدرس لصديق ارسل الدرس لصديق  طباعة الدرس طباعة الدرس 

التعليقات
لا يـوجـد تـعليـقات على هـذا الـدرس


POWERED BY: SaphpLesson 4.0