[2] دورة تعلم تصميم المواقع من الصفر للمبتدئين – XHTML – احترافية

في درس اليوم سنتعلم – إن شاء الله – كيفية الكتابة في محتوى الموقع BODY

كما قلنا سابقًا أن أي موقع ويب يتكون من جزئين هما :

HEAD : وهو يحتوي معلومات عن الموقع مثل العنوان TITLE والكلمات الدلالية KEYWORDS .

BODY : والذي يحتوي الصور والروابط والفقرات النصية .

حتى نستطيع الكتابة داخل محتوى الموقع نقوم أولا بكتابة الوسم الخاص بالمحتوى BODY TAG وذلك يكون أسفل وسم رأس الصفحة HEAD TAG ولكنه داخل الوسم الخاص بصفحة HTML وهو HTML TAG كما يلي:

 

وسم البداية:

<body>

وسم النهايه:

</body>

هكذا:

<body>

أي شئ سنكتبه هنا سيكون في محتوى موقعك

</body>

يجب أن نتعلم شيئًا مهمًا : وهو كيفية عمل عنوان للمحتوى HEADER وهو مختلف عن HEAD

HEADER يكون داخل BODY مثلًا كعنوان في جريدة ,  HEADER هو عنوان لفقرة

والعنوان يكون بخط كبير وثقيل BOLD وقد يحتوي الموضوع على أكثر من عنوان :

 

HEADER1 , HEADER2 , HEADER3 …… HEADER6

HEADER1 : هو أكبر عنوان

HEADER2 : هو أصغر بقليل من HEADER1

وهكذا فالعنوان يبدأ في الصغر حتى نصل إلى HEADER6

وسوم العنوان كلآتي:

وسم البداية:

<h1>

وسم النهاية:

</h1>

هكذا:

<h1>

أي شئ سنكتبه هنا سيكون في العنوان الأول

</h1>

مثال:

<h1>

دورة تصميم المواقع ويكي شير

</h1>

سنلاحظ أنه مختلف عن الكتابة الافتراضية التي بدون وسوم , فهو بخط كبير وثقيل

وكذلك عند عمل عنوان ثاني:

<h2>

دورة تصميم المواقع الدرس الثاني

</h2>

نحفظ التغييرات ونذهب إلى صفحة ويب ونقوم بعمل تحديث

سنلاحظ كتابة عنوان آخر ولكنه أصغر بقليل من الأول وهو العنوان الثاني , وهكذا حتى نصل إلى العنوان السادس.

مثال توضيحي كامل:

<doctype html>
<meta charset="utf-8">
<html>
<head>

<title>
ويكي شير
</title>

</head>

<body>
<h1>
دورة تصميم المواقع ويكي شير
</h1>

<h2>
دورة تصميم المواقع الدرس الثاني
</h2>

  html دورة تعليم

</body>
</html>

ويكون الناتج كالتالي وهذا بعد ما قمنا بالحفظ كما شرحنا في الدرس الأول

 

 

techno-s

 

1- العنوان الأولH1

2- العنوان الثاني H2

3- الكتابة الافتراضية التي بدون وسوم.