يمكننا الآن وضع بعض النصوص بمحاذاة مختلفة على صفحة الويب الخاصة بنا:

ها هي صفحاتي الشخصية!

يمكنك أن تجد عليها: - قصة عني وعن هواياتي. - صوري.

من إحدى صفحاتي سيكون ذلك ممكنًا
ارسل لي بريد الكتروني.

3. أدوات لإنشاء صفحات الويب

3.1 محررات HTML

يختار الجميع أداتهم الخاصة لإنشاء صفحات الويب. يمكن أن يكون MS FrontPage أو Macromedia DreamWeaver أو Allaire HomeSite أو 1st Page. ويستخدم شخص ما محرر نصوص بسيطًا ، مثل Notepad (Notepad).

لا يمكن استخدام برامج تحرير النصوص إلا لإنشاء صفحات صغيرة ، حيث أن لها العديد من العيوب: المشاريع غير مدعومة ، ولا يوجد نص "تمييز". بشكل عام ، من غير الملائم للغاية العمل.

يتمثل العيب الرئيسي لبرنامج MS FrontPage في أنه ينشئ رمز HTML كبير جدًا (أكثر من اللازم) ، وبالتالي تكون الصفحات كبيرة ، مما يؤثر على سرعة التحميل. علاوة على ذلك ، عند إنشاء صفحات ويب في هذا المحرر ، ترى شيئًا واحدًا ، ولكن في نافذة المتصفح - شيء آخر تمامًا. تبين أن الصفحات ملتوية إلى حد ما ، لذلك ، لإنشاء صفحات ويب عالية الجودة ، يوصى باستخدام الحزم التي سيتم مناقشتها أدناه.

سنبدأ مع Macromedia DreamWeaver الشهير. تعتبر Macromedia شركة رائدة في إنتاج البرامج لإنشاء مواقع الويب ، فضلاً عن كونها رائدة في هذا المجال.

Dreamweaver 3.0

لكن DreamWeaver يتقدم بعدة خطوات عن برامج تحرير WYSIWYG الأخرى ، وعلى الأخص من خلال إنشاء HTML نظيف للغاية. يسمح لك DreamWeaver بالتخلص من نفس نوع العمل عند إنشاء الصفحات (على سبيل المثال ، تخطيط النص) باستخدام خيارات "تسلسل أوامر التسجيل" (تقوم بتدوين تسلسل الأوامر التي تنتجها ، ثم تضغط ، على سبيل المثال ، على CTRL + P ، ويقوم DreamWeaver بتشغيل كل شيء في نفس التسلسل.

الموقع الرئيسي 4.0

المحرر التالي - HomeSite 4 - لإنشاء الصفحات يدويًا ، أي. لخبراء HTML. يمكنك التحكم الكامل في كود HTML ، ومن الممكن تحسين صفحتك لأحد المتصفحات الثلاثة الشائعة (MSIE ، Google Chrome ، Opera).

يحتوي HomeSite على وضعين رئيسيين: التحرير والتصميم. وضع التصميم هو نوع من محرر WYSIWYG ينتج كود HTML ، وإذا قمت بتحميل كود HTML لشخص آخر ، فسيقوم HomeSite بإعادة كتابة كل شيء بطريقته الخاصة.

ميزة أخرى مميزة لـ HomeSite هي "الإلتصاق" بـ Dreamweaver. يحتوي HomeSite على زر "Dreamweaver" وهو مضمن أيضًا في الحزمة القياسية. ومع ذلك ، فإن DreamWeaver لديه أيضًا القدرة على توصيل HomeSite كمحرر لتصحيح كود HTML.

يعد EVR Soft 1st Page v2 من أحدث برامج تحرير HTML.

شعارها هو "إنشاء مواقع من الدرجة الأولى!" ("إنشاء مواقع من الدرجة الأولى!"). يحتوي المحرر على عدة أوضاع - عادي ، سهل ، متقدم / خبير ، فاضح ، أي يمكنك اختيار مستواك ، والانتقال في النهاية إلى مستوى أعلى. ميزة أخرى هي مجموعة كبيرة إلى حد ما من نصوص JavaScript و DHTML. كل هذا ينقسم بسهولة إلى فئات.

3.2 محرري الرسوم البيانية

يعد إنشاء الرسومات وتحسينها مهمة معقدة ومتقلبة. بالطبع ، من الممكن إنشاء صفحة ويب دون استخدام الرسومات - باستخدام الخطوط والنصوص وأوراق الأنماط (CSS) - وستكون جميلة وأنيقة. ولكن بعد كل شيء ، يعتمد المظهر النهائي للمستند على عدد كبير من العوامل المختلفة ، مثل: عرض نافذة المتصفح ، والإعدادات المسبقة للمتصفح ، وحجم الخط الافتراضي ، واسم الخط واللون. أيضًا ، لا تدعم جميع المستعرضات جميع البرامج النصية والأنماط. إذا تم استخدام الرسومات ، فسوف يراها زائر صفحتك كما فعلت تمامًا ويراها.

تتمثل الصعوبة الرئيسية في العمل باستخدام رسومات الويب في أن عرض النطاق الترددي لقنوات الإنترنت ، في معظم الحالات ، منخفض جدًا وستواجه على الفور مشكلات - كيفية جعل ملف رسومي صغير الحجم ، ولكن بجودة جيدة ، وما هي البرامج والتقنيات اللازمة استخدمها عند تحسينها.

هذا هو ما يخصصه القسم الخاص بمحرري الرسوم المتجهية والنقطية ، وهي أداة قوية لمعالجة الصور في أيدي قادرة.

قبل التفكير في محررات الرسومات المتجهة والنقطية ، يجب أن تفهم الفرق بين التمثيل المتجه والنقطي للصورة.

الرسومات النقطيةهي شبكة (نقطية) ، تسمى خلاياها وحدات البكسل. لكل بكسل في الصورة النقطية موقع ولون محددان بدقة ، لذلك يتم تمثيل أي كائن بواسطة البرنامج كمجموعة من وحدات البكسل الملونة. هذا يعني أن المستخدم ، الذي يعمل مع الصور النقطية ، لا يعمل على كائنات محددة ، ولكن على مجموعات البكسل التي تتكون منها.

توفر الصور النقطية دقة عالية في التدرج اللوني والدرجات اللونية النصفية ، بالإضافة إلى تفاصيل عالية للصورة ، لذا فهي أفضل طريقة لتمثيل الصور ذات الدرجة اللونية ، مثل الصور الفوتوغرافية الممسوحة ضوئيًا.

تستخدم الرسومات النقطية دائمًا عددًا ثابتًا من وحدات البكسل ، أي تعتمد جودة الصورة النقطية بشكل مباشر على دقة الجهاز. هذا يعني أن أي تغيير في الصورة (الدوران ، والتكبير ، وما إلى ذلك) يؤدي إلى تشويه مستمر للصورة وتتحول حدود الكائنات إلى أن تكون غير متساوية.

صور متجهةيتم تشكيلها على أساس الأشكال الموصوفة رياضيًا ، والتي تسمى المتجهات ، ويتم تحديد نوع الصورة بواسطة معلمات المتجهات. بمعنى آخر ، تتكون الرسومات المتجهة من منحنيات لها إحداثيات ولون ومعلمات أخرى ، بالإضافة إلى مساحات مغلقة مملوءة بلون معين. يتم وصف حدود هذه المناطق أيضًا بواسطة المنحنيات. يحتوي ملف صورة المتجه على إحداثيات ومعلمات المنحنيات.

لا تعتمد نتائج معالجة الصور المتجهة على دقة الجهاز ، لذا يمكنك تغيير معلماتها بشكل تعسفي (الحجم واللون والشكل وما إلى ذلك) - لن تتدهور الجودة. تُستخدم الرسومات المتجهة عند إنشاء كائنات رقمية باستخدام أحجام صغيرة (أحجام الخطوط) أو كائنات مثل الشعارات ، والتي من المهم الحفاظ على خطوط عريضة واضحة ، بمقياس غير محدود.

تنقسم حزم الرسومات (المحررين) أيضًا إلى نوعين: نقطية ومتجهة. دعونا الآن نلقي نظرة على أكثرها شعبية.

أ) محررات الرسومات النقطية

