موقع المحترف الأردني | برمجة، مقالات: قد تطرقنا في الموضوع السابق إلى شرح أستخدام لغة البرمجة HTML وأهميتها ومعلومات عنها، وتعرفنا أن لغة الـ HTML هي اللغه الأساسية لبرمجة المواقع الإلكترونية، وأن لا يوجد موقع متبرمج بدون أستخدام HTML، سأتطرق اليوم معك في هذا الموضوع إلى شرح طريقة وكيفية أنشاء صفحة ويب بأستخدام لغة HTML.
لنأتي الان إلى شرح طريقة أنشاء صفحة ويب، بدايةً سنستعمل محرر أكواد أن كنت تستخدم ويندوز فيمكنك الأستعانة بـ NotePad وأن كنت تستخدم نظام Mac OS X فيمكنك أستخدام TextEdit أو الأستعانة في موقع JS Bin لتحرير الأكواد Online.
وبعد فتح محرر أكواد أو الدخول إلى الموقع لتحرير الأكواد نقوم بفتحه، وبعد فتحه سنبدأ في كتابة الأكواد الأساسية التي لا بد أن تكون في أي صفحة متكونة من HTML.
تتكون صفحة الويب من قسمين وهما الرأس head والمحتوى body والذي يعتبر جسم المدونة.
ويتم التعبير على هذه الأقسام بأستخدام الوسوم الآتية: <head> و<body>.
ولكي ننشئ صفحة ويب بشكل صحيح وسليم نقوم بأخبار المتصفح بأن هذه الصفحة مكتوبة بلغة HTML، بحيث نكتب:
ولتجربة الصفحة التي قمنا بأنشائها نقوم بفتح مذكرة ومن ثم وضع الكود بداخلها كما هو موضح بالصورة الآتية:
ومن ثم نقوم بحفظ الملف بصيغة HTML كما هو موضح بالصورة الآتية:
وبعد حفظ المف نقوم بفحته وسيتم فتحه في المتصفح الأفتراضي للنظام وسيتم ظهور لك صفحة ويب كما هو موضح بالصورة الآتية:
وكما تلاحظون تم فتح صفحة ويب تحتوي على عنصر واحد الذي قمت بأضافته لتجربته، وهكذا نكون قد عرفنا طريقة وكيفية برمجة صفحة ويب بسيطة، في المواضيع القادمه ستتعرفون على أمور آخرى ومهمة.
لمشاهدة هذه الحلقة الرائعة والتي تتكلم عن تحويل شكل نظام ويندوز 7, 8, 8.1, 10 إلى نظام الماك Mac OSX بأقل من دقيقة:
تحويل شكل نظام ويندوز 7, 8, 8.1, 10 إلى نظام الماك Mac OSX بأقل من دقيقة
لنأتي الان إلى شرح طريقة أنشاء صفحة ويب، بدايةً سنستعمل محرر أكواد أن كنت تستخدم ويندوز فيمكنك الأستعانة بـ NotePad وأن كنت تستخدم نظام Mac OS X فيمكنك أستخدام TextEdit أو الأستعانة في موقع JS Bin لتحرير الأكواد Online.
وبعد فتح محرر أكواد أو الدخول إلى الموقع لتحرير الأكواد نقوم بفتحه، وبعد فتحه سنبدأ في كتابة الأكواد الأساسية التي لا بد أن تكون في أي صفحة متكونة من HTML.
تتكون صفحة الويب من قسمين وهما الرأس head والمحتوى body والذي يعتبر جسم المدونة.
ويتم التعبير على هذه الأقسام بأستخدام الوسوم الآتية: <head> و<body>.
ولكي ننشئ صفحة ويب بشكل صحيح وسليم نقوم بأخبار المتصفح بأن هذه الصفحة مكتوبة بلغة HTML، بحيث نكتب:
كل شيء داخل قسم <head> لا يظهر في صفحة الويب، أما في قسم <body> فكل ما تكتبها بداخل هذا القسم سوف يظهر في الصفحة، سأكتب على سبيل المثال مرحباً بك في موقع المحترف الأردني، تقديم عبدالرحمن وصفي، سأكتب هذه العبار داخل وسم الـ Body لكي يظهر في صفحة الويب:
1 2 3 4 5 6 7 8 9 10 | <html> <head> </head> <body> <p> مرحباً بك في موقع المحترف الأردني تقديم: عبدالرحمن وصفي </p> </body> </html> |
ومن ثم نقوم بحفظ الملف بصيغة HTML كما هو موضح بالصورة الآتية:
وبعد حفظ المف نقوم بفحته وسيتم فتحه في المتصفح الأفتراضي للنظام وسيتم ظهور لك صفحة ويب كما هو موضح بالصورة الآتية:
وكما تلاحظون تم فتح صفحة ويب تحتوي على عنصر واحد الذي قمت بأضافته لتجربته، وهكذا نكون قد عرفنا طريقة وكيفية برمجة صفحة ويب بسيطة، في المواضيع القادمه ستتعرفون على أمور آخرى ومهمة.
لمشاهدة هذه الحلقة الرائعة والتي تتكلم عن تحويل شكل نظام ويندوز 7, 8, 8.1, 10 إلى نظام الماك Mac OSX بأقل من دقيقة:
تحويل شكل نظام ويندوز 7, 8, 8.1, 10 إلى نظام الماك Mac OSX بأقل من دقيقة
أتمنى أنت تكون قد استفدت من الموضوع ولو بالقليل، أكون قد وصلت إلى نهاية هذا الموضوع، كان معكم عبدالرحمن وصفي والسلام عليكم ورحمة الله وبركاته.
قسم جديد قم بتجربته !
ضع مشكلتك في تعليق وسيتم الرد عليك في أسرع وقت ممكن.
أقرأ أيضاً:
10 نصائح لحماية هاتفك الأندرويد من الأختراق.
قائمة بالأجهزة التي يتوفر لها تحديث أندرويد 6.0 مارشميلو.
10 نصائح لحماية هاتفك الأندرويد من الأختراق.
قائمة بالأجهزة التي يتوفر لها تحديث أندرويد 6.0 مارشميلو.
Post a Comment