Html
أولاً : ما هي هذه اللغة ؟
هي لغة : HTML
وهي أحرف اختصار لـ Hyper Text Markup Language .وتستخدم هذه اللغة في برمجة وإنشاء صفحات الإنترنت وبالتالي مواقع الإنترنت المختلفة ، وهي من أسهل اللغات وأبسطها في هذا المجال .
ثانيا : ما هي مميزات هذه اللغة عن غيرها ؟
لهذه اللغة ميزات عديدة عل أهمها :
1-عدم ارتباطها بنظام تشغيل معين ، وبالتالي فهي تعمل على أي جهاز وبأي نظام تشغيل .
2-إمكان استعراض الصفحات المبرمجة بها من على القرص الصلب دون الإحتياج إلى رفعها إلى خادم إنترنت .
3-يتم مباشرة تفسير الأوامر من قبل أي متصفح إنترنت كـ Internet Explorer & Fire Fox & Netscape .
4-بساطة قواعد اللغة فلا توجد بها قيود كثيرة .
5-إمكان إدراج ملفات الوسائط المتعددة أو Multimedia مما يعطي الصفحة حيوية أكثر .
6-إمكان ربط الصفحات ببعضها بأوامر بسيطة مما يسهل التنقل بينها .
ثالثاً : ما هي متطلبات العمل بهذه اللغة ؟
ثالثاً : ما هي متطلبات العمل بهذه اللغة ؟
ليس للعمل بهذه اللغة متطلبات خاصة وإنما متطلباتها متوفرة على كل جهاز وعلى كل نظام تشغيل ومن أهم ما نحتاج :
1-برنامج لكتابة الأوامر ، وهو ليس برنامجا خاصاً ، بل أي محرر نصوص كـ Notepad & WordPad .
2- متصفح لترجمة الأوامر وعرض التصميم ، وقد ذكرنا الأمثلة أعلى .
3-والأهم في ذلك كله ألا وهو : معرفة الأوامر أو الأكواد .
وأَعلم أن هناك برامج صُممت لكتابة الأكواد كبرنامج PHP Coder فهو برنامج جيد جدا بحق فهو يقوم بتلوين الأوامر بألوان محددة فيكون الإطلاع عليها أسهل ، وكذا يلون الأوامر الخاطئة بلون محدد أيضا مما يسهل المراجعة الفورية وتصحيح الخطأ ، فمن كان عنده هذا البرنامج أو غيره فخير ، وإلا فالمفكرة أو Notepad تكفي بإذن الله .
*أكواد Html ؟
*أكواد Html ؟
الأكواد أو كما يسميها البعض الوسوم Tagsما هي إلا مجموعة من الرموز تتيح التحكم في عرض النصوص والصور والجداول وما إلى ذلك .
والسمة العامة في تلك الوسوم أنها لها بداية ونهاية (باستثناء الوسوم التي ليس لها تأثير وإنما هي للإضافة كوسم الصور مثلا فهو يدرج الصورة وليس له تأثير ) ، يبدأ تأثير الوسم على كل الكائنات (الأشياء مثل النصوص مثلا ) بكتابة أمر البداية والذي غالبا ما يكون شكله <TAG> وينتهي عند وسم النهاية (الإغلاق) والذي يكون شكله </TAG>.
أمور أضافية يجب معرفتها وهي :
أمور أضافية يجب معرفتها وهي :
1- لغة Html لا تراعي حالة الاحرف من حيث كونها كبيرة أو صغيرة أي أنه في Html وضع <b> لا يختلف عن <B>.
2 - بعض الوسوم تحتاج الى وسم اغلاق وبعضها لا يحتاج.
3- Html لا تراعي المسافات وتعتبرها جميعا مسافة واحدة أي أن وضع مسافة واحدة بين كلمتين يساوي وضع مسافتين أو ثلاتة ويساوي وضع سطر جديد ويساوي وضع جدولة tab كلها تترجم الى مسافة واحدة ولكنتعتد بالمسافات وسط الكلمات بمعنى أنها تتعامل مع "بسم الله " على أنها كلمة واحدة وتتعامل مع بسم الله على أنها كلمتين . ويظهر هذا كثيرا معها . فلو أن لديك ملف إسمه pic 1.gif مثلا فلكي تتعامل معه اللغة بشكل سليم يجب وضعه بين علامتي تنصيص " " .
4- توضع الملاحظات (Comment) بين <!-و --> أي أن المتصفح يتجاهل أي شئ ب ينهما وكأنه غير موجود.
5 - قد تحتوي وسم الفح على خصائص أضافية او لا ولكن وسم الاغلاق لا يحتوي على خصائص أضافية أبدا.
*كيفية أنشاء صفحة أو مستند من نوع Html : قبل أن تبدأ في تصميم الموقع هناك بعض الخطوات التي يجب أن تقوم بها أولا: 1- أولا قم بتخصيص مجلد مستقل يكون هذا المجلد خاص بمحتويات الموقع وسمه أي اسم وليكن "موقعي الجديد" مثلا. 2- بعد ذلك قم بفتح برنامج الدفتر عن طريق: start >> programs >> accessories >> notepad. بعد ذلك قم باختيار القائمة file ثم save as وسوف يظهر لك مربع حواري..قم بتحديد مكان المجلد الذي خصصته من قبل كمجلد لموقعك. بعد ذلك أمام خانة file name اكتب اسم الملف index.html .  س: لماذا اخترت الاسم index.html للصفحة الأولى؟؟ ج: اخترت index لأن الصفحة الأولى لأي موقع يجب أن تكون بهذا الاسم لما له من أهمية عند تحميل الموقع على النت.أما بقية الصفحات التي سوف تنشئها فيما بعد فيمكنك تسميتها كما تريد. أما بالنسبة للإمتداد html فهو الإمتداد الخاص بصفحات الويب. 4-اذهب إلى المسار الذي حددته ستجد هناك ملف لصفحة انترنت . 5-قم بعمل ضغطه يمين عليه واختار فتح باستخدام... أو Open with... واختار المفكرة فيفتح كأنه ملف نص. أنشء صفحة بسيطة كل صفحة من صفحات الويب تمثل ملف Html كود بلغة HTML: <html> <head>
معلومات عن الصفحة
<title >
عنوان النافذة </title>
</head>
<body>
محتويات الصفحة
</body>
</html>*يكتب عنوان النافذة ومعلومات عن الصفحة بين الأمرين <head>..</head> . *يكتب عنوان النافذة الذي يظهر في شريط العنوان للمتصفح بين الأمرين <title>..</title> . *تكتب محتويات الصفحة بين الأمرين <body>..</body> . 1-يكتب عنوان النافذة (الذي يظهر في شريط العنوان) بهذه الطريقة :- <html> <head> <title> عنوان النافذة </title> </head> </html> كود بلغة HTML: <html> <head>
<title>
عنوان النافذة
</title>
</head>
<body>
محتويات الصفحة من :
نصوص
صور
جداول
ارتباطات
أصوات
فلاشات
وغيرها.. . </body>
</html>مثال:-افتح ملف المفكرة (كما سبق شرحه) واكتب فيه الأمر التالي: <html> بسم الله الرحمن الرحيم </html> ثم تابع خطوات فتح الصفحة كما تعلمت بعد حفظ الأمر. ستشاهد صفحة مكتوب في عنوان نافذتها مسار الملف ومحتواها فقط"بسم الله الرحمن الرحيم" . تطبيق1 : نريد كتابة الجملة الآتية.. " Web designing is very easy " لعمل ذلك ببساطة اكتب العبارة بين قوسي البداية والنهاية للأمر body كم يلي : كود بلغة HTML: <html>
<head>
<title> firstpage </title>
</head>
<body>
Web designing is very easy
</body>
</html>
|
ليست هناك تعليقات:
إرسال تعليق