Microsoft Paint هو محرر بسيط (أو بالأحرى أبسط) يأتي بشكل قياسي مع أنظمة تشغيل Microsoft. يحتوي على مجموعة من الوظائف البسيطة (فرشاة ، قلم رصاص ، ممحاة ، إلخ) التي تتيح لك إنشاء صور بسيطة. لسوء الحظ ، فهي غير مناسبة عمليًا لمعالجة الرسومات. الصورة التي تراها على اليمين هي أكثر مما يستطيع هذا المحرر.

أدوبي فوتوشوب- تعد اليوم أقوى حزمة للمعالجة الاحترافية للرسومات النقطية. هذا مجمع كامل يحتوي على العديد من الخيارات لتعديل صورة نقطية ، ويحتوي على مجموعة ضخمة من المرشحات والتأثيرات المختلفة ، ومن الممكن توصيل الأدوات من الشركات المصنعة الخارجية.

توفر الحزمة ، على سبيل المثال ، أدوات لإصلاح الصور التالفة أو تنقيح الصور أو إنشاء أكثر الصور المجمعة الرائعة التي يمكن لخيالنا تحمل تكاليفها. بشكل عام ، فإن إمكانات هذه الحزمة هائلة حقًا. بدءًا من الإصدار 5.5 ، تتضمن الحزمة البرنامج Adobe ImageReady، والتي توفر فرصًا رائعة لمعالجة الرسومات في إطار الويب (تحسين الصورة ، وإنشاء صور متحركة متحركة ، و "تقطيع" الصور إلى صور أصغر ، وما إلى ذلك). إن شعار مطوري Adobe Photoshop - "كاميرا عقلك" - لا يعني فقط التميز التقني ، ولكن أيضًا الحرية الكاملة للإبداع ، والتي يُحكم عليها بكل بساطة بأن الشخص الذي يعمل مع هذا البرنامج محكوم عليه بالفشل.

فوتو بينت- محرر رسومات آخر مشهور بنفس القدر (من حزمة Corel Draw) لمعالجة الرسومات النقطية ، يتنافس مع Adobe Photoshop. يحتوي أيضًا على جميع الأدوات اللازمة لمعالجة الرسومات ومجموعة متنوعة من المرشحات والقوام. يكمن الاختلاف الوحيد في قابلية الاستخدام والواجهة وسرعة تطبيق المرشحات - يكون التراكب أبطأ قليلاً.

