دروس في تصميم المواقع (سلسلة المبتدئين)

هذا المجلس لتبادل الخبرات.
الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

دروس في تصميم المواقع (سلسلة المبتدئين)

مشاركة بواسطة الامير الصنعاني »

صورة
هذا الدرس بيكون درس ممل شوية. لكنه درس بسيط وقصير وهو معلومات عامة من هنا وهناك لكي تكون على وعي بما يدور حولك. عندما نتكلم عن تصميم مواقع هنالك أمور تتعلق بهذا الموضوع أحب أن أعطيكم فكرة بسيطة عنها. وهذه المعلومات هي إضافية وليست ضرورية حتى تستطيع أن تصمم موقع يعني إن لم تستوعبها لا تقلق ليست بهذه الأهمية حالياً والأمور التي تتعلق بموضوعنا هي :-
1- الانترنت
2- السيرفر
3- مساحة النت
4- المتصفح
==========
الانترنت :-
نحن الآن نرغب في تصميم موقع. بعد تصميمنا للموقع أين سيكون موقعنا؟ طبعاً بالانترنت.
فما هو الانترنت ؟؟؟ سؤال يحير كل مبتدئ ؟
البعض قد يجيب الانترنت جهاز حلو والبعض قد يجيب الانترنت معلومات بالكمبيوتر والبعض قد يجيب الانترنت برنامج بالكمبيوتر فاسمحوا لي أن أعطي فكرة بسيطة عن الانترنت ما هو?
الانترنت بكل بساطة عبارة عن أجهزة كمبيوترات مرتبطة ببعضها البعض عن طريق أسلاك وأشياء أخرى هذه الأجهزة تتبادل المعلومات فيما بينها
هذا هو الانترنت كلام غريب وعجيب ربما ؟هل تعلم أن أي موقع عبارة عن جهاز كمبيوتر وأجهزتنا متصلة بهذا الجهاز وتستقبل المعلومات من جهاز الموقع لنرى بأجهزتنا مواضيع الموقع والصور والأصوات والخ.
فالانترنت نقدر نتخيله كمقهى انترنت عالمي ضخم كبير جدا وهو حقيقة كذلك يتكون من أجهزة متصلة ببعضها البعض.
=========
السرفر:-
أنا لدي معلومات في جهازي. لدي صور. لدي نص. لدي أصوات. وأريد الناس أن يروا هذه المعلومات من جهازي. من خلال المتصفح في أجهزتهم. عشان يستطيع الناس رؤية هذه المعلومات لا بد أن يكون جهازي سيرفر. فما هو السرفر ؟
السرفر عبارة عن جهاز كمبيوتر واحد من الأجهزة المتصلة بالنت هذا الجهاز نخزن فيه المعلومات اللي نريد الناس تشوفها من المتصفح في أجهزتهم.
طيب بماذا يفرق السرفر عن أي جهاز كمبيوتر آخر متصل بالنت ؟ حقيقة لا يشترط أن يفرق شيء ممكن أي واحد مننا يخلي جهازه سيرفر وبعدها يحط ملفات وأي واحد بالعالم متصل بالنت يقدر يشوف الملفات هذه فالسيرفر ممكن يكون أي جهاز بس عشان الملفات متوفرة دائماً بالنت لازم يكون السرفر متصل بالنت دائما وشغال واصل لذلك فيه شركات عملت أجهزة خاصة بحيث تكون شغالة واصل ومشبوكة بالنت واصل ونحن أن شاء الله بعدما نعمل الموقع راح نحطه في سيرفر عشان يكون متوفر لأي شخص يدخل النت
========
مساحة النت :-
مساحة النت عبارة عن مساحة أي ذاكرة من السرفر تكون فيها الملفات اللي نريد أي واحد في النت يشوفها.
فيه شركات كثيرة معها سيرفرات وتوفر مساحة مجانية ببلاش يمكن لأي شخص الحصول عليها ويستخدم المساحة على راحته. أمثلة على هذه الشركات الياهو خيمة العرب وغيرها.
========
المتصفح :-
المتصفح عبارة عن برنامج من خلاله يمكننا استعراض مواقع وصفحات الانترنت.
وأشهر هذه البرامج هو متصفح الانترنت إكسبلورر والمتوفر مجاناً مع كل جهاز فيه نظام الويندوز وهنالك متصفح النت سكيب وهنالك الكثير من المتصفحات الأخرى.
========
أتمنى يكون الدرس الأول خفيف وبسيط عليكم وعلى العموم مثل ما قلت فوق أي شيء مش مفهوم أو مش واضح مش مشكلة. هذه بس معلومات عامة وإذا حسيت بملل لا لا لا تمل هذه بس مقدمة مملة والمتعة بتكون بالدروس القادمة.
وهذه صورة توضيحية هذا انترنت صغنون الأجهزة اللي بها الشاشة هي أجهزتنا والجهاز اللي من دون شاشة هو السرفر ومساحة النت في السرفر
صورة

