إذا كنت قد أكملت قراءة العديد من تقارير (المعرفة للدراسات) عن البرمجة، ولكنك لا تزال تسأل نفسك (أين يمكنني كتابة التعليمات البرمجية على جهاز الكمبيوتر الخاص بي؟) .. فيمكنك البداية من هنا.
 |
| نموذج لصفحة ويب تم تصميمها، هذه الصفحة يمكن تطويرها وجعلها مثالية، لكن عليك أولا أن تعرف الأساسيات. |
حيث سنتعرف معا على كيفية إنشاء صفحة ويب وعرضها من خلال جهاز الكمبيوتر.
مالذي سنقوم به بالضبط؟:
عندما تقوم بفتح أي صفحة ويب على الإنترنت يقوم المتصفح بالكثير من العمل، حيث يقرأ جميع الملفات الضرورية مثل (HTML و CSS و JavaScript)
إنها مجرد أكواد ورموز، لذا يمكن أن نطلق عليها لقب (المواد الخام)، حيث تقوم مهمة المتصفح هنا على تفسيرها وتحويلها إلي المنتج النهائي وهي تلك الصفحات التي تظهر أمامك.
في هذا التقرير سنتعلم كيف يمكننا إنشاء صفحة ويب مثل تلك التي تظهر لك في أي موقع، وسنستخدم من أجل ذلك برنامج محرر النصوص على جهازك، ثم سنجعلك تري هذه الصفحة على المتصفح الخاص بك.
إنها خطوة أساسية في حياة أي مبرمج يريد أن يعمل في تصميم ونشر مواقع على شبكة الويب العالمية (الإنترنت).
إنشاء صفحة ويب وعرضها على جهاز الكمبيوتر الخاص بك:
المتطلبات:
- جهاز كمبيوتر يعمل بنظام التشغيل ويندوز 8 أو أحدث (يشمل الشرح أجهزة MAC من آبل أيضا).
- برنامج محرر النصوص.
- متصفح إنترنت (أي متصفح سواء كان جوجل أو أوبرا أو فاير فوكس أو ايدج .. إلخ).
- يفضل أن يكون لديك خبرة في مجال البرمجة على أن لا تقل عن أسبوعين ولو كانوا تحت بند التدريب والدراسة فحسب.
الخطوة الأولى: افتح برنامج محرر النصوص:
 |
| تحتاج لتبدأ في تصميم صفحات الويب برنامج محرر نصوص خام مثل Notepad، صورة من مايكروسوفت via wikimedia commons. |
من المهم في هذه الخطوة أن نعتمد على محرر نصوص خام وليس محرر نصوص به تنسيقات متعددة (على سبيل المثال لا يصلح برنامج مثل مايكروسوفت وورد)، لأنها تقوم بكتابة الحروف بشكل جيد لكنها لا تصلح لكتابة أكواد HTML بشكل صحيح.
فمثل هذه البرامج توفر حلولا رائعة لإنشاء مستندات أنيقة، مثل الأوراق الأكاديمية والمنشورات، ولكنها تقوم أيضًا بإدراج أحرف غير صالحة في HTML.
ونظرًا لأن ملف صفحة الويب يجب أن يحتوي على أكواد HTML صالحة، فإن محرر النصوص هو أفضل أداة لذلك الغرض.
حيث تقوم بفتح شاشة البدء ((رمز النافذة الموجود أسفل يسار الشاشة)) حيث تقوم بكتابة Notepad.
إذا كنت تستخدم جهاز كمبيوتر يستخدم نظام التشغيل Windows 7 أو أي نظام تشغيل أقدم، أضغط على Start > Programs > Accessories > Notepad.
- إذا كنت تستخدم أجهزة MAC من آبل فهنا سنعتمد على برنامج TextEdit، ويمكنك فتحه عبر Finder > Applications > TextEdit.
ستحتاج في هذه الحالة أيضًا إلي تغيير بعض التفضيلات لجعل التطبيق يحفظ الملفات بشكل صحيح.
في التفضيلات > التنسيق > اختر "نص عادي" أو Preferences > Format > choose "Plain Text".
.webp "كيف يمكنك تصميم صفحة ويب على جهاز الكمبيوتر الخاص بك؟") |
| نموذج لكود إنشاء صفحة ويب عبر استخدام Notepad، صورة من Don Ho, User:Charlie42، CC BY-SA 1.0، via wikimedia commons. |
بعد ذلك وضمن خيارات "فتح وحفظ"، قم بتحديد المربع الذي يقول عرض "عرض ملفات HTML ككود HTML بدلاً من النص المنسق" أو "Display HTML files as HTML code instead of formatted text".
ثم افتح مستندًا جديدًا لوضع الكود الذي سنكتبه فيه.الخطوة الثانية: كتابة محتوي HTML:
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
الخطوة الثالثة: أحفظ صفحة HTML:
- لا تستخدم أي مسافات أو أحرف خاصة في اسم الملف، بدلا من ذلك يمكنك استخدام الشرطة السفلية (_) أو الشرطات (-).
الخطوة 4: عرض صفحة HTML في متصفحك:
.webp "مقدمة في تصميم صفحات الويب") |
| غالبا ستظهر صفحة الويب التي صممتها بهذا الشكل. |
