هنا هنا ... كل ما تريده عن برمجة المواقع و إدارتها

[bioComputer]

السلام عليكم ورحمة الله وبركاته ..

كما وعدت اخى السقير بطرح هدا الموضوع عند اكتماله ..
فلا تستغربوا باتكم قد قراءتم بعض الاسئلة من قبل ... فهدا كان من فيوضات اخى السقير بارك الله فيه على ...



 


أخوانى المبتدأين هذا الموضوع هو نقطة بدايتك فى هذا العلم الخاص بالبرمجة '>
وفيه ستجد كل الاسئلة المتكررة والتى تدور بذهنك وذهن كل مبتدأ بداية من الصفر ..:baby
الى أن تضع قدميك على اول الطريق وتتكون لديك خلفية جيدة ان شاء الله ..
لتحدد هدفك وطريقك الذى تريده باذن الله ..:g:

 

 

 

ما هو موقع ويب Web Site ؟
 ما هو نظام الشبكة العالمية  www  ؟
كيف تعمل الويب ؟
كيف يجلب المتصفحُ الصفحات ؟  
 كيف يعرض المتصفحُ الصفحات ؟  
مما يتكون الموقع ؟
وما هى خطوات انشاء موقع على الانترنت ؟؟
وما هى انواع المواقع ؟
وكيف يمكن بناء موقع ؟
ما هى لغة ال html ؟
ما الفرق بين ال html  ولغات برمجة أخرى ؟
 لماذا نتعلم ال html فى البداية وليس ال frontpage  ؟
ما هى الاضافات التى اضيفها للموقع لكى يبدو ديناميكياً ويكون نشطا وجذابا ؟؟
وكيف ابداء بعمل موقعى ؟
ماذا تحتاج لتصميم المواقع ؟؟
وهل هناك برامج اخرى ؟؟
كيف اصمم موقعى بنفسى ؟؟
وهل هناك مصادر اخرى يمكنى التعلم منها خصوصاً لدى خلفية بسيطة عن الموضوع ؟؟



.

 ~  ~  ~  ~  ~  ~

 


ما هو موقع ويب Web Site ؟

حسبما ورد فى قاموس الموسوعة موقع ويب هو ..
عبارة عن مجموعة مترابطة من ملفات شبكة الويب العالمية www والتي تتضمن ملف يعمل في البداية يسمى الصفحة الرئيسية.
وترشدك الشركات أو الأفراد إلى دخول مواقعهم عن طريق إعطائك عنوان الصفحة الرئيسية للموقع. ومن الصفحة الرئيسية تستطيع الانطلاق لجميع الصفحات داخل ذلك الموقع.
فعلى سبيل المثال عنوان الصفحة الرئيسة لموقع الموسوعة العربية هو www.c4arab.com.

 

 

 ما هو نظام الشبكة العالمية  www  ؟
    
World Wide Web وتُسمى اختصارا : الشبكة web
وهى عبارة عن أجهزة كومبيوتر منتشرة في شتى أرجاء العالم ومتصلة ببعضها البعض .

وتستخدم أجهزة الكومبيوتر هذه معيار اتصال يدعى http وهو اختصار ل hyper text transfer protocol.




كيف تعمل الويب ؟

- معلومات الويب مخزنة في مستندات تُدعى صفحات الويب web pages  .
    
- صفحات الويب هي ملفات مخزنة في أجهزة الحاسب تدعى خادمات الويب web servers .
    
-  أجهزة الحاسب التي تقرأ صفحات الويب تدعى زبائن الويب  Web clients .
  
- زبائن الويب تعرض لنا الصفحات عن طريق برنامج يسمى متصفح الشبكة Web browser
      
ومن أكثر متصفحات الانترنت شيوعا ال Internet Explorer  و  Netscape Navigator.





كيف يجلب المتصفحُ الصفحات ؟  

- المتصفح يحضر صفحات الانترنت من الخادم server  عن طريق طلب Request.

- الطلب هو معيار http  يحوي عنوان صفحة .

- عنوان الصفحة يكون بهذا الشكل :   http://www.someone.com/page.htm




ادا اردت ان تعرف المزيد ادهب الى : كيف تعمل الانترنت

 



 كيف يعرض المتصفحُ الصفحات ؟  

-  جميع صفحات الانترنت تحوي أوامر للعرض .

-  المتصفح يعرض الصفحات بواسطة قراءة هذه الأوامر .

-  أكثر أوامر العرض شيوعا تُدعى مؤشرات ( أو وسوم )  html  .

-  مؤشرات ال  html  تبدو هكذا :
[شفرة]

This is a Paragraph

