إكتشف كيف تعمل مواقع الويب

إكتشف كيف تعمل مواقع الويب

أهلا ومرحبا بكم جميعا!
اليوم سنكتشف  كيف تعمل المواقع الإلكرونية
سنبدأ دورتنا هذه في فصلها الأول من الألف إلى الياء  ، و خلالها سنتعلم كيفية إنشاء موقعنا على الويب!
الكثير من المتتبعين سيسألون: متى سنتعلم إنشاء موقع إلكتروني؟ و ما هي المدة التي تلزمنا لذلك؟
الجواب :  ← لا تتسرع فكل شيء يتوقف على مدى قدرة  استعابك و سرعة تعلمك  و مدى تفاعلك مع هاته الدروس !

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

إذن :  كيف تعمل المواقع الإلكترونية؟

ولو أن السؤال ليس من الأهمية بمكان إلا أن هذا التعريف الموجز سيسمح لنا بإضافة معلومة على السريع و بعجالة لإزاحة الضبابية عن مخزونك المعرفي في هذا الميدان!
فأنت في كل لحظة تزور مواقع الويب و تضغط على روابط لا حصر لها للوصول إلى غاية بحثك، وأثناء إبحارك فأنت تفضل بعض المتصفحات دون الأخرى  مثل:

إكتشف كيف تعمل مواقع الويب

فمن خلالها يمكنك زيارة عدد غير محدود من الصفحات في العالم الافتراضي وعبر زمن  مفتوح مثل: 
فايسبوك ، جوجل ، ويكيبيديا و jabism.com . إلخ …
العالم أصبح اليوم قرية صغيرة و كل بعيد أصبح قريباً بفضل تيكنولوجيا الإنترنت، ولكن القليل من يدري
حقًا كيف تعمل تلك المواقع التي يزورها؟ و كيف تمت برمجتها و بناؤها؟
ولمعرفة ذلك  أدعوك لمتابعتي في هاته الدورة التعليمية  لنتعلم  ما مدى تأثير لغتا 
HTML و CSS  على بناء موقع ويب وماذا يربطها بأداء مواقع الويب؟

جدير بالذكر أن مخترع لغة HTML  هو تيم بيرنرز لي
( Tim Berners-Lee)  سنة 1991 ومن ذلك الوقت تعتبر لغة html
 أساس الانترنت و القاعدة التي تبنى عليها كل المواقع الإلكترونية.

معلومة تستوجب التصحيح:
كثير من الناس  يخلطون بين الويب والإنترنت، و الحقيقة   أن الويب جزء من الإنترنت.
الإنترنت هي مجموعة كبيرة تتضمن ، على سبيل المثال لا الحصر: الويب ، والبريد
الإلكتروني ، والرسائل الفورية ، وما إلى ذلك.
تيم بيرنرز لي ليس مخترع الإنترنت ،لكنه  « فقط» مخترع الويب.

 

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

برمجة مواقع الويب
سهم
مثال ويكيبيديا
إكتشف كيف تعمل مواقع الويب

 HTML    و CSS   لغتان تحتاجان إلى مساعدة جهاز الكمبيوتر الخاص بك لإنشاء موقع إلكتروني
. لا يكفي كتابة النص الذي يجب أن يظهر على الموقع (كما تفعل في معالجة
نصوص الوورد – Word ) ، بل يجب أن يشير أيضًا إلى مكان وضع هذا النص ( يمين، يسار، وسط، أسفل، أو أعلى ) ، أو إدراج صور ، أو إنشاء روابط بين الصفحات ، إلخ

لماذا تم إنشاء  لغتين  ( HTML و CSS ) ؟ كان من الممكن الاكتفاء بالHTML لوحده  ونختصر الوقت .
لكن الواقع يؤكد لنا أنهما يكملان بعضهما البعض .

تعريف مقتضب:

-:- HTML  هي  لغة ترميز النص التشعبي  “Hypertext Markup Language”  ،  ظهرت في عام 1991 عندما تم إطلاق الويب. فكان دوره هو إدارة وتنظيم المحتوى
وكتابة ما يجب عرضه في الصفحة  من نصوص ، و روابط ، و صور …

-:-CSS  وهي أوراق الأنماط المتتالية ، ويتمثل دوره في  إدارة مظهر صفحة الويب « تخطيط ، تحديد الموقع ، الزخرفة ، الألوان ، حجم النص …»، وهذه اللغة جاءت لإكمال HTML في عام 1996.

في هذه الدورة ، سوف نشتغل على أحدث إصدار من  HTML     إنــه  HTML5  ، والذي هو اليوم لغة الحاضر والمستقبل والتي يتم تشجيع الجميع على استخدامها.

يمكنك إنشاء موقع ويب جيداً بلغة HTML فقط ، ولكنها لن تكون جميلة جداً، و ستظهرالمعلومات “raw” يعني  خامة تفتقر إلى الجمالية  و غير جذابة  وهذا هو السبب في أن لغة CSS تكملها دائمًا.

لإعطائك فكرة ، توضح الصورتان  نفس الصفحة بدون  CSS  ثم  CSS.

كتابة النص في محرر النصوص Notepad++

كي تعمل مواقع الويب
تسجيل النص على صفحة الويب بدون CSS
تحرير النصوص

 

تسجيل النص على صفحة الويب بعد التعديل عليها بلغة
CSS

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

 

يحدد HTML المحتوى فقط  كما ترون ! بينما CSS يتيح لك ترتيب هذا المحتوى و تنسيقه وعرضه بشكل أفضل « الألوان ، صورة الخلفية ، الهوامش ، حجم النص …»
ولا يمكن ل CSS  أن تعمل وحدها فهي تحتاج بالضرورة إلى صفحة HTML كميدان للعمل. لهذا السبب سنتعلم أولاً أساسيات HTML قبل أن نعتني بزخرفة CSS.
صفحاتك الأولى لن تكون ذات جمالية ، ولكن
الوضع لن يستمر حين ننتقل إلى CSS!
لقد تطورت إصدارات HTML  من 1 ثم 2 ف 3 .. إلى
HTML5
. و كذلك تطورت نسخ لغة CSS  من 1 إلى CSS3

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

فضلاً قم بالتحميل من هنا:

وهناك برنامج لا يقل أهمية عن السابق:

 

قناتي على اليوتوب

أرى أن هذه المواضيع قد تهمك:

 

شَـاركِ الْمَوْضُوع: 
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 467 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

146 عدد المشاهدات لهذا المحتوى
Scroll to Top