تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5

دورة تعلم HTML درس 4 - حوصلة لكل ما تعلمناه إلى الآن

#1
ملخص لكل ما تعلمناه لحد الآن عن HTML
[صورة مرفقة: DocumentRetrieval-300x262.png]
بسم الله الرحمن الرحيم
 نبدأ على بركة الله الدرس الرابع و نقوم بالتعمق شيئا فشيئا في تعلم لغة HTML و لكن قبل ذلك يجب أن نسأل ماذا تعلمنا حتى الآن؟ حسنا يجب نبدأ دائماً بالقالب الذي قمنا بإنشاء في الدرس السابق و الذي اتفقنا على أنه الهيكل الأساسي التي تبني عليه موقعك:

كود :
<html>
<head>
<title></title>
</head>

<body>

</body>

</html>



في رأس الصفحة دائماً العنوان: <title>عنوان الموقع</title>.  نلاحظ كيف سيظهر العنوان في أعلى يسار نافذة المتصفح:

[صورة مرفقة: title.png]



يجب أن نعلم أن عنوان الصفحة مهم بشكل خاص لأنه الوسيلة التي تساعد محركات البحث على أرشفته و إظهار صفحتك للعالم – كمحرك البحث المعروف google.com.

[صورة مرفقة: google.png]
نأتي إلىجسم الصفحة body حيث نكتب محتويات الصفحة، و أنتم تعرفون الآن بعض أهم العناصر التي تكتب:

كود :
<p>Is used for paragraphs.</p>
    <em>Emphasis text.</b>
    <h1>Heading</h1>
    <h2>Subhead</h2>
    <h3>Sub-subhead</h3>
يجب أن لا ننسا أن الطريقة الوحيدة لتعلم HTML هي بالتجربة و الخطأ، لكن لا تقلقوا، لا يمكنكم بأي طريقة أن تضروا بحاسوبكم أو بالأنترنت! لذلك استمر في التجربة، هذه هي أفضل طريقة لاكتساب الخبرة و التعلم، و هذا ما يعني أن لا أحد يتقن تطوير المواقع بتعلم الأمثلة فقط كما تفعلون في هذا الدرس، فهذا الدرس هو مجرد بداية بسيطة لفهم مكونات المواقع، ولكي تقوم بإنشاء موقع جيد عليك أن تستخدم المكونات بأسلوب إبداعي و جديد، ما يعني أن عليك أن تقوم بتجربة ما تعلمته للآن، و ماعليك تالياً هو أن تجرب إنشاء صفحات أخرى بنفسك، و أنصحك أن تقوم بإنشاء صفحة تحوي عنواناً للصفحة وعناوين فرعية مع بعض النصوص، جرب أن تفعل ذلك بدون الرجوع إلى هذ االدرس، حتى تترسخ في عقلك عملية إن شاء المواقع فيسهل عليك تطويرها إلى حدود إبداعية جديدة.



إلى حين إلقاء الدرس القادم

تقبلوا تحياتي.
الرد


التنقل السريع :


مستخدمين يتصفحوا هذا الموضوع: 1 ضيف