تابعونا في الدرس التالي واللي بيكون
مقدمة في الـ html
آخر تعديل بواسطة الامير الصنعاني في الجمعة يونيو 23, 2006 11:21 am، تم التعديل مرة واحدة.
العزة لله ولرسوله وللمؤمنين

ابراهيم عامر
مشترك في مجالس آل محمد
مشاركات: 88
اشترك في: الأحد فبراير 01, 2004 11:26 pm

مشاركة بواسطة ابراهيم عامر »

الله الله عليك أخي العزيز الأمير الصنعاني

ماشاء الله شرح رائع وممتع جدا جدا

إذا كان هذا قد هو المُمِل .. فكيف بايكون الباقي :)

استمر إلى الأمام واحنا متابعين معك .. وكلنا شوق لباقي الدروس


في أمان الله
صورة

جويـدا
مشترك في مجالس آل محمد
مشاركات: 406
اشترك في: الثلاثاء إبريل 12, 2005 9:56 pm

مشاركة بواسطة جويـدا »

جميل جداً، وأنا اُسجل حضوري أخي الأمير.
طريقة الشرح مبسطة وغير ممله.
أكمل جزاك الله كل خير.
صورة

الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

مشاركة بواسطة الامير الصنعاني »

بارك الله فيك استاذ ابراهيم وبارك الله فيكي اختي جويدا
ولا يهمكم ان شاء الله نكمل
وان شاء الله يستفيد من يريد الفائدة

تحياتي
العزة لله ولرسوله وللمؤمنين

Nader
مشرفين مجالس آل محمد (ع)
مشاركات: 1060
اشترك في: السبت إبريل 09, 2005 6:22 pm

مشاركة بواسطة Nader »

أكمل المشوار
8)
صورة

الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

مشاركة بواسطة الامير الصنعاني »

شكرا اخي نادر
وابشر ولا يهمك
ان شاء الله نكمل
المهم يكون في متابع مستفيد حتى شخص واحد عادي هههه
العزة لله ولرسوله وللمؤمنين

الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

مشاركة بواسطة الامير الصنعاني »

صورة


الـ HTML

أخي المبتدئ لا تخف من المصطلحات الجديدة الغريبة قد يكون سبب خوفك إنها مصطلحات انجليزية لا تقلق المصطلحات بحد ذاتها ليست صعبة الفهم وحتى لو لم تعجبك يمكنك استبدال الاسم بأي شي يعجبك
فما هي: HTML ؟
إنها عبارة عن لغة تتكون من مجموعة من الأوامر من خلالها يمكن تصميم صفحات الانترنت.
هذه الأوامر هي من نوع tags. أكيد سؤالك الآن ما هو هذا الـ tags؟
الــ tags عبارة عن أوامر تتكون من قسمين قسم بداية وقسم نهاية
بعطيك مثال واقعي لأحد أوامر html أمر التوسيط أريد أن اجعل كلمة أو جملة ما تظهر في منتصف الصفحة أمر التوسيط في الـ html هو center لكن قلنا أن أوامر الـ html من النوع tags لذلك فسيكتب أمر التوسيط بالطريقة التالية:-
<center> الكلام الذي تريد توسيطه </center>
فلننظر إلى أمر التوسيط
* له بداية <center>
* له نهاية
</center>

