السلام عليكم ورحمة الله وبركاتة
مرحبآ بكم زوار مدونة العالمي
اليوم موعدنا مع الدرس الرابع من دورة تعلم لغة Html
تعرفنا في الدروس السابقه كيفية انشاء صفحة بسيطه بلغة الــ HTML وايضآ تحدثنا عن الالوان وكيفية اضافة الواان الي صفحة الويب وايضآ تعرفنا علي كيفية وضع صورة للــصفحة اعتقد انها كانت خــطوات بسيطة والان لـنأتي بدرس جديد بعنــوان
لــكن اعزروني قبل البدء في هذا الدرس اود ان الفت انتباهكم بشئ مهم وهوا لما انا حددت استخدام اداة الــ notepad لانشاء الصفحة بــلغة الــ HTML بالرغم من اننا من الممكن استخدام اي برنامج اخر لتحرير النصوص مثل البرنامج الشهير adobe Dream weaver وذلــك لان برنام الــ Dream waever سوف يكمل لك باقي النص بدونك كتابتك انت اياه علي العكس من اداه الـ Notepad لأنه يا اخي الكريم التعليم لايأتي الا بالكتابة والتكرار فانت اذا استخدمت وانت تتعلم اي محرر نصوص يكمل بدلآ عنك فكن علي علم انك سوف تنسي كل ما تتذكره بعد فتره قصيرة جدآ ولكن اذا كنت انت من يكتب ويحفظ فـأعلم انك ستظل علي علم وعلي دراية بما تتعلمة والان فــلنبدأ يا اخي الكريم
والان فــلنبدأ ..... درس اليوم بــعنوان الخــطـوط
يمــكنك مراجعة صفحتنا القديمة التي نعمل عليها وستلاحظ ان نوع الخط المستخد بها هوا خط من نوع Times New Roman
ويعتبر هذا الخط هوا الخط الاساسي او الافتراضي لصفحات الويب ما لم تقم بتغييرة ولذلك موضوع درسنا اليوم اننا سوف نركز اهتمامنا علي هذه الخاصية وهيا تغيير الخط
الان نقوم بعمل الخطوات الاساسية للصفحة اولآلآ
- <html>
- <head>
- <title>
- عنوان المدنة
- </title>
- </head>
- <body>
- .
- .
- .
- .
- </body>
- </html>
وبعد ان قمنا بكتاب الوسم الرئيسي لــ HTML
نعمل صفحة ويب كــهذه
ثم نقوم بحفظ الصفحة ونــلقي نظرة سريعة عليها
سـوف تكون الصفحة بهذا الشكل
إذآ ماذا اذا اردنا تغيير لون الخط ؟؟؟ سنقوم بعمل الخطــوات التالية
<HTml>
<head>
<title>
الاسم
</title>
</head>
<body>
<P>
<font color="red/>مرحبآآ بكم في المدونة العالمي<"font>
</p>
</body>
</html>
<HTml>
<head>
<title>
الاسم
</title>
</head>
<body>
<P>
<font color="red/>مرحبآآ بكم في المدونة العالمي<"font>
</p>
</body>
</html>
الان ماذا نحن فعلنا
لــقد وضعنآ كــلمة مرحـبآآ بـكم في مدونة العالمي بين وسمي <font> ….. </font>
بهذا الشكل </font> مرحبآ بكم في مدونة العالمي <font>
بهذا الشكل </font> مرحبآ بكم في مدونة العالمي <font>
ثم قمت بأخذ مسافة داخل الوسم Font وكتبت color وهوا الوسم الذي يشير الي اللون ثم علامة = وتتبعها فصلة منقوطة مكتوب بداخلها اللون الذي انا اود اختيارة كان اللون الاحمر وكتب الوسم بهذا الشكل
</font> مرحبآ بــكم في مدونة العالمي <fontcolor=”red”>
</font> مرحبآ بــكم في مدونة العالمي <fontcolor=”red”>
فــتــكون الصفحة بهذا الشكل
الان انت قد لاحظت ان لون الخط قد تغير إذآ ماذا اذا اردت ان تغيير حجم الخط
ثوف تقوم بعمل نفس الخطوات السابقة ولكن بدلآ من كتابة كلــمة color سوف نستبدلها بــكلمة size او من الممكن عمل الاثنين معآ إذآ فالنجرب
ثوف تقوم بعمل نفس الخطوات السابقة ولكن بدلآ من كتابة كلــمة color سوف نستبدلها بــكلمة size او من الممكن عمل الاثنين معآ إذآ فالنجرب
<HTml>
<head>
<title>
الاسم
</title>
</head>
<body>
<P>
<font color="red" size="+6">مرحبآآ بكم في المدونة العالمي</font>
</p>
</body>
</html>
وتكون الصفحة بهذا الشكل
إذآ ماذا لاحظت قد تغير لون الخط ولـــكن هناك شئ علي ان انوه عليه لعلك قد لاحظت انني اخترت حجم الخط +6
وذلك يرجع ان احجام الموجوده هيا من +1 , +2 , +3 ,+4 , +5 ,+6 تختلف احجامها تدريجيآ فــ الاكبر هوا +6 والاصغر هوا +1
وذلك يرجع ان احجام الموجوده هيا من +1 , +2 , +3 ,+4 , +5 ,+6 تختلف احجامها تدريجيآ فــ الاكبر هوا +6 والاصغر هوا +1
حســنآ نأتي الان الي الخطوة المهمة والاهم في هذا الدرس وهيا ماذا اذا اردت تغيير نوع الخط اي بدلآ من Time new roman
حســنا اولا ستذهب الي مجلد الــ C ومن ثم الدخول الــي WINDOWS ومن ثم الدخول الــي Fonts ثم تختار الخط الذي تريد الكتابه به ومن ثم نسخ اسم الخط ولصقة بهذه الطريقة
حســنا اولا ستذهب الي مجلد الــ C ومن ثم الدخول الــي WINDOWS ومن ثم الدخول الــي Fonts ثم تختار الخط الذي تريد الكتابه به ومن ثم نسخ اسم الخط ولصقة بهذه الطريقة
<HTml>
<head>
<title>
الاسم
</title>
</head>
<body>
<P>
<font color="red" size="+6" face="Constantia, Lucida Bright, DejaVu Serif, Georgia, serif>مرحبآآ بكم في المدونة العالمي</font>
</p>
</body>
</html>
اذا هذا هوا اسم الخط الذي انا قد اخترتة
ماذا لاحظت انت !!!! انني قد وضعت وسم يسمي face وهذا الوسم يكتب داخل الوسم FONT لتحديد شكل الخط
إذآ انت الان تعلم كيفية تغيير لون وشكل وحجم الخط ومن هنا يكون قد انتي الدرس أرجو ان اكون قد افادتكم JJJ JJ J
ليست هناك تعليقات:
إرسال تعليق