دهان- يوفر المحرر فرصًا رائعة لمحاكاة أدوات الرسم الحقيقية: الجرافيت والطباشير والزيت ، إلخ. كما يسمح لك بمحاكاة نسيج سطح المواد والرسم وإنشاء الرسوم المتحركة. مفيد جدًا لتصميم ورق الحائط أو صفحات الويب بأسلوب الرسم. باستخدام هذا البرنامج تشعر وكأنك فنان حقيقي.

هناك أيضًا عدد من المحررين ( محرر صور Microsoft ، Microsoft PhotoDRAW) ، مما يسمح أيضًا بتنفيذ أبسط المهام ، ولكن لا يلبي احتياجات المهنيين.

ب) محررات الرسومات المتجهة

Adobe Illustrator- تسمح لك الحزمة بإنشاء رسومات متجهة ومعالجتها وتحريرها. إنه مكافئ في القوة

محرر البيانات النقطية Adobe Photoshop: يحتوي على واجهة مماثلة ، ويسمح لك بتوصيل العديد من المرشحات والتأثيرات ، ويفهم العديد من تنسيقات الرسوم ، حتى مثل. مجلس الإنماء والإعمار (كوريل درو) و. swf (فلاش).

كوريل دراو- بالطبع ، لا يمكن لمثل هذه الحزمة الرسومية المعروفة الاستغناء عن أدوات معالجة الرسومات المتجهة. الحزمة قوية مثل برامج تحرير الرسومات Adobe Photoshop و Adobe Illustrator. بالإضافة إلى معالجة الرسومات المتجهة ، تحتوي هذه الحزمة على معالج رسومات نقطية (Photo Paint) ، ومتتبع للصور ، ومحرر خط ، وإعداد نسيج وإنشاء باركود ، بالإضافة إلى مجموعات ضخمة من الصور (CorelGallery).

أدوبي ستريملاين- منتج Adobe آخر مصمم لتتبع (ترجمة) الرسومات النقطية إلى رسومات متجهة. هذا منتج صغير ولكنه مفيد للغاية وقوي. هذا مفيد بشكل خاص إذا كنت تقوم بإنشاء صفحات ويب باستخدام رسومات متجهة مثل تقنية Flash.

4. إنشاء موقع باستخدام CMS Joomla 1.5.7

بسلاسة ، وفقًا لمبدأ من البسيط إلى المعقد ، ننتقل من صفحات WWW الثابتة إلى الصفحات الديناميكية. للقيام بذلك ، نحتاج إلى معرفة لغات الويب PHP و Jscript و Perl و مسجوعلى الأقل لغة الاستعلام المهيكلة MySQL. لا بأس ، فقط بضع سنوات وأنت محترف ، قادر على إنشاء مثل هذه المواقع متعددة الوظائف ، حيث يتم إنشاء الصفحات على الطاير ، حيث توجد قواعد بيانات لعملاء المنتدى ، وتسجيلات الدخول ، وكلمات المرور ، وتحديد الهوية ، والمصادقة ، واتصال الرسوم المتحركة و أكثر بكثير.

لكن ليس من الضروري أن تكون لديك معرفة بجميع اللغات من أجل إنشاء موقع ديناميكي متعدد الوظائف. كانت لدي معرفة كافية بـ HTML و SCC و PHP و 3Ds Max و Photoshop و SMC Joomla.

Joomla هو نظام إدارة محتوى مكتوب بلغة PHP و JavaScript يستخدم قاعدة بيانات MySQL كمخزن. إنه برنامج مجاني مرخص بموجب GNU GPL.

دلائل الميزات:

1. يمكن تمديد الوظائف باستخدام وحدات إضافية (ملحقات ، ملحقات).

2. وحدة الأمان للمصادقة متعددة المستويات للمستخدمين والمسؤولين.

3. يسهل نظام القوالب تغيير مظهر الموقع.

4. تخطيطات الوحدات القابلة للتخصيص ، بما في ذلك مجموعات القوائم اليسرى واليمنى والوسطى.

5. تشمل مزايا النظام حقيقة أنه يمكنك كتابة جميع الوحدات ، والمكونات ، والإضافات ، والقوالب بنفسك ، ووضعها في دليل ملحق منظم أو تعديل امتداد موجود وفقًا لتقديرك.

يمكنك العمل مع Joomla على الخادم المضيف على الإنترنت (تكاليف إضافية ، والكثير يعتمد على سرعة الإنترنت). أنا أفضل العمل على خادم محلي. لهذا اخترت Apache / 2.2.4 (Win32) mod_ssl / 2.2.4 OpenSSL / 0.9.8d PHP / 5.2.4 Server عند 127.0.0.1 المنفذ 80.