[/شفرة]

 

 من يحدد معايير الانترنت ؟

-  هذه المعايير لا تُحدد عن طريق المتصفح وانما عن طريق ال w3c  وهي اختصار

ل World Wide Web Consortium بمعنى اتحاد الشبكة العالمية الواسعة .



 

مما يتكون الموقع ؟

يتكون الموقع من :

1- المساحة التى تقوم بحجزها لعرض ملفاتك على الانترنت ... مثلما تحدد مساحة فى القرص بجهازك لتخزين البيانات عليها ... فهناك شركات تقوم بتأجير  مساحات على الانترنت لتقوم بوضع ملفاتك عليها وهو مايسمى بشركات الاستضافة Hosting

2- نطاق الموقع او عنوانه وهو الاسم الذى يتم كتابته فى المتصفح ليذهب اليه مثل عنوان الصفحة الرئيسة لموقع الموسوعة العربية هو www.c4arab.com.

مع ملاحظة أن عنوان الصفحة الرئيسية يتضمن عادة اسم ملف محدد مثل index.html  ..
ولكنك لا تحتاج لإدخاله وذلك لأنه تم إعداد الصفحة مسبقا ليكون اسم الموقع هو نفس عنوان الصفحة الرئيسية. وسوف يقودك عنوان الصفحة الرئيسية للموسوعة العربية إلى العديد من الصفحات.

 

 

 خطوات انشاء موقع على الانترنت ؟؟

1- تصميم الموقع على جهازك
2- الحجز فى مكان لرفع موقعك على الانترنت Hosting
3- اختيار نطاق او عنوان لموقعك domain مثل www.c4arab.com

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

 

 

وما هى انواع المواقع ؟

يوجد نوعان من المواقع
1- مواقع ثابتة استاتيكية..وهى المصممة بلغة الهتمل
وهى تتغير محتويتها يدوياً..وهى الى الانقراض حالياً

2- المواقع المتحركة الديناميكية..ووهى المصمممة بلغات البرمجة
وهى التى تتغير محتويتها اتوماتكيا
وحاليا معظم المواقع من هذا النمط ..

 

ماذا تحتاج لتصميم المواقع ؟؟

1- دارية كافية وخلفية جيدة بلغة html ...
2- اجادة العمل على برامج تصميم المواقع خاصة الفرونت بيج
3- تعلم لغة برمجة خاصة بالمواقع ..فقط ان كنت تريد ..انشاء موقع ديناميكى

[bioComputer]

ما هى لغة ال html ؟

لغة ال html  أو Hyper Text Markup Language بمعنى لغة ترميز النصوص ,

هي لغة مستخدمة لانشاء صفحات الانترنت .





 ما الفرق بين ال html  ولغات برمجة أخرى ؟

- أنها بسيطة ورموزها سهلة .

- أنها ليست لغة برمجة بالضبط , فهي لا تحتاج لبرنامج يترجمها للغة الحاسب وهو ما يسمى ال compiler  بل يتم تنفيذ تعليماتها مباشرة عبر متصفح الانترنت .



 

 لماذا نتعلم ال html فى البداية وليس ال frontpage  ؟

الفرونت بيج هو برنامج يقدم لنا أكواد لغة ال html  على طبق من ذهب ومن الواجب تعلمه لمن يريد انشاء موقع على الانترنت ؛ لأنه يسهل العمل كثيرا حيث أنه يحول النصوص العادية التي نكتبها الى أكواد html  جاهزة .
لكن . .إذا أردنا تعلم اللغة من أساسها , وأن نمتلك قدرات أكثر في بناء المواقع , وأن نحترف أكثر , يغدو من واجبنا أن نتعلم ال html  .. وبعد تعلُمها يصبح فهم ال frontpage  

 

 

 

وما هى لغات البرمجة الاخرى التى تستخدم فى برمجة المواقع؟


توجد عدة لغات برمجة احرى تستخدم لكى تجعل المواقع ديناميكية وتتفاعل مع المستخدم..
طبعاً بعد تصميم الصفحة بالهتمل اولاً ..
 وهى تنقسم الى نوعين :

لغات تعمل على سيرفرات المواقع اى تستخدم في الـ server side  :
مثل : الايه اس بي - ASP و البي اتش بي - PHP و البيرل - PERL  و جيه اس بي - JSP و الاكس ام ال - XML

 

ASP, ASP.NET