* بين البداية والنهاية نكتب الكلام اللي نريد نوسطه وهكذا الحال لكل أوامر الـ html كلها من نوع tags يعني لها بداية ونهاية. الغرض من هذا فقط إعطائك طعم وذوق للـ html التي سنتعامل معها لا تخف الأمر سهل جداً جداً جداً
--------------------------------------------------------------------------------
المحرر
الآن أخي المبتدئ فكر معي جيداً معنا لغة html مجموعة من الأوامر من نوع tags من خلالها نصمم صفحات موقعنا طيب بس وين نكتب هذه الأوامر عشان تتنفذ ؟
الجواب نكتب هذه الأوامر في محرر html ما هو محرر html ؟
المحرر عبارة عن برنامج يسمح لنا بكتابة أوامر الـ html ويفهم هذا المحرر أن ما كتب فيه عبارة عن أوامر html أكيد راح تقول لي الآن وين هذا البرنامج اللي هو المحرر وكيف يمكن الحصول عليه ؟ الجواب المحررات كثيرة جدا وكل محرر فيه له ميزات مختلفة وبصراحة المحررات تجعل تصميم المواقع أمر أسهل بكثير وسأسرد لكم بعض أسماء المحررات المشهورة
1- محرر دريم ويفر Macromedia Dreamweaver
2- محرر كوفي كوب Coffee Cup Html
3- محرر فرست بيج 1st Page 2000 هذه المحررات متوفرة على النت بعضها بنسخ تجريبية المحرر رقم 3 متوفر ببلاش بشكل كامل وتام وهو محرر رهيب بس عيبه لا يدعم العربية يعني أي شيء تكتبه بالعربي في المحرر تشوفه أنت بشكل رموز غريبة بس في صفحة النت يبان عربي المهم هذه بس معلومات عامة لك وإلا فنخن هنا ابتدئا لن نتعامل مع هذه المحررات سنتعامل مع محرر موجود في كل جهاز ببلاش وهو محرر بسيط لكنه جميل. هذا المحرر ليس فقط محرر html هو محرر عالمي تقريباً لمعظم اللغات وأيضا تكتب فيه النصوص العادية إنه برنامج المفكرة أو بالانجليزي notepad يتواجد في كل إصدارات الويندوز سهل جداً وصغير وبسيط ونحن سنتعامل معه وفي درسنا التالي سنتكلم عن هذا المحرر برنامج المفكرة فتابعونا تحياتي والسلام ختام

تابعونا في الدرس التالي بعنوان
محرر النوتباد (المفكرة)
العزة لله ولرسوله وللمؤمنين

ابراهيم عامر
مشترك في مجالس آل محمد
مشاركات: 88
اشترك في: الأحد فبراير 01, 2004 11:26 pm

مشاركة بواسطة ابراهيم عامر »

شكراً جزيلاً أيها الأمير

ومنتظرين القادم


في أمان الله
صورة

الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

مشاركة بواسطة الامير الصنعاني »

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

على العموم
سلسلة المبتدئين كاملة وموضوعة في موقعي الشخصي
من اراد الاستفادة فهذا الرابط
غير اني لن استمر في وضع الدروس هنا
http://www.ic.sunysb.edu/stu/halgibha/dros.htm

جزاكم الله خير
وخصوصا اخي استاذي الطيب ابراهيم عامر
العزة لله ولرسوله وللمؤمنين

Nader
مشرفين مجالس آل محمد (ع)
مشاركات: 1060
اشترك في: السبت إبريل 09, 2005 6:22 pm

مشاركة بواسطة Nader »

أنا من المتابعين أخي ولكن ليس كل من يقرأ يعقب.
لم حكمت أنه لا إقبال.. الله المستعان
واصل خطاك
صورة

إبن حريوه السماوي
مشرف الجناح التاريخي
مشاركات: 679
اشترك في: الأحد مايو 30, 2004 3:03 am

مشاركة بواسطة إبن حريوه السماوي »