لذلك ، قم بإعداد خادم محلي. في دليل localhost / home / www / ، أنشئ مجلدًا نضع فيه جملة نفسها. أريد أن أشير إلى أن جملة PHP5.3.1 لا تعمل بشكل صحيح. باستمرار مكونات منتديات FireBoard و Kunena تعطي أخطاء على الموقع ، يجب عليك تحرير ملف php. ini وإيقاف إخراج الخطأ ، مما يعني أن الإجراء نفسه يعد بظروف غير متوقعة للموقع. لذلك ، أوصي باختيار PHP الإصدار 5.2.4 ، والعمل مستقر لجميع المكونات الإضافية والوحدات والمكونات. بعد تثبيت Joomla من خلال متصفح ، قم بإنشاء مستخدم إداري في MySQL وانتقل إلى لوحة الإدارة باستخدام معلومات تسجيل الدخول وكلمة المرور الخاصة به. بعد ذلك ، تحتاج إلى اختيار قالب للموقع. للوهلة الأولى ، سيبدو الأمر سهلاً للغاية ، ولكن عند البحث بشكل أعمق ، فأنت مقتنع بأن 80٪ من الوقت قد تم إنفاقه على تحديث هذا القالب. لذلك ، أوصي باختيار النموذج الأنسب لاحتياجاتك ، مع عدم نسيان وحدات الإخراج. بعد ذلك ، نقوم بتوصيل جميع وظائف الموقع: التسجيل ، والمنتدى ، وعرض الشرائح ، واللافتات ، وتنزيل الملفات ، والفيديو عبر الإنترنت ، والصوت ، والتحرير ، وجميع الصفحات المعروضة. نحن نعمل بشكل رئيسي مع الفهرس. php و template. css وبالطبع نقوم بتكوين جميع الامتدادات المتصلة ، والتي يوجد منها حوالي 6000 لـ Joomla. ثم يبقى الشيء الأكثر متعة - هذا هو تصميم الموقع. باستخدام البرنامج النقطي Photoshop و 3Ds Max (نظام برمجي احترافي كامل الميزات لإنشاء وتحرير رسومات ورسوم متحركة ثلاثية الأبعاد ، تم تطويره بواسطة Autodesk ، يحتوي على أحدث الأدوات للفنانين ومتخصصي الوسائط المتعددة) ، نقوم بإنشاء قالب تصميم. تحرير الرأس ، وإضفاء الشكل المطلوب.

استنتاج

مع التطور السريع لبرمجة الويب وإنشاء العديد من أنظمة إدارة المحتوى ، أصبح عمل مصمم الويب أسهل. الآن ، لإنشاء بوابة ويب ديناميكية قوية ومتعددة الوظائف ، يكفي إتقان العديد من لغات البرمجة (إذا أضفنا ملحقات ونصوصًا) ، لتكون بارعًا في برامج الرسوم والنقطية ، والقليل من الإلهام والابتكار والمهارة.

المؤلفات

1. Kotorev D.V. ، Kostarev A.F. "PHP 5 أو الدليل الأكثر اكتمالا في الأصل." بطرسبورغ 2005

2. أ. غونشاروف "دروس أتش تي أم أل".

3. أ. ماتروسوف ، أ. سيرجيف ، إم. تشونين "HTML 4.0 in the original"

4. Isaacs S. "Dynamic HTML"

5. Bayens J. "أدوات برمجة WEB"

6. Bursov M.V. وآخرون. "أساسيات العمل مع Dreamweaver HTML Editor. البرنامج التعليمي"

7. Velikhov V. "HTML 4.0 Handbook"

تم تصميم HyperTextMarkupLanguage (HTML) - لغة ترميز النص التشعبي - لكتابة مستندات النص التشعبي المنشورة على WorldWideWeb.

مستند النص التشعبي هو ملف نصي يحتوي على علامات خاصة تسمى العلامات ، والتي يتعرف عليها المتصفح لاحقًا ويستخدمها لعرض محتويات الملف على شاشة الكمبيوتر.

باستخدام هذه العلامات ، يمكنك تمييز عناوين المستندات وتغيير لون الحروف وحجمها ونمطها وإدراج الرسومات والجداول. لكن الميزة الرئيسية للنص التشعبي على النص العادي هي القدرة على إضافة ارتباطات تشعبية إلى محتوى المستند - تكوينات لغة HTML خاصة تسمح لك بالانتقال إلى مستند آخر بنقرة واحدة بالماوس.

هيكل وثيقة HTML

أهم علامات HTML هي العلامة التي تحمل الاسم نفسه. . يفتح المستند دائمًا ، تمامًا مثل العلامةيجب أن يكون في السطر الأخير. تشير هذه العلامات إلى أن السطور بينهما تمثل مستند نص تشعبي واحد. بدون هذه العلامات ، لن يتمكن المستعرض أو العارض الآخر من تحديد تنسيق المستند وتفسيره بشكل صحيح.

يتكون مستند HTML من جزأين: عنوان (رأس) وجسم (جسم) ، مرتبة بالترتيب التالي:

عنوان المستند

نص الوثيقة

في أغلب الأحيان ، يتم تضمين علامة الزوج في عنوان المستند. أ يحدد اسم المستند. يستخدمه العديد من المشاهدين كعنوان للنافذة التي يتم عرض المستند فيها. تستخدم البرامج التي تقوم بفهرسة المستندات على الإنترنت العنوان لتعريف الصفحة. يجب أن يكون العنوان الجيد طويلًا بما يكفي للإشارة بشكل صحيح إلى الصفحة المقابلة ، مع استمرار وضعه في عنوان النافذة. يقع عنوان المستند بين علامتي الفتح والختام.

يعتبر نص المستند عنصرًا إلزاميًا ، لأنه يحتوي على جميع مواد المستند. يتم وضع نص المستند بين العلامات و

. يتم تفسير كل ما يتم وضعه بين هذه العلامات بواسطة المتصفح وفقًا لقواعد لغة HTML ، والتي تسمح بعرض الصفحة بشكل صحيح على شاشة العرض.

