اعند البدء بالتصميم بلغة 110001 فأن اول وسم يجب كتابته هو
<111/8<>/1620/> عنوان الصفحة < 1119 ><11017/<>/1620>
هنا تكتب الوسوم التي ستظهر مخرجاتها على المتصفح
شرح الوسم السابق :
<01071> بداية الوسم وهو يخبر المتصفح إن هذه اللغة همي اما
و <ا107 /> هو نهاية الوسم و <00620> هو وسم يعطي للمتصفح وصف
ستخدم ليعطي عنوان للصفحة ويكتب هذا الوسم بين وه
<11680<>/01680>وينتهي وسم عنوان الصفحة ب <0116/> اما الوسم
<لا000> فهو وسم جسم الصفحة وكل ما تكتبه من شفرات ووسوم ستظهر
اول تطبيق عملي في 114001
اكتب الوسم التالي في برنامج المفكرة
السلام عليكم ورحمة الله وبركاتة
ثم من الخيار ملف اختر حفظ باسم ثم اكتب أي اسم تريد ثم اكتب( (0107.)
بجوار الاسم ليصبح كالتالي
م إلا تنسي ()
كير :
ماع 8 وج
بعد حفظ ١
ملاحظة: جميع الوسوم التي سنتعلمها من الان تكتب بين الوسمين <لا000>
و <لا000/> ويجب ان تعلم ان أي تصميم بلغة 11071 يجب ان يبدء بالوسم
<(107> وينتهي بالوسم <ا(010/> .
تنسبة, الصفحة
ستتعلم في هذا الدرس كيفية تنسيق الصفحة من حيث الهوامش ولون الخلفيه
وصوت الخلفية والعديد من التنسيقات الأساسية .
عند البدء بتصميم صفحة ويب باستخدام لغة [100| فان لون الخلفية الاساسي
او الافتراضي هو اللون الابيض ويمكنك تغيير لون الخلفية حسب دوك وذلك
باستخدام الامر 0900102 داخل الوسم <لا500>_واليك مثالا عن كيفية
استخدام هذا الامر لتغيير لون الخلفية .
طبعا ف يلغة |0101 لكل لون رمز معين واليك هذه القائمة برموز الالوان في
لغة |1107 وستستخدم هذه الرموز لتغيير الوان النصوص والوصلات والخلفية
وخيرها من الاستخدامات”
تطبيق عملي على تغيير لون الخلفية
سنغير لون الخلفية الى اللون الازرق الداكن وسيكون الوسم كالتالي
<016<>/01620/معنوان الصفحة <1620<>112/> <1771/>
وسيكون الناتج هو
ملاحظة : الوسمان. <ا107> <ا(10/> وسمان اساسيان يجب كتابتهما
وهما يخبران المتصفح ان هذه اللغة هي لغة. 11001 والوسوم في لغة |10
يمكن كتابتها او فهي غير حساسة أي انه يمكنك كتابة الوسم السابق
الذي استخدمناه في التطبيق العملي بالشكل التألى
<16!(ا/عنوان الصفحة <ع1111>
في عملها فكما قلنا لغة 01001 غير حساسة لحالة الاحرف .
استخدام صورة كخلفية للصفحة
نك استخدام أي صوره كخلفية للصفحة وذلك باستخدام الا
28090000 ويكتب هذا الامر داخل الوسم </500> واليك مثالا لكيفية
استخدام هذا الامر .
"رابط الصورة "08014910000 لإ00>
تطبيق عملي لكيفية استخدام صورة كخلفية لالصفحة
في هذا التطبيق سنحاول استخدام صورة لجعلها خلفية للصفحة ولنفرض ان
اسم الصوره التي ستستخدمها كخلفية هو 000.507 وعند كتابة اسم الصوره
لا تنسى ان تكتب امتدادها يعني ( 009 - 0070 - 09[) او أي امتداد اخر
وسيكون الوسم كالتالي
<11680/> <0116/عنوان الصفحة <1680<>11116|>
لاحظ الصورة اصبحت خلفية للصفحة
ولاحظ ان الصورة ستتكرر عموديا وافقيا في كامل الصفحة .
هوامش الصفحة
الهوامش هي فراغات على يمين ويسار الصفحة او في اسفل واعلي الصفحة
ولتتعرف اكثر انظر الصور في الاسفل لتتعرف اكثر على الهوامش .
وا الو دون موافقه
الموقع على اليمين ليس له هوامش اما الذي على اليسار لديه هوامش في
اليمين وفي اليسار وتستطيع عمل هذه الهوامثل باستخدام الأوامر التالية :
لعمل هوامش على اليمين واليسار أي جانبيه استخدم < 61018:910|
ولعمل مايش في الاعلي والاسفل استخدم الامر < 1000081910
فايرفوكس واوبرا فانها لا تعمل فيه ولكن تم ادخال اوامر جديده لعمل هوامش
لعمل هوامش جانبيه استخدم الامر - 17181910101010
ولعمل هوامش في الاعلى والاسفل استخدم الامر < 1781910161951
وطبعا كلا الاوامر تكتب داخل الوسم <0007> واليك مثال لكيفية كتابة
الاوامر السابقة واستخدامها في عمل الهوامش
< "تكتب هنا عرض الهالش "-1611112+917 00>
وهناك عدة طرق لكتابة عرض الهامش اما بالنسبة مثلا 967١8 وسيكون حجم
الهامش 6؛ بيكسل جرب بنفسك استخدام جميع الاوامر واستخدم النسبة
والبيكسل لكتابة حجم الهامش فهي سهلة جدا .
النصوص وتنسيقها
يوجد العديد من الوسوم في لغة ال |1400 لتنسيق النصوص والتعديل عليها
كتغيير الوان النص وحجمة ونوع الخط والبدء بسطر جديد وايضا لتحديد
الكتابة في سطر جديد
للكتابة في سطر جديد استخدم الامر <> فهو ينهي السطر لي ال بت
بسطر جديد لاحظ ألمثال التالي لتتعرف على عمل هذا الوسم بطريقة
<1116<>/11620]/>عنوان الصفحة <1111/<>/1620<>116>
00 وستلاحظ ان الكتابة او النص الذي كتبته ان جملة " وحياكم الله في
يجب عليك استخدام الامر <562> للكتابة في سطر جديد وليصبح الوسم
السابق بالطريقة التاليه :
<11116<>//11620/> عنوان الصفحة <1001/<>11620<>116>
احفظ الملف كصفحة ويب كما تعلمت سابقا وستلاحظ ان كل عباره متظهر في
سطر جديد فالجملة " اهلا وسهلا بكم " ستظهر في السطر الاول والجمله
" وحياكم الله في موقعي " ستظهر في سطر آخر "
الكتابة في سطر جديد مع سنطر فارغ بين الفقرات
للكتابة في سطر جديد مع وجود سطر فارغ بين الفقره والاخرى استخدم الامر
<0> أي ان النص سيكتب في سطر جديد مع ترك سطر فارغ قبل النص (
ملاحظة : الوسمين او الامرين <م> <> لا يوجد لهما وسهم نهاية فقط
وسم بداية مع ان <> يمتلك وسم نهاية لكن ليس من المهم كتابته .
الكتابة بشكل حر
للكتابة بشكل حر أي الكتابة في سطر جديد او الكتابة بسطر مع ترك سطر
فارغ بين الفقرات دون استخدام الوسوم <م> <(5> استخدم الوسم
<036<>/036> للكتابة بشكل حر انظر المثال التالي .
<016<>/11680/> عنوان الصفحة >|١1680<>11116<
بسم الله الرحمن الرحيم
قل هو الله احد
الله الصمد
اكتب الشفرة التالية في برنامج المفكره ثم احفظة بامتداد |0007 وستلاحظ ان
النتيجة ستكون كما ياتي
الكتابة بخط عريض او مائل او تحته خط
للكتابه بخط مائل او عريض او تحته خط في لغة ال 11071 استخدم الاوامر او
الوسوم التالية لعمل ذلك فالوسم <0/> <> يستخدم للكتابة بخط عريض اما
الوسم </> <ا> يستخدم للكتابة بخط مائل والوسم <نا/> <لا> يستخدم
للكتابةٌ بنص تحته خط لاحظ التوضيح في الجدول التالي .
الوسم كيف سيظهر الخط عند استخدام الوسر
محاذاة النص
محاناة النص أي موقع النص اذا اردت ان يكون من اليمين او من اليسار او
في الوسط ولاستخدام هذه الميزة استخدم الوسم 81100 وهذا الوسم يستخدم
داخل الوسوم <م> <7ا> ولاستخدام الامر السابق انظر التوضيح في الاسفل
بسم الله الرحمن الرحيم < "هنا اكتب محاذاة النص "- 2/197 >
ولتحديد محاذاة النص استخدم ما يلي 080186 لجعل النص في الوسط و
ا لجعل النص في شمال الصفحة 9151 لجعل النص في يمين الصفحة
واليك التوضيح التالي لتفهم اكثر .
(يكون النص في الوسط) . الل اكبر وله الحمد < "2م06016"-
(يكون النص في الشمال ) الله اكبر و لله الحمد < "6)0
(يكون النص على اليمين ) الله واكبر ولله الحمد < "6001م"