لغة او تقنية من شركة مايكروسوفت ، تميز بالسهولة ايضا و التكامل الجيد مع منتجات و تقنيات مايكروسوفت ، بالنسبة لنسخة الـ .NET فهي مشحونة بالعديد من المميزات الهائلة ، و تستطيع من خلال بيئة Studio.NET أن تطور تطبيق ASP عن طريق واجهة رسومية و السحب و الافلات Drag & Drop
يعيب الكثير و أنا منهم على هذه اللغة ارتباطها الوثيق بمايكروسوفت و عدم دعمها لأنظمة تشغيل أخرى . فهي تعمل من خلال مزودات ويندوز فقط

PHP

و هي لغة ذات مصدر مفتوح ، و مجانية ، و تعمل على جميع المنصات و ذات انتشار واسع بالذات ضمن اصحاب المصادر المفتوحة و الهواة و مطوري المواقع الصغيرة و المتوسطة و هي لغة تتميز بالسهولة و الشمولية و التكامل مع قواعد بيانات MySQL
PHP تستخدم في الـ server side يعني على سيرفرات المواقع وليست على اجهزة المتصفحين و تعطيك امكانيات هائلة في حفظ المعلومات و استرجاعها باستخدام قواعد بيانات او حتى ملفات نصية عادية فكر بمواقع مثل المنتديات المجلات و التجارة الالكترونية كلها تعتبر مجالات عمل الـ PHP الاهم

 

Perl

بالنسبة لـPerl فهي لغة موجهة لـUnix أساسا... و تصنع بها تطبيقات مكتبية لهذا النظام كبديل عن C أي في التطبيقات القديمة إذ لم تعد بنفس الشعبية ... ما شهرها في التسعينيات هو أنها كانت أول لغة برمجة Internet من جهة الخادم server side language من خلال تقنية CGI أي Common Gateway Interface و هي من أقدم الطرق كما قلنا و شعبيتها الأن قليلة مع ظهور تقنيات ASP و JSP و لغة PHP .. طبعا تطبيق CGI هو التطبيق الوحيد للغة على أنظمة Windows .

 

JSP

JavaServer Pages.. من شركة صن ، تعتبر الأفضل و الأقوى عند المحترفين، ممتازة جدا للتطبيقات التجارية و المواقع الضخمة ، و قد لا تكون جيدة للمواقع الصغيرة، أو لا يستسيغها الهواة ، و قد تسبب لهم عسر هضم .. تدعم الكثير من التقنيات الحديثة ، مفتوحة المصدر ، مجانية ، و تدعم الجافا و البرمجة الشيئية .

 

 لغات تعمل على على اجهزة المستخدمين اى تستخدم في الـ client side :
مثل : الجافا سكريبت - Java Script و في بي سكربت - VB Scrip

 الجافا سكريبت

و الـ java script تستخدم في الـ client side يعني على اجهزة المستخدمين .... و اكثر ما يمكنها عملة هو التحكم بشكل عرض المعلومات و بعض الاعمال الاخرى البسيطة التي لا تتعدى العمل على جهاز المتصفح نفسه من خلال كود الـ HTML

فى بى سكريبت VBScript  
هي لغة سكريبت (نصية) تعمل في بيئة إنترنت وإنترنت، وتتشابه في مفاهيمها البرمجية مع لغة فيجوال بيسك مع بعض التعديلات التي تتلاءم طبيعتها المتعاملة مع الإنترنت .
وقد ظهرت هذه اللغة المبسطة المشتقة من اللغة الأم Visual Basic اثر ظهور JavaScript المعقدة بعض الشيء، والتي أنشئت لحل مشكلة بطأ تبادل البيانات بين الخادم والزبون إذ تأخذ عملية طلب المعلومات من الزبون وإرسالها للخادم ومعالجاتها وإعادة إرسالها زمناً ليس بالقصير، حيث تتميز بامكانيتها معالجة البيانات على الجهاز الزبون .

 

 


وهل يجب تعلم كل هده لغات البرمجة ؟؟!!

فى البداية انت لا تحتاج سوى الهمتل لتصميم موقعك وعمل صفتحك ... فهو اساسى قبل اى شئ او اى لغة اخرى
وبلغة الهتمل تكون قد عملت موقعك ولكنه موقع ثابت استاتيكي.. اى تقوم انت بتغير محتويتها يدوياً كلما اردت دلك.. ..
ولكن
ادا اردت ان يكون موقعك من المواقع المتحركة الديناميكية..ووهى المصمممة بلغات البرمجة
بمعنى هى التى تتغير محتويتها اتوماتكيا لتتفاعل مع المستخدم

فيجب عليك ان تتعلم احدى اللغات التى تعمل على سيرفرات المواقع اى تستخدم في الـ server side اولاً ...( تعلم لغة واحدة فقط واتقنها;) )
ثم بعد دلك اختار واحدة من لغتين السكريبت سواء جافا او فى بى سكريبت ..