يتم تقسيم النص في HTML إلى فقرات باستخدام علامة<р>. يتم وضعها في بداية كل فقرة ، وعندما يقابلها المتصفح ، يفصل الفقرات عن بعضها البعض بسطر فارغ. باستخدام علامة إغلاقليس من الضروري.

إذا كنت تريد "كسر" النص ، ونقل الباقي إلى سطر جديد ، مع عدم إبراز فقرة جديدة ، فاستخدم علامة فاصل الأسطر
. يتسبب في قيام العارض بعرض الأحرف بعده في سطر جديد. على عكس علامة الفقرة ، فإن العلامة
لا تضيف سلسلة فارغة. لا تحتوي هذه العلامة على علامة نهاية مطابقة.

تدعم لغة HTML التنسيق المنطقي والمادي لمحتوى المستند. يشير التنسيق المنطقي إلى الغرض من جزء معين من النص ، بينما يحدد التنسيق المادي مظهره.

عند استخدام تنسيق النص المنطقي ، يقوم المتصفح بتمييز أجزاء مختلفة من النص وفقًا لهيكل المستند. لعرض العنوان ، يتم استخدام إحدى علامات العنوان. يتم تقسيم العناوين في مستند نموذجي إلى مستويات. تسمح لك لغة HTML بتحديد ستة مستويات من العناوين: h1 (عنوان المستوى الأول) ، h2 ، h3 ، h4 ، h5 و h6. عادةً ما يكون عنوان المستوى الأول أكبر وأكثر ثراءً من عنوان المستوى الثاني. مثال على استخدام علامات الرأس:

ل. عنوان الفصل

م. اسم القسم

تحدد علامات التنسيق المادي مظهر النص مباشرة على شاشة المتصفح ، على سبيل المثال ، زوج من النص الغامق ، يضع النص تحته خط ، يتحكم في خط النص.

بطاقة شعار يقوم بإدراج الصورة في المستند كما لو كانت مجرد حرف واحد كبير. مثال على تطبيق العلامة:

يتم استخدام زوج من العلامات لإنشاء ارتباط نص تشعبي<а>... . يتم عرض جزء من نص أو صورة أو أي كائن آخر يقع بين هذه العلامات في نافذة المتصفح كرابط نص تشعبي. يؤدي تنشيط مثل هذا الكائن إلى تحميل مستند جديد في نافذة المستعرض أو عرض جزء آخر من صفحة الويب الحالية. يتكون ارتباط النص التشعبي باستخدام التعبير:

Href هنا هو سمة مطلوبة ، قيمتها هي عنوان URL للمورد المطلوب. علامات الاقتباس في قيمة السمة href اختيارية. إذا تم تحديد ارتباط إلى مستند على خادم آخر ، فسيبدو الارتباط التشعبي بالشكل التالي:

<а href = "http://www.school.donetsk.ua/11.jpg">الصورة 11-أ

بمساعدة العلامات المختلفة ، يمكنك رسم الجداول وتنسيق النص وإدراج الصور وملفات الفيديو والصوت في مستند وغير ذلك.

لغة ترميز النص التشعبي (HTML) - لغة ترميز النص التشعبي - مصممة لكتابة مستندات النص التشعبي المنشورة على شبكة الويب العالمية.

مستند النص التشعبي هو ملف نصي يحتوي على علامات خاصة تسمى العلامات ، والتي يتعرف عليها المتصفح لاحقًا ويستخدمها لعرض محتويات الملف على شاشة الكمبيوتر.

باستخدام هذه العلامات ، يمكنك تمييز عناوين المستندات وتغيير لون الحروف وحجمها ونمطها وإدراج الرسومات والجداول. لكن الميزة الرئيسية للنص التشعبي على النص العادي هي القدرة على إضافة ارتباطات تشعبية لمحتويات المستند - تركيبات لغة HTML خاصة تسمح لك بالنقر لعرض مستند آخر.

مستند HTMLيتكون من جزأين: النص الفعلي ، أي البيانات التي تشكل محتوى المستند ، والعلامات - الإنشاءات الخاصة للغة HTML المستخدمة لترميز المستند والتحكم في عرضه. تحدد علامات لغة HTML الشكل الذي سيتم تقديم النص به ، وأي من مكوناته سيلعب دور روابط النص التشعبي ، وأي كائنات الرسوم أو الوسائط المتعددة التي يجب تضمينها في المستند.

يتم تخزين المعلومات الرسومية والصوتية المضمنة في مستند HTML في ملفات منفصلة. عارضات مستندات HTML ( المتصفحات) تفسير علامات العلامات وترتيب النص والرسومات على الشاشة بشكل مناسب. الامتدادات المقبولة للملفات التي تحتوي على مستندات HTML هي .htmأو .لغة البرمجة.

في معظم الحالات ، يتم استخدام العلامات في أزواج. يتكون الزوج من فتحة<имя_тега>والختامالعلامات. يبدأ عمل أي علامة مقترنة في المكان الذي تلتقي فيه علامة الفتح ، وينتهي عند مواجهة علامة الإغلاق المقابلة. غالبًا ما يتم استدعاء زوج من علامات البداية والنهاية وعاء، وجزء من النص ، محاط بعلامة الفتح والإغلاق ، - عنصر.

