هل تسألت يوما عن كيف يتم بناء و تصميم هذه المواقع ذات الشكل الانيق و المتماثل و ماهي هي لغات البرمجة التي تستخدم في بناء وتصميم مثل هذه المواقع نعم عذيذي القارئ لغات البرمجة فهي ليست لغة برمجة واحدة التي توهلك من بناء موقع جميل و متماثل حيث انه يجب عليك تعلم ثلاثة من لغات البرمجة و التي ستؤهلك الي بناء موقع متكامل و جميل و اقصد علي وجه الخصوص من كلمة بناء موقع هو تصميم وعمل القالب الذي ستقوم بعرض محتواك عليه
و بطبيعة الحال فان الخطوه التي ستاتي بعد قيامك ببناء وعمل القالب التابع لموقعك هي رفع هذا القالب علي منصه للبدء بالعمل علي موقعك سوا كانت هذه المنصة ذات استضافة مجانية ك Blogger او مدفوعة مثلا ك Word press او غيرها من الاستضافات المدفوعة و طبعا استضافة بلوجر المجانية لاتختلف بتاتا عن اي استضافة اخري مدفوعة و لا تقلل من شان موقعك او قيمته علي الاطلاق لانه و في النهاية حضرتك بتشتري الدومين و تضيفة لموقعك سواء ان كان ذي استضافة مجانية او مدفوعة و طبعا هتحط اعلاناتك و هتشتغل ذي الفل .
و الان لناتي الي السوال الذي يتسألوه الكثيرين وهو ماهي لغات البرمجة التي ستمكنني من بناء و عمل قالب محترم للموقع خاصتي كقالب موقع Artist Abram طبعا لغات البرمجه الثلاثة التي ستؤهلك من بناء قالب متمائل لموقعك هي ال HTML و ال CSS و ال Javascript .
لغة البرمجة ال HTML هي لا تعتبر الي حد كبير لغة برمجة لانها غاية في السهولة و يمكن القول انها لغة توصيفيه حيث انها تمكنك من توصيف و توضيح الاجزاء الاساسية في قالب موقعك الخاص ك الصناديق و القائمة العلوية و القائمة الرئيسية و الفوتر و اشياء من هذا القبيل و يمكن القول عنها ايضا انها لغة ترميز النص الفائق تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب و بدون هذه اللغة لن تستطيع كتابة و تحديد الاجزاء الاساسية في القالب الذي تقوم بتصميمه و نظرا لسهولة هذه اللغة فيمكن تعلمها في اقل من يومين واتقانها بنسبة كبيرة ايضا.
ال css وهي اختصار ل Cascading Style Sheets و لغة البرمجة هذه لا تعتبر ايضا لغة برمجة حيث انها غاية في البساطة و السهولة و يمكن القول عنها انها لغة تجميلية و لغة الابعاد و المقاسات و اشياء من هذا القبيل فعن طريق هذه اللغة يمكنك اعطاء الصناديق التي قمت بتخصيصها عن طريق ال HTML الحياه و الحيوية عن طريق اعطأها الاوان و المقاسات و الابعاد و كل هذه الاشياء ويمن اعتبارها ايضا لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق عن محتوى المستند المكتوب وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة و ايضا هذه اللغة ولانها في غاية البساطة حيث يمكن تعلمها في نفس اليومين الذين ستتعلم فيهم لغة البرمجة ال HTML و من وجهة نظري فان افضل بيئة عمل تستطيع من خلالها التعامل مع لغة البرمجة ال CSS هي متصفحي جوجل كروم و متصفح مايكروسوفت ايدج الجديد حيث انه يمكنك رؤية الناتج الذي تقوم بادخال بياناته امام عينيك.
ولغة البرمجة هذه هي التي تعتبر فعليا لغة برمجة من بين الثلاثة لغات حيث انها تتمتع بسمات لغات البرمجة الفعلية من حيث كيفية التعامل و الصعوبة النسبية و هذه اللغة لا تستخدم فقط مع تصميم المواقع حيث انها تستخدم في مجالات اخري غير هذا المجال و هي لغة برمجة عالية المستوى تستخدم أساساً في متصفحات الويب لإنشاء صفحات أكثر تفاعلية. يتم تطويرها حالياً من طرف شركة موزيلا ويمكن وصف استخدام لغة البرمجة هذه في مجال تصميم قوالب المواقع كلغة حركية وانتقاليه تسمح لك بجعل قالب الموقع خاصتك حيوي و متحرك و تسمح لك بالتنقل بين الصفحات المختلفة بالاضافة الي الية فتح واغلاق الازرار و يمكنك استخدام لغة البرمجة هذه مع روابط الجيكوري من جوجل لعمل حركات انتقالية ابداعية اذن فملخص لغة البرمجة هذه هي انها من تقوم بجعل القالب متحرك و تمكنك من التنقل بين الصفحات و تشغيل الازرار المختفلة فاذن هي المحرك الرئيسي للقالب بوجه عام .
نجد ان الصوره السابقة مقسمه الي ثلاثة خانات كل خانة تحمل اسم لغة برمجة من الثلاثة خلينا في الاول ناخد الخانة الاولي و التي تعبر عن لغة البرمجة ال HTML و هنا هنلاقية بدا يوصفلك جسم اللعبة التي يقوم بتصنيعها حيث قام بوصف و تخصيص كل جزء من اللعبة كالراس و الصدر و القدمين و بكده يكون استوفي كل شروط ال HTML حيث بدا بتخصيص و وصف كل جزء في جسم اللعبة و هذا هوه الغرض من لغة ال HTML و هو وصف و تخصيص كل جزء بقالب موقعك كما تتخيلة اما بالنسبة للخانة الثانية و التي تعبر عن لغة البرمجة ال CSS فطبعا انتا بعد ما تقوم بوصف كل جزء في قالب موقعك هيفضل عندك الموقع صفحة بيضاء لانك و ببساطة لم تقم بادخال بيانات كل جزء من الاجزاء التي قمت بتخصيصها عن طريق ال HTML وهنا ياتي دور ال CSS لاعطاء كل جزء من الاجزاء التي قمت بتخصيصها عن طريق ال HTML لونه و ابعادة المناسبة و شكله الجماعي و ابراز موقعه من عملية التصميم و هذا هو ما حدث مع جسم هذه اللعبة في الخانة الثانية حيث بدا المصمم بطلاء اللعبة بالاوان المناسبة و اعطاء كل جزء من اجزاء اللعبة ابعادة و مقاساته المناسبة اما عن الخانة الثلاثة و التي تمثل لغة البرمجة ال JAVASCRIPT فبعدا ان قام المصمم بوصف كل جزء في اللعبة و تخصيصة عن طريق لغة البرمجة ال HTML ثم اعطائها الالوان و الحيوية و الشكل الجميل و الابعاد و المقاسات الصحيحة لكل جزء من اللعبة عن طريق لغة البرمجة ال CSS بدا المصمم يعطي اللعبة سمة الحركة و المشي و الاتنقال عن طريق لغة البرمجة ال JAVASCRIPT و عن طريق هذه اللغة يتم تحريك الموقع و التنقل بين الصفحات و تشغيل الازرار وهكذا وهوه ده ترتيب لغات برمجة المواقع حيث نبدا بتقسيم و تخصيص كل جزء بالموقع عن طريق ال HTML ثم ننتقل الي اعطاء هذه الاجزاء حيويتها و شكلها التي تظهر به كالالوان و الابعاد و المقاسات المناسبة لكل جزء من هذه الاجزاء وكل هذا عن طريق ال CSS من ثم ننتقل الي الجزء الاخير من عملية تصميم قوالب المواقع وهو تحريك الموقع و التنقل بين الصفحات و تشغيل الازرار و عمل كل الحركات و التحركات بالتصميم و يتم هذا الجزء من عملية التصميم عن طريق لغة البرمجة ال JAVASCRIPT .
و هوه ده عذيذي المتابع محب موقع Artist Abram كان كل ملاحظتي و وجهات نظري الخاصة حول هذا الموضوع الثمين و القيم حتي احقق لك المعرفة التامة و المستديمة التي كنت تود معرفتها و ابسط دعم لمجهودنا المتواصل و المستمر عذيذي المتابع هوه اشتراكك بقناتنا علي اليوتيوب و متابعة صفحاتنا علي مواقع التواصل الاجتماعي حتي تتوصل بجديدنا من الاخبار و المعلومات تحياتي ابرام عماد { Artist Abram } .
و بطبيعة الحال فان الخطوه التي ستاتي بعد قيامك ببناء وعمل القالب التابع لموقعك هي رفع هذا القالب علي منصه للبدء بالعمل علي موقعك سوا كانت هذه المنصة ذات استضافة مجانية ك Blogger او مدفوعة مثلا ك Word press او غيرها من الاستضافات المدفوعة و طبعا استضافة بلوجر المجانية لاتختلف بتاتا عن اي استضافة اخري مدفوعة و لا تقلل من شان موقعك او قيمته علي الاطلاق لانه و في النهاية حضرتك بتشتري الدومين و تضيفة لموقعك سواء ان كان ذي استضافة مجانية او مدفوعة و طبعا هتحط اعلاناتك و هتشتغل ذي الفل .
و الان لناتي الي السوال الذي يتسألوه الكثيرين وهو ماهي لغات البرمجة التي ستمكنني من بناء و عمل قالب محترم للموقع خاصتي كقالب موقع Artist Abram طبعا لغات البرمجه الثلاثة التي ستؤهلك من بناء قالب متمائل لموقعك هي ال HTML و ال CSS و ال Javascript .
اولا التعريف بلغة البرمجة ال HTML
لغة البرمجة ال HTML هي لا تعتبر الي حد كبير لغة برمجة لانها غاية في السهولة و يمكن القول انها لغة توصيفيه حيث انها تمكنك من توصيف و توضيح الاجزاء الاساسية في قالب موقعك الخاص ك الصناديق و القائمة العلوية و القائمة الرئيسية و الفوتر و اشياء من هذا القبيل و يمكن القول عنها ايضا انها لغة ترميز النص الفائق تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب و بدون هذه اللغة لن تستطيع كتابة و تحديد الاجزاء الاساسية في القالب الذي تقوم بتصميمه و نظرا لسهولة هذه اللغة فيمكن تعلمها في اقل من يومين واتقانها بنسبة كبيرة ايضا.
ثانيا التعريف بلغة البرمجة ال CSS (Cascading Style Sheets)
ال css وهي اختصار ل Cascading Style Sheets و لغة البرمجة هذه لا تعتبر ايضا لغة برمجة حيث انها غاية في البساطة و السهولة و يمكن القول عنها انها لغة تجميلية و لغة الابعاد و المقاسات و اشياء من هذا القبيل فعن طريق هذه اللغة يمكنك اعطاء الصناديق التي قمت بتخصيصها عن طريق ال HTML الحياه و الحيوية عن طريق اعطأها الاوان و المقاسات و الابعاد و كل هذه الاشياء ويمن اعتبارها ايضا لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق عن محتوى المستند المكتوب وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة و ايضا هذه اللغة ولانها في غاية البساطة حيث يمكن تعلمها في نفس اليومين الذين ستتعلم فيهم لغة البرمجة ال HTML و من وجهة نظري فان افضل بيئة عمل تستطيع من خلالها التعامل مع لغة البرمجة ال CSS هي متصفحي جوجل كروم و متصفح مايكروسوفت ايدج الجديد حيث انه يمكنك رؤية الناتج الذي تقوم بادخال بياناته امام عينيك.
ثالثا التعريف بلغة البرمجة ال Java script
ولغة البرمجة هذه هي التي تعتبر فعليا لغة برمجة من بين الثلاثة لغات حيث انها تتمتع بسمات لغات البرمجة الفعلية من حيث كيفية التعامل و الصعوبة النسبية و هذه اللغة لا تستخدم فقط مع تصميم المواقع حيث انها تستخدم في مجالات اخري غير هذا المجال و هي لغة برمجة عالية المستوى تستخدم أساساً في متصفحات الويب لإنشاء صفحات أكثر تفاعلية. يتم تطويرها حالياً من طرف شركة موزيلا ويمكن وصف استخدام لغة البرمجة هذه في مجال تصميم قوالب المواقع كلغة حركية وانتقاليه تسمح لك بجعل قالب الموقع خاصتك حيوي و متحرك و تسمح لك بالتنقل بين الصفحات المختلفة بالاضافة الي الية فتح واغلاق الازرار و يمكنك استخدام لغة البرمجة هذه مع روابط الجيكوري من جوجل لعمل حركات انتقالية ابداعية اذن فملخص لغة البرمجة هذه هي انها من تقوم بجعل القالب متحرك و تمكنك من التنقل بين الصفحات و تشغيل الازرار المختفلة فاذن هي المحرك الرئيسي للقالب بوجه عام .
الصوره التالية ستوضح و تلخص لنا بشكل مبسط ماهي اللغات الثلاثة و الفرق بينها
نجد ان الصوره السابقة مقسمه الي ثلاثة خانات كل خانة تحمل اسم لغة برمجة من الثلاثة خلينا في الاول ناخد الخانة الاولي و التي تعبر عن لغة البرمجة ال HTML و هنا هنلاقية بدا يوصفلك جسم اللعبة التي يقوم بتصنيعها حيث قام بوصف و تخصيص كل جزء من اللعبة كالراس و الصدر و القدمين و بكده يكون استوفي كل شروط ال HTML حيث بدا بتخصيص و وصف كل جزء في جسم اللعبة و هذا هوه الغرض من لغة ال HTML و هو وصف و تخصيص كل جزء بقالب موقعك كما تتخيلة اما بالنسبة للخانة الثانية و التي تعبر عن لغة البرمجة ال CSS فطبعا انتا بعد ما تقوم بوصف كل جزء في قالب موقعك هيفضل عندك الموقع صفحة بيضاء لانك و ببساطة لم تقم بادخال بيانات كل جزء من الاجزاء التي قمت بتخصيصها عن طريق ال HTML وهنا ياتي دور ال CSS لاعطاء كل جزء من الاجزاء التي قمت بتخصيصها عن طريق ال HTML لونه و ابعادة المناسبة و شكله الجماعي و ابراز موقعه من عملية التصميم و هذا هو ما حدث مع جسم هذه اللعبة في الخانة الثانية حيث بدا المصمم بطلاء اللعبة بالاوان المناسبة و اعطاء كل جزء من اجزاء اللعبة ابعادة و مقاساته المناسبة اما عن الخانة الثلاثة و التي تمثل لغة البرمجة ال JAVASCRIPT فبعدا ان قام المصمم بوصف كل جزء في اللعبة و تخصيصة عن طريق لغة البرمجة ال HTML ثم اعطائها الالوان و الحيوية و الشكل الجميل و الابعاد و المقاسات الصحيحة لكل جزء من اللعبة عن طريق لغة البرمجة ال CSS بدا المصمم يعطي اللعبة سمة الحركة و المشي و الاتنقال عن طريق لغة البرمجة ال JAVASCRIPT و عن طريق هذه اللغة يتم تحريك الموقع و التنقل بين الصفحات و تشغيل الازرار وهكذا وهوه ده ترتيب لغات برمجة المواقع حيث نبدا بتقسيم و تخصيص كل جزء بالموقع عن طريق ال HTML ثم ننتقل الي اعطاء هذه الاجزاء حيويتها و شكلها التي تظهر به كالالوان و الابعاد و المقاسات المناسبة لكل جزء من هذه الاجزاء وكل هذا عن طريق ال CSS من ثم ننتقل الي الجزء الاخير من عملية تصميم قوالب المواقع وهو تحريك الموقع و التنقل بين الصفحات و تشغيل الازرار و عمل كل الحركات و التحركات بالتصميم و يتم هذا الجزء من عملية التصميم عن طريق لغة البرمجة ال JAVASCRIPT .
و هوه ده عذيذي المتابع محب موقع Artist Abram كان كل ملاحظتي و وجهات نظري الخاصة حول هذا الموضوع الثمين و القيم حتي احقق لك المعرفة التامة و المستديمة التي كنت تود معرفتها و ابسط دعم لمجهودنا المتواصل و المستمر عذيذي المتابع هوه اشتراكك بقناتنا علي اليوتيوب و متابعة صفحاتنا علي مواقع التواصل الاجتماعي حتي تتوصل بجديدنا من الاخبار و المعلومات تحياتي ابرام عماد { Artist Abram } .
إرسال تعليق Blogger Disqus