اما تعلم بقية اللغات .. فلا تقلق ..:baby
 فانت من الطبيعى فى طريقك للاحتراف قد تنتقل من لغةالى اخرى ... وسيكون الامرسهلا .. لانه عندها لن يستغرق الامر اكثر من شهر لاتقان اى لغة جديدة والعمل عليها ..
فطبيعة اللغة المستخدمة تتوقف على نظام المكان الدى تعمل فيه وهوى المبرمج

 

نستكمل بقية الاسئلة لاحقا ان شاء الله ..

[السفير]

السلام عليكم

أخي العزيز بيو كومبيوتر

جهد ممتاز ما شاء الله

بارك الله فيك على هذا الموضوع المفيد .

[ابو يوسف]

السلام عليكم

اخي الكريم bioComputer

شكرا لك

وننتظر البقية

'>

[bioComputer]

اخوانى السفير و أبو يوسف  شكرا لكما .... واعتدار عن التاخير ....

[bioComputer]

ما هى الاضافات التى اضيفها للموقع لكى يبدو ديناميكياً ويكون نشطا وجذابا ؟؟

عليك بتعلم كيفية اضافة وتركيب الاتى
1- المنتديات
2- الاستفاءات
3- بريد الكترونى خاص بالموقع
4- عداد الزاور
5- محرك بحث

وهذا الجزء يعمتد غالبا على معرفة بقواعد البيانات مثل الاكسس ....ولكنه سهل جدا ..
وهناك ايضاً من يضع روابط لتلك الاضافات جاهزة لترفعها الى موقعك مجانا ..:p



 

 وهل هناك برامج اخرى ينبغى تعلمها ؟؟

نعم الاهتمام بالناحية الجمالية والجرافيكية
لاضافة ولمزيد من الاحتراف...ينبغى تعلم بعض برامج الجرافيك مثل فلاش أو السويش  ..الخاص بتصميم اعلانات الويب المتحركة



 

وكيف ابداء بعمل موقعى ؟
بكل بساطة هناك ثلاثة طرق لعمل الموقع :

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

2- ان تقوم بحجز مساحة مجانية فى احدى المجانية التى تقوم بتصميم الموقع ووضع كل بيانتك فيه مقابل وضع الاعلانات فيه ..

3- ان تقوم انت بتصميم موقعك بنفسك ... وهذا ما سناقشه المرة القادمة خطوة بخطوة ان شاء الله '>



 
كيف اصمم موقعى بنفسى ؟؟

كما علمت أخى الكريم سابقاً انه يجب ان تتعلم الاتى لبناء موقعك :

 1- دارية كافية وخلفية جيدة بلغة HTML و بعد دلك  صفحات الأنماط الانسيابية CCS  
2- اجادة العمل على برامج تصميم المواقع خاصة الفرونت بيج
3- تعلم لغة برمجة خاصة بالمواقع ..فقط ان كنت تريد ..انشاء موقع ديناميكى .
  ~  ~  ~  ~  ~  ~

فادا كنت أول مرة تدخل هدا المجال وتسمع عنه فأنى انصحك بأن تتبع  هدان الموقعان  ...:g:
فبادن الله يمكنك معرفة اغلب الامور المتعلقة بتصميم المواقع فى مدة اقل من شهر ان شاء الله .


 هذا الموقع يمكنك من تعلم واحتراف لغة
الهتمل html فى مدة اسبوع على الاكثر

http://www.html4arab.com/home/Fullindex.html

او هنا  '>
http://olom.f2web.net/ib3....t=16993

   ~  ~  ~  ~  ~  ~

 وهذا الموقع خاص بلغة الايه اس بى ASP
ويحتاج اسبوعان ونصف على الاكثر

http://www.alnoor-world.com/asp/sections.asp?SectionID=1

ستجد فى هدا الموقع ان بناء موقع ديناميكى سهل وبسيط وحلم يمكن تحقيقه...:laugh:
ولكنه قد يفترض ان  لديك خلفية جيدة عن البرمجة ..
لدلك ادا واجهت اى صعوبة لا تتهم نفسك بالغباء وانك لن تنجح فى هدا الموضوع ابداً ..فادا واجهت اى صعوبات او لم تفهم جزئية معينة لاتتردد فى طرح اسئلتك هنا الموسوعة لتعرف الاجابة وتفهم الامور جيدا
ولا تخجل من السؤال عن اى شئ ابدا فالمرء لا يولد متعلماً .. ولكن العيب ان يظل جاهلاً ..وكدلك كان اغلب الاعضاء بل وبعض المشرفين بمثل حالك فى يوم من الايااااااام .:p
   ~  ~  ~  ~  ~  ~