يمكن أن يتكون تسلسل الأحرف التي يتكون منها النص من مسافات ، وعلامات تبويب ، وأسطر جديدة ، وعربات رجوع ، وحروف ، وعلامات ترقيم ، وأرقام ، وأحرف خاصة (على سبيل المثال ، # ، + ، $ ، @) ، باستثناء الأحرف الأربعة التالية ، والتي في HTML ، المعنى الخاص هو: (أكبر من) ، & (علامة العطف) ، و "(علامة اقتباس مزدوجة). إذا كنت تريد تضمين أي من هذه الأحرف في النص الخاص بك ، فيجب عليك ترميزه بتسلسل خاص من الأحرف.

هيكل وثيقة HTML

أهم علامات HTML هي العلامة التي تحمل الاسم نفسه. . يفتح المستند دائمًا ، تمامًا مثل العلامةيجب أن يكون في السطر الأخير. تشير هذه العلامات إلى أن السطور بينهما تمثل مستند نص تشعبي واحد. بدون هذه العلامات ، لن يتمكن المستعرض أو العارض الآخر من تحديد تنسيق المستند وتفسيره بشكل صحيح.

يتكون مستند HTML من جزأين: عنوان (رأس) وجسم (جسم) ، مرتبة بالترتيب التالي:

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

في أغلب الأحيان ، يتم تضمين علامة الزوج في عنوان المستند. أ يحدد اسم المستند. يستخدمه العديد من المشاهدين كعنوان للنافذة التي يتم عرض المستند فيها. تستخدم البرامج التي تقوم بفهرسة المستندات على الإنترنت العنوان لتعريف الصفحة. يجب أن يكون العنوان الجيد طويلًا بما يكفي للإشارة بشكل صحيح إلى الصفحة المقابلة ، مع استمرار وضعه في عنوان النافذة. يقع عنوان المستند بين علامتي الفتح والختام.

نص الوثيقةهو عنصر إلزامي ، لأنه يحتوي على جميع مواد المستند. يتم وضع نص المستند بين العلامات و

. يتم تفسير كل ما يتم وضعه بين هذه العلامات بواسطة المتصفح وفقًا لقواعد لغة HTML ، والتي تسمح بعرض الصفحة بشكل صحيح على شاشة العرض.

يتم تقسيم النص في HTML إلى فقرات باستخدام علامة<р>. يتم وضعها في بداية كل فقرة ، وعندما يقابلها المتصفح ، يفصل الفقرات عن بعضها البعض بسطر فارغ. باستخدام علامة إغلاقليس من الضروري.

إذا كنت تريد "كسر" النص ، ونقل الباقي إلى سطر جديد ، مع عدم إبراز فقرة جديدة ، فاستخدم علامة فاصل الأسطر
. يتسبب في قيام العارض بعرض الأحرف بعده في سطر جديد. على عكس علامة الفقرة ، فإن العلامة
لا تضيف سلسلة فارغة. لا تحتوي هذه العلامة على علامة نهاية مطابقة.

تدعم لغة HTML التنسيق المنطقي والمادي لمحتوى المستند. يشير التنسيق المنطقي إلى الغرض من جزء معين من النص ، بينما يحدد التنسيق المادي مظهره.

استخدام التنسيق المنطقييقوم متصفح النص بتمييز أجزاء مختلفة من النص وفقًا لهيكل المستند. لعرض العنوان ، يتم استخدام إحدى علامات العنوان. يتم تقسيم العناوين في مستند نموذجي إلى مستويات. تسمح لك لغة HTML بتحديد ستة مستويات من العناوين: h1 (عنوان المستوى الأول) ، h2 ، h3 ، h4 ، h5 و h6. عادةً ما يكون عنوان المستوى الأول أكبر وأكثر ثراءً من عنوان المستوى الثاني. مثال على استخدام علامات الرأس:

ل. عنوان الفصل

م. اسم القسم

العلامات التنسيق الماديقم بتعيين مظهر النص مباشرة على شاشة المتصفح ، على سبيل المثال ، يجعل الزوج النص غامقًا ، يضع النص تحته خط ، يتحكم في خط النص.

بطاقة شعار يقوم بإدراج الصورة في المستند كما لو كانت مجرد حرف واحد كبير. مثال على تطبيق العلامة:

لخلق ارتباط النص التشعبيزوج من العلامات المستخدمة<а>... . يتم عرض جزء من نص أو صورة أو أي كائن آخر يقع بين هذه العلامات في نافذة المتصفح كرابط نص تشعبي. يؤدي تنشيط مثل هذا الكائن إلى تحميل مستند جديد في نافذة المستعرض أو عرض جزء آخر من صفحة الويب الحالية. يتكون ارتباط النص التشعبي باستخدام التعبير:

Href هنا هو سمة مطلوبة ، قيمتها هي عنوان URL للمورد المطلوب. علامات الاقتباس في قيمة السمة href اختيارية. إذا تم تحديد ارتباط إلى مستند على خادم آخر ، فسيبدو الارتباط التشعبي بالشكل التالي:

<а href = "http://www.school.donetsk.ua/11.jpg">الصورة 11-أ

باستخدام علامات متنوعة ، يمكنك رسم الجداول وتنسيق النص وإدراج الصور والفيديو وملفات الصوت والمزيد في مستند.

في عام 1989 ، كان النص التشعبي يمثل تقنية واعدة جديدة لها عدد كبير نسبيًا من التطبيقات ، من ناحية ، ومن ناحية أخرى ، جرت محاولات لبناء نماذج رسمية لأنظمة النص التشعبي التي كانت أكثر وصفية في طبيعتها واستلهمت من نجاح النهج العلائقي لوصف البيانات.

HTML هي لغة ترميز نص تشعبي تستخدم لترميز المستندات. لغة HTML هي مجموعة من الأوامر التي يعرض المتصفح وفقًا لها محتوى المستند ، ولا يتم عرض أوامر HTML. يقوم HTML بتنفيذ آلية ارتباط النص التشعبي التي تربط مستندًا بآخر. قد توجد هذه المستندات على نفس الخادم مثل الصفحة التي تم ربطها منها ، أو قد يتم استضافتها على خادم مختلف.

تعد فكرة HTML مثالاً على حل ناجح للغاية لمشكلة بناء نظام نص تشعبي بمساعدة أداة خاصة للتحكم في العرض.

تم التعرف على روابط النص التشعبي السياقية باعتبارها الشكل الأكثر فاعلية لتنظيم النص التشعبي ، وبالإضافة إلى ذلك ، تم التعرف على التقسيم إلى روابط مرتبطة بالمستند بأكمله وأجزائه الفردية.

تشترك جميع مستندات HTML في نفس البنية المحددة بواسطة مجموعة ثابتة من علامات البنية. يجب أن يبدأ مستند HTML دائمًا بعلامة< HTML >وتنتهي بعلامة النهاية المناسبة (). يوجد قسمان رئيسيان داخل المستند: قسم العناوين ونص المستند ، بهذا الترتيب. يحتوي قسم العنوان على معلومات تصف المستند ككل ويقتصر على العلامات<НЕАD>و. على وجه الخصوص ، يجب أن يحتوي قسم العنوان على العنوان العام للمستند ، محددًا بعلامة الزوج<ТITLE>.

). ومع ذلك ، لا يوصى بحذف العلامات الهيكلية عند إنشاء مستند HTML. أبسط مستند HTML مناسب يحتوي على جميع العلامات التي تحدد الهيكل قد يبدو كما يلي:

< TITLE >عنوان المستند< /TITLE >

نص المستند

عناصر HTML.

بالنسبة للعلامات المقترنة ، يتم تحديد النطاق بواسطة جزء المستند بين علامتي الفتح والإغلاق. يعتبر هذا الجزء من المستند عنصرًا من عناصر لغة HTML. لذلك ، يمكننا التحدث عن "عنصر الجسم" الذي يتضمن العلامةونص المستند وعلامة النهاية. مستند HTML بأكمله. يمكن اعتباره "عنصر HTML.". بالنسبة للعلامات غير المقترنة ، يتطابق العنصر مع العلامة التي تحدده.

معظم عناصر لغة HTML. يصف أجزاء من محتوى المستند ويتم وضعه بين العلامات . و، أي داخل العنصر الهيكلي للجسم. تنقسم هذه العناصر إلى كتلة ونص. تشير عناصر الكتلة إلى أقسام من نص على مستوى الفقرة. تصف عناصر النص خصائص العبارات الفردية وحتى المزيد من الأجزاء الصغيرة من النص.

يمكننا الآن صياغة قواعد العناصر المتداخلة.

يجب ألا تتداخل العناصر. بمعنى آخر ، إذا كانت علامة الفتح داخل عنصر ، فيجب أن تكون علامة النهاية المقابلة داخل نفس العنصر.

يمكن أن تحتوي عناصر الكتلة على عناصر نصية وكتلة متداخلة.

يمكن أن تحتوي عناصر النص على عناصر نصية متداخلة.

لا يمكن أن تحتوي عناصر النص على عناصر كتلة متداخلة.

عناصر الكتلة الوظيفية.