اخي الأمير اتمسى واتقرض العافية وواصل الموضوع وطير الكسل والأمر كما قال اخونا نادر .
مدحي لكم يا آل طه مذهبي .... وبه أفوز لدى الإله وأفلح

وأود من حبي لكم لو أن لي .... في كل جارحة لسانا يمدح

الحسن بن علي بن جابر الهبل رحمة الله عليه


محمد الغيل
مشترك في مجالس آل محمد
مشاركات: 2745
اشترك في: الأحد إبريل 18, 2004 3:47 am
اتصال:

مشاركة بواسطة محمد الغيل »

انا متابع وهذه تسجيل نقطة متابعة :)
صورة
يُرِيدُونَ لِيُطْفِؤُوا نُورَ اللَّهِ بِأَفْوَاهِهِمْ وَاللَّهُ مُتِمُّ نُورِهِ وَلَوْ كَرِهَ الْكَافِرُون
صورة

الامير الصنعاني
مشترك في مجالس آل محمد
مشاركات: 792
اشترك في: الاثنين مارس 27, 2006 11:55 pm

مشاركة بواسطة الامير الصنعاني »

ههههههههه
ابسر ابسر من جاء
المجاملين جو

هههههههههههههه
وبعدين كلكم مشرفين فواضح انكم مجاملين
خصوصا المشرف نادر

نادر يا نادر
انت انا تابعت كثير من كتاباتك وواضح انك تفهم في مجال الكمبيوتر والظاهر لي ان الدروس هنا بالنسبة لك لا تقدم ولا تاخر معلومات تعرفها انت
قكيف تقول لي انك من المتابعين
هههههه
انا ما اشتيش احد يتابعني
انا اشتي حد يتعلم مني

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

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

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

المهم
انا قد وضعت رابط فيه سلسلة المبتدئين كاملة اللي حابب يقراها مجرد قراية يقدر يقراها ما في داعي ننقل كل درس

مسألة ثانية
اذا فيه اعضاء عندهم رغبة في تعلم لغة البرمجة الجافا
فايضا انا مستعد لوضع درسول في هذا الباب

كل الشكر والتقدير لكم جميعا
ولا حرمنا الله من اخوتكم
والله يهديكم الى المنهج السلفي الجهادي وتتركوا فلسفة المعتزلة
ههههه
لا تزعلوش
انا ما بدعي عليكم بشر
انا بدعي لكم بالخير على الاقل الخير من وجهة نظري
تحياتي والسلام ختام
العزة لله ولرسوله وللمؤمنين

Nader
مشرفين مجالس آل محمد (ع)
مشاركات: 1060
اشترك في: السبت إبريل 09, 2005 6:22 pm

مشاركة بواسطة Nader »

الامير الصنعاني كتب:ههههههههه
ابسر ابسر من جاء
المجاملين جو

هههههههههههههه
وبعدين كلكم مشرفين فواضح انكم مجاملين
خصوصا المشرف نادر

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

هل كوني أعرف تصميم المواقع ينفي قطعاً أنني من المتابعين؟؟؟؟
وهل كل مشرف مجامل؟؟
لماذا يا أخي؟ الله المستعان!!
استعجلت الحكم.
عموما، إن كان لديك شيئاً مفيدا تضعه بدون أن تراقب نوايا الناس و تتوقع ردودا وتعقيبات فضعه مشكورا. وإلا فلا تجهد نفسك بالتكهن والضحك..
صورة

إبن حريوه السماوي
مشرف الجناح التاريخي
مشاركات: 679
اشترك في: الأحد مايو 30, 2004 3:03 am

مشاركة بواسطة إبن حريوه السماوي »

الأستاذ الأمير الصنعاني أنصح ك بمراجعة موضوع لا تحزن :

http://www.al-majalis.com/forum/viewtopic.php?t=4421
مدحي لكم يا آل طه مذهبي .... وبه أفوز لدى الإله وأفلح

وأود من حبي لكم لو أن لي .... في كل جارحة لسانا يمدح

الحسن بن علي بن جابر الهبل رحمة الله عليه


أضف رد جديد

العودة إلى ”مجلس تبادل الخبرات“