إكتشف كيف تعمل مواقع الويب
أهلا ومرحبا بكم جميعا!
اليوم سنكتشف كيف تعمل المواقع الإلكرونية
سنبدأ دورتنا هذه في فصلها الأول من الألف إلى الياء ، و خلالها سنتعلم كيفية إنشاء موقعنا على الويب!
الكثير من المتتبعين سيسألون: متى سنتعلم إنشاء موقع إلكتروني؟ و ما هي المدة التي تلزمنا لذلك؟
الجواب : ← لا تتسرع فكل شيء يتوقف على مدى قدرة استعابك و سرعة تعلمك و مدى تفاعلك مع هاته الدروس !
بالتأكيد سنقضي معاً وقتاً ممتعاً وكل شيء سيمر كما هو متوقع إن شاء الله.
إذا قرأت هذه الدورة بانتظام و بسرعة جيدة ، فلن يطول زمن تعلمك أكثر من أسبوع أو أسبوعين.
وإن لم يكفيك الوقت المذكور، فلا داعي للقلق ! إنه أمر طبيعي ، فالأساسي من الأمر هو السير وفق سرعتك الخاصة ، وأنصحك بأن تبرمج لهاته الدورة وقتاً خاصاً و بتركيز جيد.
و أول ما سنبدأ به هو التعريف بوظيفة مواقع الويب و كيفية اشتغالها.
إذن : كيف تعمل المواقع الإلكترونية؟
ولو أن السؤال ليس من الأهمية بمكان إلا أن هذا التعريف الموجز سيسمح لنا بإضافة معلومة على السريع و بعجالة لإزاحة الضبابية عن مخزونك المعرفي في هذا الميدان!
فأنت في كل لحظة تزور مواقع الويب و تضغط على روابط لا حصر لها للوصول إلى غاية بحثك، وأثناء إبحارك فأنت تفضل بعض المتصفحات دون الأخرى مثل:
إكتشف كيف تعمل مواقع الويب
فمن خلالها يمكنك زيارة عدد غير محدود من الصفحات في العالم الافتراضي وعبر زمن مفتوح مثل:
فايسبوك ، جوجل ، ويكيبيديا و 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
يحدد HTML المحتوى فقط كما ترون ! بينما CSS يتيح لك ترتيب هذا المحتوى و تنسيقه وعرضه بشكل أفضل « الألوان ، صورة الخلفية ، الهوامش ، حجم النص …»
ولا يمكن ل CSS أن تعمل وحدها فهي تحتاج بالضرورة إلى صفحة HTML كميدان للعمل. لهذا السبب سنتعلم أولاً أساسيات HTML قبل أن نعتني بزخرفة CSS.
صفحاتك الأولى لن تكون ذات جمالية ، ولكن
الوضع لن يستمر حين ننتقل إلى CSS!
لقد تطورت إصدارات HTML من 1 ثم 2 ف 3 .. إلى
HTML5
. و كذلك تطورت نسخ لغة CSS من 1 إلى CSS3
. و لنبدأ الدرس الأول ، أنصحكم بتحميل محرر النصوص والأكواد البرمجية و تنصيبها على حاسوبك.
يوجد العديد من هاته المحررات المخصصة لإنشاء المواقع الإلكترونية، و لكنني أستعمل واحداً جيداً سهلاً و مجاني
فضلاً قم بالتحميل من هنا:
وهناك برنامج لا يقل أهمية عن السابق:
قناتي على اليوتوب أرى أن هذه المواضيع قد تهمك: |
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.