انشاء موقع ويب بستخدام HTML اتش تي ام ال

بواسطة المبرمج المصري يونيو 17, 2020

انشاء موقع صغير بستخدام Html

انشاء موقع ويب بستخدام HTML اتش تي ام ال

السلام عليكم متابعنا الكرام سوف نتكلم اليوم عن لغة Html وما هي وما استخدمتها ونقوم بانشاء موقع ويب صغير بستخدامها

وكيف تستخدم في تصميم صفحة الويب.

محتويات الدرس

ما هي Html واستخدامتها
انشاء موقع بسيط بستخدامه
شرح الاكواد المستخدمة
مصادر تعلم Html

ما هي Html واستخدامتها.

لغة Html او Hyper text markup language هي اللغة التي ستخدم في انشاء وتصميم صفحات الويب وتعتبر الهيكل لاي صفحة ويب ولا تعتبر html لغة برمجة بل انها لغة تراميز ولكنها تستخدم تستخدم في اعطاء الأوامر لمتصفح الانترنت وترشده فيها الي طريقة عرض الصور والروابط والنصوص والأشياء الأخري التي تحتويها الصفحة و أماكن عرض كل منها داخل الصفحة، كما تقوم بإمداد المتصفح بالمعلومات الخاصة بالصفحة مثل عنوان الصفحة و وصفها و الكلمات الدلالية الخاصة بها .

انشاء موقع بسيط بستخدام Html.

لكي نتمكن من انشاء صفحة Html يجب ان تعلم Tag او الوسم ويستخدم في جعل المتصفح يفهم النص والعنوان والصور .

سوف نقوم بنشاء موقع بسيط مثل :

موقع ويب بسيط

اولا نقوم بفتح NotePad في الكمبيوتر او لو كنت من مستخدمي هاتف الاندرويد قم بتحميل تطبيق محرر النصوص QuickEdit‏
حسنا بعد بفتح الملف نقوم بحفظ الملف بمتداد html كالاتي .

شرح انشاء صفحة html

سوف تحتوي الصفحة علي (عنوان/صورة/نص/رابط) كما هو موضح بالصورة , وبعد ذللك نقوم بكتابة الكود الاتي.

<!DOCTYPE html>
<html>
<head>
 <title>First Web Site</title>
</head>
<center>
 <body >
<h1>
Welcome To Web Site</h1>
</br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPyP-p9S29BngPv3T94_kgCTQmE8ePCXiQM4KZSxW_pamXKX2u2JPnA6DoxiUFZof4xs9coG5sbnJVEcVDFBOnUMwTUL88V1CPNPBLdQo3sKGhkw31anyGO2fSjoHeiEAIAlKtuGwn1Sub/s640/HTML+1.jpg">
</br>
<p>
Html or Hyper text markup language is the language that will serve in the creation and design of web pages and is the structure for any web 
</br>page and is not considered html as a programming language but rather it is a coding language but it is used to give orders to the </br>internet browser and guide it in the way it displays images, links, texts and other things that it contains The page and its display </br>locations inside the page. It also provides the browser with information about the page, such as the title of the page, its description, </br>and its tags.
</p>
</br>
<a href="www.egyprogram.com">Follow the article, click here</a>
</center>
</body>

</html>

بعد وضع الكود في NotePad نقوم بحفظ الملف علي سطح المكتب ثم الضغط ممرتين للعرض في المتصفح .

ولان ننتقل الي الجزاء التاني شرح الاكواد.

شرح الاكواد المستخدمة .

طبعا لازم نسهل عليك فهم الاكواد بسرعة ونسهل عليك عناء القراء ده مقطع فديو بيشرح الكود بطريقة مبسطة .

الكود المكتوب في التدوينة وهذة صورة توضحية للكود .

توضيح للكود والعناصر

وهذا مقطع فديو للشرح الكود المستخدم في التدوينة لسهولة التعلم .

مقطع فديو شرح للكود

مصادر تعلم لغة Html

طبعا لا يمكنا الاعتماد علي Html كالغة لبناء موقع ويب بل يحب علينا ايضا تعلم Css لرسم الموقع والتحكم في موضع الايقونات

فل يمكن ان تكتمل رسمة بدون الوان ,كذللك موقع الويب يجب ان يتم رسمة حتي يصبح مكتمل لزللك اقدم للك كورس Html,css

هذا كورس شرح كامل ل Html في ساعة واحد وبعدها يمكنك انشاء موقعك الخاص

ولكن كما قولت للك لن تكتمل الصورة بدون رسم يجب علليك تعلم Css حتي تنهي شكل الرسمة التي تحلم بها .

بعد ان انهيت دراسة لغة Html ,css مبروك انت الان يمكن انشاء موقعك الخاص ولكن يجب ان تدرب كثير حتي تصبح محترف في اللغتين وان شاء الله تكون استفدت من المقال .

وفي نهاية المقال لا تنسي ذكر الله .

لا تنسي متابعتنا علي :-

فيس بوك: اضغط هنا
twitter:اضغط هنا
اليتيوب : اضغط هنا
انستجرام: اضغط هنا
تليجرام : اضغط هنا
حمل التطبيق الخاص بنا: اضغط هنا
يمكنك الاتصال بنا :اتصل بناالان

Bild

انشاء موقع ويب بستخدام HTML اتش تي ام ال

انشاء موقع ويب بستخدام HTML اتش تي ام ال

محتويات الدرس

ما هي Html واستخدامتها.

انشاء موقع بسيط بستخدام Html.

شرح الاكواد المستخدمة .

مصادر تعلم لغة Html

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

اداة خاصه بتثبيت اداة ngrok بالشكل الصحيح على termux بدون اية مشاكل

طريقة فعالة لزيادة الترافيك في المدونة عام 2022

افضل المواقع لجمع المعلومات عن الاشخاص