اما لمزيد من القوة فى تصميم المواقع فعليك بــ:

1- تعلم  صفحات الأنماط الانسيابية Cascading Style Sheets CCS  
(ينبغي أن لا تأخذ هذه الدروس من وقتك الكثير ! نصف ساعة من الزمان تعتبر مدة جيدة )

2- العمل مع الجدوال فى الفرونت بيج FrontPage
فلا  اجد لك افضل من هده السلسلة من الدروس الرائعة التى كتبها الاخ عبدالله بارك الله فيه هنا بالموسوعة ... وان كانت غير مكتملة فهى رائعة على اية حال ...ومن يدرى فربما تقوم انت باكملها ان شاء الله .:g:

   تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول-
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني-
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثالث-
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الرابع-

http://www.c4arab.com/showasection.php?lssid=27
 

   ~  ~  ~  ~  ~  ~

[bioComputer]

وهل هناك مصادر اخرى يمكنى التعلم منها خصوصاً لدى خلفية بسيطة عن الموضوع ؟؟

هده هى بعض المصادر التى يمكنك التعلم منها وقد وضعتها بالترتيب الدى ينبغى التعلم به ..
ولكن لاحظ  يجب  اختيار مصدر واحد فقط للتعلم منه حتى لا تشتت جهودك وتضيع وقتك وتبلبل افكارك ..!!!!

 

 

 اولاً : تبدأ بأن تتعلم لغة HTML  ...

وهى اللغة التى يتم بها كتابة وتصميم الموقع ..
ولا تقلق فهى لغة فى غاية البساطة يتم تعلميها الان للاطفال فى المرحلة الابتدائية فى المدراس وهى لن تستغرق منك اكثر من اسبوعين الى شهر ان شاء الله ..
يمكنك تعلمها من المصادر التالية ( بشرط اختيار مصدر واحد فقط حتى لا تشتت جهودك ) :

1-   كتاب تعلم PHP بسهولة   للأستاذة تهانى السبيت  .
2- دروس أستاذتنا الغالية زهرة النرجس الإتش تي أم أل - HTML هنا بالموسوعة .

http://www.c4arab.com/showasection.php?lssid=2



 ~  ~  ~  ~  ~  ~

 

ثانياً : عليك ان تتعلم كيفية تصميم الموقع بالبرامج التى تغنيك عن كتابة كود ورموز الـ HTML ...

ويوجد هنا برنامجين من اشهر البرامج فى تصميم الموقع ( ينبغى ان تبدأ بتعلم احدهما فقط اولا ً ) .
1- برنامجالفرونت بيج - Front Page الشهير من شركة مايكروسوفت
http://www.c4arab.com/showasection.php?lssid=27


2-  برنامجالدريم ويفر DreamWeaver الاكثر سهولة من شركة مايكروميديا

http://www.c4arab.com/showasection.php?lssid=137



  ~  ~  ~  ~  ~  ~  

ثالثاً : عليك ان تقوم بحجز مساحة مجانية لرفع موقعك اليها ..

يمكنك ذلك عن طريق احدى شركات الاستضافة المجانية مثل :
شركة بيت العرب العربية او شركة جيران او شركة
WWW.BRINKSTER.COM

ويمكنك الاطلاع على هذا الدرس الخاص بالأستاذة جافا جيرل
 كيف تحجز مساحة في موقع جيران
http://www.javagirl.ws/lessons/web/internet/publishSite1/




  ~  ~  ~  ~  ~  ~




رابعا : تعلم بعض من برامج الجرافيك والحركة  ..

لكى يمكنك عمل الاعلانات وبعض الشعارات المتحركة التى تضيف لمسة جملية فى موقعك ( يراعى عدم الاسراف فى ذلك .. )
ويمكنك ذلك عن طريق اختيار احدى البرنامجين الاتين الفلاش او السويش وتوجد لهما دورة رائعة هنا بالموسوعة فى دليل الدورات |[( الأرشيف )]|
http://www.c4arab.com/showthread.php?threadid=16837


    ~  ~  ~  ~  ~  ~

خامساً : تعلم احدى لغات برمجة المواقع ..

 حتى تستطيع ان تجعل مواقع ديناميكياً ومتغيرا ومتجددا باستمرار ...
ويمكنك الاختيار من بين لغات البرمجة الاتية :
1- لغة بى اتش بى PHP ( وهى التى مبنى بها موقع الموسوعة هنا )
2- لغة ايه اس بى  ASP
 

'>

[Mgh]

مجهود كبير ورائع ... شكرا لك ....