في معظم الوثائق ، تعتبر العناوين والفقرات هي العناصر الوظيفية الرئيسية. لغة HTML. يدعم ستة مستويات من العناوين. يتم تعيينها باستخدام علامات مقترنة من<Н1>قبل<Н6>. عند عرضها ، يتم تقديم مستندات الويب بهذه الطريقة ؛ tag (مستند على شاشة الكمبيوتر ، تظهر هذه العناصر باستخدام خطوط بأحجام مختلفة.

يتم تعيين الفقرات العادية باستخدام علامة زوج<Р>. لغة HTML. لا يحتوي على وسائل لإنشاء مسافة بادئة للفقرة ("خط أحمر") ، لذلك ، عند عرضها على شاشة الكمبيوتر ، يتم فصل الفقرات بسطر فارغ. علامة الإغلاقتعتبر اختيارية. من المفهوم أنه يقف أمام العلامة التي تحدد بداية الفقرة التالية من المستند. فمثلا:

رأس

<Р>الفقرة الأولى<Р>الفقرة الثانية

عنوان المستوى الثاني

نتيجة لوجود علامة خاصة تحدد فقرة هي حقيقة أن إدخال حرف نهاية السطر المعتاد بالضغط على المفتاح ENTER لا يكفي لإنشاء مسافة بادئة للفقرة. لغة HTML. يتعامل مع أحرف نهاية السطر والمسافات بطريقة خاصة. أي تسلسل يتكون فقط من مسافات وأحرف نهاية السطر ، ويتم التعامل معه كمسافة واحدة عند عرض المستند. هذا ، على وجه الخصوص ، يعني أن حرف نهاية السطر لا ينفذ حتى سطرًا جديدًا (لهذا الغرض ، يتم استخدام عنصر نص ، محدد بواسطة علامة غير مقترنة
.

يمكن أيضًا استخدام المسطرة الأفقية كمحدد للفقرة. يتم تحديد هذا العنصر بعلامة غير مقترنة

---

. عندما يتم عرض مستند على الشاشة ، تفصل المسطرة أجزاء من النص عن بعضها البعض. يتم تحديد طولها وسمكها بواسطة سمات العلامة.

---

.

---

تنشئ هذه العلامة مسطرة أفقية بعرض 10 بكسل تمتد بنصف عرض النافذة ويتم وضعها على اليمين.

يعد تطوير مواقع الويب أحد الإمكانيات المتاحة على نطاق واسع في صناعة الإنترنت الحديثة. إن الإنشاء الفعلي للمواقع ، من حيث المبدأ ، ليس أكثر تعقيدًا بكثير من إنشاء صناديق بريد إلكترونية شخصية وبطاقات عمل إلكترونية.

لإنشاء موقع ، تحتاج أولاً وقبل كل شيء إلى خادم متصل بالإنترنت ، حيث يمكنك وضع النصوص التشعبية اللازمة. بالإضافة إلى ذلك ، من الضروري تسجيل اسم saiga مع المزود الذي يخدم الخادم المحدد.

على الإنترنت ، يمكنك العثور على مزودين يقدمون مواقع مجانية مفتوحة على خوادمهم. يمكن فتح المواقع المجانية على الخوادم المحلية narod.ru و boom.ru و hotmail.ru وعلى خوادم أجنبية مثل geocities.com و tripod.com.

على الخوادم المحددة ، يمكنك تسجيل أسماء المجال من النموذج:

<имя>. people.ru

الاسم> .boom.ru ،

أمثلة على أسماء النطاقات المسجلة:

wdu.da.ru - موقع الجامعة الإلكترونية ؛

wduniv.newmail.ru - موقع جامعة موزعة.

بعد تسجيل اسم المجال الخاص بالموقع ، يمكن وضع نص تشعبي عليه. يتم وضع نصوص تشعبية على الموقع بمساعدة برامج خاصة تسمح لك بإنشاء مجموعة متنوعة من النصوص التشعبية وتحريرها وتجميعها ونسخها. مباشرة بعد وضع الصفحة الأولى (الرئيسية) للنص التشعبي ، يمكن قراءة معلوماتها باستخدام متصفح في أي بلد من أي جهاز كمبيوتر متصل بالإنترنت. للقيام بذلك ، تتم الإشارة إلى عنوان الموقع على الإنترنت في نافذة المتصفح. على سبيل المثال: http://bak.boom.ru

يجب أن تكون جميع الملفات المستضافة نصًا تشعبيًا ، وأن تكون مكتوبة بتنسيق HTML ولها معرفات للنموذج<имя>.لغة البرمجة

HTML هي لغة ترميز النص التشعبي.

حسب الهيكل ، النص التشعبي هو نص به روابط إلى نصوص تشعبية أخرى مستضافة على هذا الخادم أو على خوادم أخرى. عند النقر فوق مثل هذا الارتباط ، يقوم المتصفح تلقائيًا بتحميل صفحة نص تشعبي على شاشة الكمبيوتر ، بغض النظر عن الخادم والبلد الذي يوجد فيه.

بمساعدة هذه الأدوات والبرامج ، يمكن إنشاء مجموعة متنوعة من مواقع وأنظمة المعلومات على الإنترنت - المواقع الشخصية ، ومواقع الشركات ، والصحف الإلكترونية ، والمجلات ، والكتب الإلكترونية ، والموسوعات ، وكذلك الأرشيفات الإلكترونية والمكتبات.

يكمن الاختلاف بين المواقع في كمية المعلومات وهيكلها وإجراءات التحديث. بشكل عام ، بالنسبة للمواقع على الإنترنت ، وكذلك لأي منظمة ، يمكننا التحدث عن دورات حياة إنشائها وتطويرها وتحديثها وتصفيتها.

يتم تحديد مقدار المعلومات من قبل المالكين - الأشخاص أو المنظمات التي قامت بإنشاء المواقع ووضع معلوماتها عليها. يمكن أن يتراوح حجم المعلومات على المواقع من بضعة كيلوبايت إلى عدة غيغابايت (ملايين كيلوبايت).

يمكن أن يكون هيكل المواقع شديد التنوع. أبسط هيكل هو الصفحة الرئيسية التي تحتوي على روابط لمجموعة من النصوص. يمكن أن تكون هذه الروابط في نص الصفحة الرئيسية أو تبرز في جدول المحتويات في بداية الصفحة.

يمكن تزويد كل صفحة من صفحات الموقع بعنوان يظهر في السطر العلوي من الشاشة عندما يتم تحميل الموقع بواسطة المتصفح.

بالإضافة إلى ذلك ، في الصفحة الرئيسية للموقع ، يمكنك تحديد قائمة من الكلمات الرئيسية لمحركات البحث.

تقوم محركات البحث بفحص جميع الخوادم على الإنترنت كل أسبوع وتسجيل عناوين جميع المواقع والنصوص التشعبية التي يعثرون عليها ، إلى جانب الكلمات الرئيسية المميزة فيها. لهذه الأسباب ، في موعد لا يتجاوز أسبوع بعد ، يمكن العثور على أي معلومات منشورة على الإنترنت باستخدام الكلمات الرئيسية الواردة فيها.