أداة برمجية تتعرف على واصفات لغة html. الواصفات الأساسية وصيغة HTML الخاصة بهم

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

»html للمبتدئين

» الصفحة الرئيسية

»html للمبتدئين

العلامات الأساسية (الواصفات) للغة html

وفقًا لتقليد جميع دروس HTML الكلاسيكية ، نقدم أبسط مستند نص تشعبي.

هنا عنوان المستوى الأول

مرحبا بكم في شبكة الإنترنت!

الفقرة الأولى والأخيرة.

في هذا المثال ، استخدمنا مصطلحات النص التشعبي التالية (تسمى العلامات):

اسم المستند

هذه ليست قاعدة ، ولا حتى قانون ، هذه حقيقة:

أي مستند HTML له عنوان.

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

تنسيق

يمكن أن يكون التنسيق مباشرًا أو موثوقًا به. إذا كنت تستخدم العلامة

العلامات التالية متأصلة في التنسيق المباشر:

فقرة.

الخط مقطوع.

العناوين والعناوين الفرعية

يسمح لك HTML بالعمل مع ستة مستويات من العناوين. العنوان الأول هو الأهم. يتم إيلاء اهتمام خاص لها. يمكن تنسيق بقية العناوين ، على سبيل المثال ، بأحرف غامقة أو كبيرة.

في HTML ، يتم الإشارة إلى العنوان الأول كـ

:

نص

يشير N إلى مستوى العنوان ، أي الأرقام 1 أو 2 أو 3 أو 4 أو 5 أو 6.

في HTML ، يمكن أن يكون العنوان الأول هو نفسه عنوان المستند.

تنقسم القوائم إلى قوائم غير مرقمة:

قائمة الاغراض

معدود:

قائمة الاغراض

مع الأوصاف:

كلب (عنصر)

صديق بشري (وصف العنصر)

ومتداخلة:

بريموس

زهرة أخرى

اختيار النص

يمكن تمييز النص في مستند HTML بإحدى الطرق التالية:

- اقتبس

- كود البرنامج

- تعريف

- لهجة منطقية

- إدخال لوحة المفاتيح

- رسائل الكمبيوتر

- لهجة قوية

- المتغيرات

فقرة واحدة كبيرة

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

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

يسمح لك HTML بربط نص أو صور بمستندات نص تشعبي أخرى. عادة ما يتم تمييز النص أو تحته خط.

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

¦ اكتب

¦ أدخل HREF = ”اسم الملف“>

¦ نوع الوسم

بوب

هنا تشير كلمة بوب إلى الوثيقة BobAnapa.html ، وتشكل رابطًا نصيًا تشعبيًا.

بوب

إذا كنت تريد تحديد اسم الملف المؤهل بالكامل ، فأنت بحاجة إلى استخدام بناء جملة UNIX.

البروتوكول: // hostport / path

التنسيق المسبق للنص

بطاقة شعار

يقوم بإنشاء نص أحادي المسافة.

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

 
بطاقة شعار 
يسمح لك بإنشاء معلومات حول مؤلف مستند HTML.

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

 
الصور المضمنة
 
يمكنك تضمين الصور في المستند الخاص بك.  بناء الجملة للصورة المضمنة كما يلي:
 

 
هنا image_URL هو مؤشر لملف صورة ، بناء الجملة الذي هو نفس بناء جملة ارتباط HTML.
بشكل عام ، الواصفات هي بعض سمات الكائنات التي يتم تعريف السلوك المقابل لها.  عند الوصول إليها ، تحصل على السمات المحددة أو تعينها أو تزيلها من القاموس.  بعبارات بسيطة ، هذه كلمات رئيسية خاصة تحدد سلوك الكائن أو خصائصه أو هيكله.  ستنظر المقالة في عدة خيارات للوصفات.  سيسمح لك ذلك بفهم جوهرها والغرض منها بدقة أكبر.
لغة البرمجة
في لغة ترميز النص التشعبي المستخدمة لإنشاء صفحات ويب ثابتة ، لا تعد الواصفات أكثر من علامات.  في هذه البيئة ، تعمل كعلامات ، وبفضلها يتم عرض النص الموضوع بينها بطريقة معينة.  وبالتالي ، يتم تشكيل تصميم العناصر وترتيبها على الصفحة.
كقاعدة عامة ، تحدد تفاصيل اللغة وجود واصف افتتاحي وواصف إغلاق.  كل شيء بينهما عرضة للتغيير.
يمكن أن يكون للواصف سمات ، أي خصائص معينة.  يبدو تركيبها كما يلي: اسم السمة = قيمتها.
باتباع منطق مشترك ، فإن الواصفات في HTML هي تسميات تعريف الكائنات.  بمساعدتهم ، يمكنك التحكم في المظهر والتفاعل مع الصفحة وتعيين قيم خاصة لها.
X86 العمارة
في المعالجات ، تعتبر الواصفات بنية خاصة تصنع بها فروع مختلفة.  هيكلها يشبه هذا:
انحياز، نزعة.  يمكن تحويل إجراء التعليمات البرمجية.
محدد.  يعكس نوعًا من الملصق حيث يجب أن يذهب الإجراء.
عدد المعلمات.
حقوق الوصول.
جافا
Java EE لديها مفهوم واصف النشر.  وهي تحدد كيفية نشر servlet.  في الأساس ، هو ملف تكوين يحتوي على إعدادات وخصائص ومتطلبات الأجهزة.
في تطبيقات الويب ، يجب تسمية هذا الملف ، وفقًا للقواعد ، web.xml وأن يكون موجودًا في مجلد معين.
واصفات الملف
في أنظمة التشغيل ، للعمل مع الملفات ، تحتاج أولاً إلى الوصول إليها.  يمكن القيام بذلك عن طريق واصف الملف.  في هذا المثال ، يعمل كنوع من التسمية التي تشير إلى العملية التي أدت إلى إنشاء دفق الإدخال / الإخراج.
يسمح لك نظام التشغيل Windows بالوصول إلى المقبض باستخدام وظيفة CreateFile.  يمكن استخدامه أيضًا عند العمل مع الملف المطلوب.
في أنظمة Unix ، يتم ترقيم واصف الملف.  0 هو المدخل القياسي للعملية النهائية ، 1 هو ناتجها ، 2 هو تيار التشخيص.  بالإضافة إلى التمثيلات الرقمية ، يمكن استخدام الثوابت الرمزية التي تحددها المواصفات.
مقبض النافذة
بعد إنشاء أي نافذة في النظام ، يتم تعيين مقبض محدد لها.  أنواع البيانات المستخدمة فيه هي HWND.  يحتاج المبرمج ، عند إنشاء تطبيق ، إلى استخدامها بشكل صحيح للإشارة إلى
يمكن للبرنامج الحصول على المقبض عن طريق استدعاء وظيفة FindWindow.  يمكنه العثور عليه باسم الفئة أو كائن النافذة وإرجاع قيمة الواصف.
للتحقق مما إذا كان التعريف صحيحًا ، يجدر استخدام وظيفة IsWindow.
رقم الخطأ 1400
هذه المشكلة شائعة في عائلة أنظمة تشغيل Windows.  إذا ظهر معها ، فقد يكون هناك وصف موجز - مقبض نافذة غير صالح.  وقد يكون هناك أيضًا مثل هذه الصياغة - "Error_invalid_window_handle" أو 0x578.
كيف نتعامل وماذا يعني الواصف غير الصحيح؟  يجب اتخاذ إجراءات مختلفة اعتمادًا على سياق الكائن.
على أي حال ، يجب أن تمر على الفور بالإجراءات القياسية المتخذة لجميع مشاكل النظام:
إطلاق ومسح الأخطاء باستخدام الأداة المساعدة للتحقق من سلامة ملفات النظام ؛
افحص جهاز الكمبيوتر الخاص بك بحثًا عن الفيروسات.
إذا لم تنجح الخطوات الأساسية ، فقد يكون من المفيد إلغاء تثبيت التطبيق الذي تسبب في التعطل وإعادة تثبيته.
هناك طريقة أخرى يمكن الاعتماد عليها لاستعادة أداء النظام بسرعة وهي إعادته باستخدام الأدوات القياسية.  بعد استخدام "استعادة النظام" ، سيعود إلى آخر نسخة احتياطية صالحة بشرط أن يكون قد تم إنشاؤه مسبقًا.
متى قد يحدث خطأ
في معظم الحالات ، يحدث خطأ واصف غير صالح بسبب خلل في البرنامج المثبت.  لذلك ، يجدر الانتباه إلى ما يظهر على الكمبيوتر من البرنامج.  من الضروري أيضًا تحديث جميع البرامج المتاحة بشكل دوري ومراقبة حالتها.  في الوقت نفسه ، من المفيد تسليح نفسك ببرنامج جيد لمكافحة الفيروسات.
استنتاج
عرض المقال المبادئ العامة لتشغيل الواصفات في مختلف لغات البرمجة وأنظمة التشغيل ووظائفها وخصائصها وأنواعها.  عادةً ما يستخدم هذا المصطلح بشكل أساسي من قبل المبرمجين والمطورين لتحديد الكائنات والعناصر للرجوع إليها وإدارتها لاحقًا.
واتضح أيضًا أن هذا واصف غير صالح.  كما اتضح ، هذه مشكلة شائعة في بيئة Windows ، وفي معظم الحالات يمكن حلها بمعالجات بسيطة.
الصف 8
مقدمة إلى HTML 
 
المحاضرة الأولى: مقدمة في HTML (12 ساعة).
الموضوع 1: مقدمة إلى HTML (ساعة واحدة)
يخطط
1. فهم HTML
2. مفهوم النص التشعبي
3. مفهوم ملف html
4. مفهوم علامات لغة HTML
5. العلامات الهيكلية
6. إنشاء قالب مستند HTML وصفحة الويب الأولى 
1. فهم HTML
لغة البرمجةلتقف على لغة ترميز النص التشعبي ، أو لغة ترميز النص التشعبي.
من المهم أن نفهم أن HTML ليست لغة برمجة - إنها لغة ترميز نصية.  يسمح لك بتحديد مظهر المستند.  بينما تُستخدم لغات البرمجة التقليدية لكتابة البرامج (الخوارزميات) المصممة لأداء مهام محددة ، يتم استخدام لغة ترميز HTML لتمثيل مستند بطريقة معينة.
^
 2. مفهوم النص التشعبي
نص تشعبي (نص تشعبي)
هو نص خاص يحتوي على ارتباط إلى صفحة ويب أو مستند آخر.  في هذه الحالة ، البادئة مفرطيعني أكثر منأو ما يزيد علىلأنك ترى أكثر من مجرد نص أمامك.  في معظم المتصفحات ، عادةً ما يتم تسطير النص التشعبي (أو الارتباطات التشعبية) وتمييزه بلون مختلف عن باقي النص.  إذا قمت بالنقر فوق النص التشعبي ، فسيتغير لونه.  يؤدي النقر فوق ارتباط تشعبي إلى قيام مستعرض الويب بطلب المستند المرتبط ثم تحميله في نافذة المستعرض.  وهكذا ، بفضل النص التشعبي ، تكتسب صفحة الويب خاصية التفاعل.
ليس للنص التشعبي بداية أو نهاية.  تم تصميم معظم وسائط الطباعة لتتم قراءتها من الصفحة الأولى إلى الصفحة الأخيرة.  بهذا المعنى ، لديهم هيكل خطي.  والنص التشعبي أشبه بشبكة عنكبوتية ذات مركز غير محدد.  يكمن فن إنشاء صفحات ويب جيدة بشكل أساسي في تنظيم المعلومات بذكاء.  يجب أن يضع المستخدم أمام عينيه بنية الصفحة أو ملخصها من أجل اختيار ما يهمه.
^
 3. مفهوم ملف html
كل ما تحتاجه لتطوير ملفات html هو محرر نصوص.  تذكر أنه على الرغم من أن صفحات html هي ملفات .htm أو .html ، إلا أنها في الواقع ملفات نصية ASCII عادية.  لإنشاء صفحة html ، تحتاج إلى استخدام الأمر ملف - حفظ باسمواحفظ الملف بتنسيق نصي وأضف الامتداد .htm أو .html إلى اسمه ، اعتمادًا على نظام التشغيل الذي تستخدمه.
أفضل طريقة لتنظيم ملفات html هي إنشاء دليل خاص (أو مجلد) على القرص الثابت لتخزين صفحات الويب.  هذا مهم بشكل خاص إذا كنا سننشئ عدة صفحات مترابطة.  أولاً ، تحتاج إلى تحديد هيكل موقع الملفات على القرص الصلب.  لإنشاء خادم ويب بسيط ، عادة ما تحتاج إلى عدد قليل من ملفات النص والصور ، وربما بعض ملفات الوسائط.  من خلال إنشاء خادم ويب يحتوي على عدد صغير نسبيًا من الصفحات والصور ، يمكنك تخزين جميع ملفاتك في دليل واحد.  إذا كان هناك العديد من الملفات ، فيجب وضعها في عدة مجلدات.
^
 4. مفهوم علامات لغة HTML
كما قلنا من قبل ، تتيح لك لغة الترميز تحديد مظهر المستند.  لهذا ، يتم إدخال رموز خاصة أو علامات فيه.  علاوة على ذلك ، يمكن القيام بذلك باستخدام برنامج Notepad أو معالج نصوص آخر.  بشكل عام ، عند إنشاء صفحات ويب ، سيتعين عليك القيام بالعديد من الأشياء التي اعتدت عليها العمل في معالج النصوص ، على سبيل المثال ، جعل النص غامقًا أو تحويل العبارات الفردية إلى عناوين.
إذن ما هو الواصف؟ الواصفهو عنصر الترميز الرئيسي في معيار HTML.  في HTML ، يعتمد كل شيء تقريبًا على الواصفات.  إنها تعمل على جذب الانتباه إلى كلمات معينة في المستند ، وبالتالي السماح للمتصفح بمعرفة ما يجب تمييزه ، ومكان عرض الرسومات ، وأين توجد الارتباطات التشعبية.
الواصفات محاطة بأقواس زاوية (< >).  على سبيل المثال ، واصف الفقرة هو 

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

و 
:
 
أول مستند HTML خاص بي!
يختلف الواصف الفارغ عن الحاوية من حيث أنه لا يحتوي على أي معلومات.  يحتوي فقط على واصف البداية.  الواصف الفارغ عادة ما يفعل مهمة مستقلةلا ترتبط بنص معين.  على سبيل المثال ، الواصف 

ينشئ خطًا أفقيًا ولا يفعل شيئًا على النص ، على عكس مقابض البداية والنهاية للحاوية.
واصفات البداية والنهاية للحاوية ، جنبًا إلى جنب مع المحتوى المحصور بينهما ، هي عنصرمستند HTML.  يمكن أن يكون العنصر صورة ، أو جزء من النص ، أو نموذج ، أو جدول ، أو قائمة ، أو ارتباط ، أو مربع نص ، أو زر ، أو حتى عنوان المستند أو نصه الرئيسي (النص الأساسي).  لاحظ ، مع ذلك ، أن العنصر ليس فقط واصفات ، ولكن ما يكمن بينهما.
^
 5. العلامات الهيكلية
دعنا نلقي نظرة على الواصفات الأساسية التي تحدد بنية صفحة الويب.
الواصفات عنصر HTML ( 
) هي الأكثر خارجية ، أي  تحتوي على جميع النصوص والوصفات الأخرى.  واصف البداية ، 
، هو أول شيء يجب أن تكتبه.  والواصف النهائي ، 
، يمثل نهاية المستند.  لن تقبل معظم المتصفحات نصًا خارج هذين الموصفين.
يحتوي مستند HTML على رأس (عنوان) وجسم (نص).
في أي مستند HTML ، يسبق عنصر HEAD نص صفحة الويب (أو نصها).  يتم وضع محتوى عنصر HEAD بين الواصفات 
و 
...  هذا النص يكون معلومات عامةحول الملف ولا يتم عرضه في المستند نفسه.  يمكن العثور على عدد من العناصر الأخرى في واصف HEAD.  نحن مهتمون في المقام الأول بالواصف 
، في أعلى نافذة البرنامج (شريط العنوان).
وأخيرًا ، فإن أهم جزء في مستند HTML هو عنصر BODY ، والذي يتم وضعه بين زوج من الواصفات 
و 
...  يعتبر هذا العنصر أكثر أهمية لأنه يتضمن أو يرتبط بكافة النصوص والصور والوسائط المعروضة على الصفحة.  يتبع وصف عنصر BODY مباشرة بعد وصف عنصر HEAD.
^
 6. إنشاء قالب مستند HTML وصفحة الويب الأولى
افتح المفكرة وأدخل النص التالي:
 
 
 
 محتوى صفحة الويب: الاختبار والرسومات والروابط وما إلى ذلك.
 
 
احفظ الملف في مجلدك باسم template.html.
الآن قم بإنشاء مستند جديدوقم بتحميل القالب الذي أنشأناه فيه.  ثم استخدم الأمر ^ حفظ باسملتسمية الصفحة الجديدة.
استبدل النص بين الواصفات إلى "صفحتي الأولى على الويب!"  الآن استبدل النص بين الواصفات وإلى التالي:
 
هذه هي صفحتي الأولى على شبكة الإنترنت!
يجب أن تبدو النسخة النهائية من الملف كما يلي:
 
 
 
 
 
 
هذه هي صفحتي الأولى على شبكة الإنترنت!
 

 
 
احفظ الملف في المجلد الخاص بك وقم بتسميته first.html.
الموضوع 2: النص الأساسي لصفحة الويب (ساعة واحدة)
يخطط
1. استخدام الرؤوس
2. فاصل الفقرة وفاصل الأسطر الأحرف.  محاذاة الفقرات والعناوين
3. استخدام واصف 
4. تنسيق النص باستخدام الأنماط
5. إضافة الأسطر والتعليقات 
يتم تعريف الجزء الأكبر من جميع صفحات الويب باستخدام عنصر BODY ، الذي تشير واصفات البداية والنهاية إلى بداية المعلومات ونهايتها.  لا يتم استخدام حاوية BODY في حالة واحدة فقط - في مستند مجموعة إطارات ، حيث يتم استبدالها بحاوية FRAMESET.
^
 1. استخدام الرؤوس
يبدأ مطورو HTML عادةً بإنشاء عناوين.  هناك ستة مستويات من العناوين ولكل منها حجم خط مختلف.  باستخدام العناوين على مستويات مختلفة ، يمكنك إنشاء هيكل هرمي واضح للمستند الخاص بك.  يستخدم نفس المبدأ كما هو الحال في نشر الكتب ، حيث تكون عناوين الفصول مكتوبة بخط كبير ، وعناوين الأقسام أصغر ، وعناوين الأقسام الفرعية أصغر ، وما إلى ذلك.
يدعم معيار HTML ستة مستويات من العناوين ، والتي يتم تحديدها باستخدام الحاويات: Н1، Н2، ...، Н6...  لكل مستوى من العناوين مجموعة الأحجام القياسيةالخطوط.
^
 2. فاصل الفقرة وفاصل الأسطر الأحرف
الواصفات 

و 

تسمح لك بإضافة مسافات إلى المستند الخاص بك لفصل كتلة نصية عن أخرى.
الواصف 

تستخدم لإدراج حرف فاصل فقرة.  إدخال واصف معيننحن نوجه المتصفح لإنهاء الفقرة الحالية وإدخال سطر فارغ قبل الفقرة التالية.
الواصف 

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

حيث n هو مستوى العنوان ؛
المحاذاة هي معلمة يمكن أن تأخذ إحدى القيم التالية: LEFT ، RIGHT ، CENTER.
بناء جملة واصف الفقرة هو:
<Р ALIGN=выравнивание>
^
 3. استخدام واصف 

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

مخصص للاقتباسات الطويلة ، ويسمح لك بوضع مسافة بادئة لسطر.
في الحاوية 

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

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

 
الواصف
 
 
أسلوب

 

 
 
خط عريض 

 

 
 
مائل 

 

 
 
خط Monospace ، مثل الآلة الكاتبة 

 

 
 
تسطير 

 

 
 
نص منخفض 

 

 
 
نص مرتفع 

 

 
 
يتوسطه خط 

^
 تغيير حجم الخط
يتيح لك عنصر FONT تحديد حجم الخط ولونه.  تسمح لك السمة SIZE بتحديد الحجم المطلق للخط (يمكن أن تأخذ قيمًا من 1 إلى 7) أو نسبيًا ، فيما يتعلق بحجم الخط المستخدم في نص الصفحة (يمكن أن تأخذ قيمًا من -4 إلى +4).  يستخدم هذا النحو التالي:

يُستخدم عنصر BASEFONT لتغيير حجم الخط الرئيسي للمستند.  يمكن أن يأخذ حجم الخط الرئيسي قيمًا من 1 إلى 7 ، وحجم الخط القياسي للمتصفح هو 3.
تُستخدم السمة COLOR لتغيير لون الخط باستخدام الصيغة التالية:
.
^
 5. إضافة الأسطر والتعليقات
لتقسيم نص الصفحة إلى أجزاء ، يمكنك استخدام الخطوط الأفقية التي تم إنشاؤها باستخدام المقبض 
.
يمكن تغيير مظهر الخط باستخدام السمات.
^
 الجدول - سمات الواصف 



يقاس SIZE بالبكسل.
يمكن قياس قيمة WIDTH بالنسبة المئوية وبالبكسل ، لذلك يتم استخدام صيغتين لسمة WIDTH:

.
يمكن أن تكون سمة المحاذاة LEFT أو RIGHT أو CENTER.  يجب استخدامه جنبًا إلى جنب مع سمة WIDTH ، وإلا فإن الخط سيمتد بطول الشاشة بأكملها:
.
صيغة السمة NOSHADE هي:
.
إضافة التعليقات
يمكنك إضافة تعليقات إلى التعليمات البرمجية المصدر لصفحة ويب لن تكون مرئية لزوار الخادم الخاص بك.  تم تصميمها بحيث يمكنك بسهولة معرفة التعليمات البرمجية الخاصة بك إذا لزم الأمر.
الصيغة المستخدمة للتعليقات هي:
.
مهمة عملية
افتح ملف first.html واحفظه باسم second.html.
قم بتعديله حسب القائمة أدناه:
 
 
 
 
 
 
أنا أتعلم HTML
 

 
تغيير حجم الخط ولونه
 

 
 
ستتم محاذاة هذه الفقرة إلى الوسط ، على عكس الفقرات الرئيسية في المستند ، والتي تتم محاذاتها إلى اليسار.
 

 
 
احفظ المستند وافتحه في نافذة المتصفح.
الموضوع 3: إنشاء الجداول (ساعة واحدة)
يخطط
1. المرحلة الأولى من إنشاء كود الجدول
2. إنشاء صفوف وأعمدة من الجدول
3. اختيار نوع الجدول
4. محاذاة البيانات في خلايا الجدول أفقيًا ورأسيًا
5. تلوين الجداول والإطارات 
^
 1. المرحلة الأولى من إنشاء كود الجدول
تخيل جدولاً يحتوي على أسماء المنتجات والأسعار.  هو - هي الطريقة القياسيةباستخدام الجداول.  الآن دعنا نضيف صورًا إلى الجدول ، وهي روابط تشعبية لملفات HTML تحتوي على صور أكبر ، بالإضافة إلى معلومات مفصلة حول المنتجات المعنية.  يمكن أيضًا أن تكون مقاطع الفيديو والتسجيلات الصوتية مدخلات في الجدول.  وبالتالي ، لا يستطيع المستخدم رؤية الكثير فحسب ، بل يمكنه أيضًا سماع الكثير.
لغة HTML المستخدمة في إنشاء الجداول ليست معقدة للغاية ؛  بل هو مرهق جدا.  بناء الجداول ليست مهمة صعبة إذا تم القيام بها بشكل صحيح.
قبل البدء في إنشاء الجداول ، تحتاج إلى فهم بنية الكود المستخدم للقيام بذلك.  يتم تضمين رمز جدول HTML في حاوية TABLE.  قبل إنشاء HTML للجدول ، يجب تحديد الحد الأقصى لعدد الصفوف والأعمدة التي يحتوي عليها.  بعد ذلك ، أثناء كتابة التعليمات البرمجية الخاصة بك ، ستقوم بتحديد الخلايا واحدة تلو الأخرى.  يتم تحديد الخلايا من اليسار إلى اليمين في الصف حسب الصف ومن أعلى إلى أسفل.
الصفوف والأعمدة والخلايا عبارة عن مصطلحات قياسية تُستخدم عند وصف الجداول.
^
 2. إنشاء صفوف وأعمدة من الجدول
لوصف جدول ، تحتاج إلى تحديد عدد الصفوف والأعمدة ، بالإضافة إلى موقعها.
يتم استخدام زوج من الواصفات لتحديد صف واحد من الجدول 
و .
يخبرون المتصفح أن الخلايا المحددة بين هذه الواصفات تنتمي إلى صف الجدول نفسه.
الواصفات 
و 
تحديد عناوين الجدول.
الواصفات 
و 
تحديد محتوى الخلية.
استخدام السمة COLSPAN المضمنة في الواصف 
أو ,
يمكنك جعل الخلية المقابلة تمتد على أعمدة متعددة.  للقيام بذلك ، قم بتعيين سمة COLSPAN على عدد الأعمدة التي يجب أن تشغلها الخلية.  تؤدي السمة ROWSPAN نفس الوظيفة للسلاسل فقط.
^
 3. اختيار نوع الجدول
قبل الشروع في وصف الخلايا ، من الضروري تحديد بعض الخصائص العامة للجدول.  يتضمن ذلك عرض الجدول وتباعد الخلايا وتباعد الخلايا وما إلى ذلك.
واحدة من هذه الخصائص المشتركة هي الحافة ، أي  الحد الذي يفصل الجدول عن باقي المستند.  للقيام بذلك ، استخدم BORDER = n السمة ، حيث n هو عرض الحد بالبكسل.  يتم وضع سمة BORDER في الواصف 
...  إذا حددت 0 أو حذفت تمامًا سمة معينة، ثم سيتم إنشاء جدول بلا حدود.
لتحديد عرض الجدول ، يتم استخدام سمة WIDTH ، والتي يتم وضعها أيضًا في الواصف ...  يتم تحديد العرض إما بالنسبة المئوية أو بالبكسل ، ومحاطة بعلامات اقتباس.
مع وضع سمة COLS في الواصف ، يمكنك تحديد عدد الأعمدة في الجدول:
.
أخيرًا ، يتم استخدام سمات CELLSPACING و CELLPADDING في الواصف لتعريف التباعد في الجدول. .
تحدد السمة CELLSPACING المسافة بين الخلايا بالبكسل ( قيمة قياسيةيساوي 2).
تحدد السمة CELLPADDING المسافة ، بالبكسل ، بين محتويات الخلية وحدودها (المسافة الافتراضية هي 1).
^
 4. محاذاة البيانات في خلايا الجدول أفقيًا ورأسيًا
تسمح لك السمة ALIGN بمحاذاة محتويات الخلايا ويمكن أن تكون CENTER ، JUSTIFY ، CHAR ، RIGHT ، LEFT.
إذا قمت بتعيين سمة ALIGN على JUSTIFY ، فسيتم ضبط محتوى نص الخلية على العرض.
إذا قمت بتعيين سمة ALIGN على CHAR ، فستتم محاذاة محتويات الخلية بالنسبة إلى الحرف المحدد باستخدام سمة CHAR.  على سبيل المثال ، يمكن استخدام السجل ALIGN = "char" CHAR = "،" لمحاذاة الأرقام الطبيعية بالفاصل العشري.
^
 محاذاة البيانات في خلايا الجدول عموديًا
يمكن استخدام سمة VALIGN في الحاوية , 
, 

...  يمكن استخدامه لمحاذاة النص أعلى الخلية أو أسفلها ، بالإضافة إلى توسيطها عموديًا.  يمكن أن تأخذ سمة VALIGN القيم التالية: TOP ، MIDDLE ، BOTTOM.
إضافة تسميات إلى الجداول
باستخدام وعاء 
يمكنك إضافة التوقيعات إلى الجداول.  وبالتالي ، بمساعدة الملصقات ، يمكنك وصف الجدول بمزيد من التفصيل ، على سبيل المثال ، إضافة معلومات حول وحدات القياس المستخدمة في الجدول.
بشكل افتراضي ، توجد التسميات أعلى الجدول ، ولكن يمكن وضعها في مكان آخر.  على سبيل المثال ، يتم استخدام الكود التالي لوضع التسميات التوضيحية أسفل جدول:
بالإضافة إلى السمة BOTTOM ، يمكن استخدام السمات TOP و LEFT و RIGHT في حاوية CAPTION.
^
 5. تلوين الجداول والإطارات
يمكنك إضافة خلفية إلى الجدول بلون مختلف عن باقي صفحة الويب.  يمكنك أيضًا تلوين الصفوف أو الخلايا الفردية لتمييزها عن باقي الجدول.
يتم استخدام سمة BGCOLOR الخاصة بالواصف لهذا الغرض. 

هذا هو التوقيع
.
يمكن أن تكون قيمة السمة BGCOLOR إما سداسي عشري (بتنسيق #rrggbb) أو نصًا.
باستخدام الواصف 
وسمات BORDERCOLOR و BORDERLIGHT ، يمكنك تغيير لون حدود الجدول.  يجب وضع سمة BORDER في الواصف ...  لتغيير لون الحدود داخل الجدول ، تحتاج إلى استخدام سمات BORDERCOLOR و BORDERLIGHT في الوصف أو 


.
تؤثر قيمة السمة BORDERCOLOR على الجزء العلوي من إطار الجدول ثلاثي الأبعاد ، وتؤثر قيمة BORDERLIGHT على الجزء السفلي (أي الظل).  يمكن استخدام هذه السمات لتعديل سمات العرض القياسية لإطارات الجدول ثلاثية الأبعاد.
^
 مهمة عملية
قم بإنشاء كود HTML للجدول التالي 
 
اسم العائلة
 
 
أيام الأسبوع

 
الإثنين
 
 
يوم الثلاثاء
 
 
الأربعاء
 
 
يوم الخميس
 
 
جمعة

 
إيفانوف 
 
 
6

 
 
0
 
 
0
 
 
0
 
 
0

 
بيتروف 
 
 
0
 
 
6
 
 
0
 
 
0
 
 
0

 
سيدوروف 
 
 
0
 
 
0
 
 
6
 
 
0
 
 
0

 
سيرجيف 
 
 
0
 
 
0
 
 
0
 
 
6
 
 
0

 
فاسيليف 
 
 
0
 
 
0
 
 
0
 
 
0
 
 
6


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

^
 2. قوائم مرقمة
القوائم المرتبة والمرقمة هي نفس الشيء.  تستخدم هذه المصطلحات بالتبادل.  يتم إنشاء قائمة ذات تعداد رقمي باستخدام حاوية.  يتم تعريف كل عنصر قائمة داخل هذه الحاوية باستخدام واصف 

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

يمكن لمعلمة النوع أن تأخذ القيم الموضحة في الجدول
^
 الجدول - ترقيم أنواع القوائم المرتبة بتنسيق HTML

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

يمكنك البدء في ترقيم القائمة بالأرقام أو الأحرف بأي رقم أو حرف.  للقيام بذلك ، استخدم سمة START. لبدء الترقيم بحرف معين أو رقم روماني ، استخدم السمتين TYPE و START.  بناء جملة هذا الإجراء كما يلي:

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

و 

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

.
لتغيير نوع العلامة للقائمة بأكملها ، استخدم بناء الجملة 

وعنصر واحد من عناصر القائمة - 

، حيث تكون معلمة النوع إحدى القيم الواردة في الجدول
^
 الجدول - أنواع علامات التعداد النقطي

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

، بمساعدة التي يتم تمييزها مصطلحكذالك هو تعريفعلى التوالى.
^
 5. القوائم المتداخلة والجمع
إذا رغبت في ذلك ، يمكنك الجمع أنواع مختلفةالقوائم ، بالإضافة إلى تضمينها في بعضها البعض ، بغض النظر عما إذا كانت واحدة أم لا أنواع مختلفةانهم متأخرون.
تُظهر القائمة التالية مثالاً على استخدام التداخل قائمة نقطيةإلى مرقمة.
 
 
 
 
 
القوائم المتداخلة
 
كيفية تحضير إكسير الشباب
 
خذ أجزاء متساوية من العناصر التالية:
 
دموع التماسيح
 
من آذان الحمير الميتة
 
ثقب دونات
 
امزج كل شيء وسحقه إلى مسحوق
 
صب المسحوق بالكحول
 
صب السائل الناتج في زجاجة
 
ادفن الزجاجة في الحديقة
 
حفر بعد 1 سنة بالضبط
 
ارمي الزجاجة في البحر ولا تخدع نفسك!

نبذة مختصرة
1. قصة قصيرة Www
2. لغة HTML - بناء مستندات الويب:
أ) قالب مستند الويب
ب) تنسيق النص
ج) تنسيق الفقرة
د) العمل مع الصور:
I. صور الخلفية
ثانيًا.  صور ثابتة وديناميكية



و) الإطارات:
أولا الإطارات العمودية
ثانيًا.  إطار أفقي
ثالثا.  إطارات متداخلة
وسائل بديلة لإعداد الوثيقة
1. تاريخ موجز لشبكة الويب العالمية
من المعروف أن الإنترنت ، على وجه الخصوص ، هو مستودع ضخم لجميع أنواع المعلومات.  قبل ظهور شبكة الويب العالمية (WWW) ، لم يكن التنقل عبر الإنترنت للعثور على المعلومات التي تحتاجها أمرًا سهلاً.  للحصول على الملف من خادم FTP ، كان عليك تنزيل تطبيق العميل بشكل منفصل.  في الوقت نفسه ، كان عليك أن تتذكر كلمة المرور الخاصة بك ، وكان عليك التنقل عبر العديد من الدلائل بحثًا عن الملف المطلوب ، دون أن تنسى تعيين وضع النقل الصحيح قبل استلامه ؛  تعرف على العديد من الأوامر للعمل مع خوادم FTP ، إلخ.  إذا كنت بحاجة إلى عرض مؤتمر ، فيجب عليك تشغيل تطبيق آخر يحتوي على مجموعة أوامر خاصة به للقراءة وإعادة التوجيه وحفظ الرسائل من المؤتمرات.  كان كل شيء غير مريح.
قبل حوالي خمس سنوات ، جرت محاولة للتنظيم ترتيب المعلوماتالخامس شبكات الإنترنت...  أدى ذلك إلى ظهور خدمة الويب العالمية ، التي ولدت في المركز الأوروبي للأبحاث النووية في السويد.  تعتمد فكرة WWW على ما يسمى ب الوسائط التشعبيةتم تصميم المستندات أو مستندات الويب ، والتي تسمى أيضًا صفحات الويب ، للمساعدة في تنظيم البيانات واستردادها.  يمكن أن تحتوي هذه المستندات على كل من النصوص وغير النصية معلومات نصية(مثل الصور والصوت) بالإضافة إلى الروابط.  الروابط هي مؤشرات يمكنك من خلالها التنقل بحرية من مكان في مستند إلى مكان آخر ، أو حتى الارتباط بمستند منفصل ، والذي قد يكون موجودًا على الجانب الآخر من العالم.  على الرغم من أن مستندات الويب يمكن أن تحتوي على مجموعة متنوعة من المعلومات ، وليس النص فقط ، إلا أنها تُسمى دائمًا النص التشعبي ( نص تشعبي)المستندات ، والتي بشكل عام ليست صحيحة تمامًا.
على الشاشة ، يبدو مستند الويب النموذجي كمجموعة نصية بها ارتباطات ؛ وقد توجد رسوم توضيحية مختلفة.  يمكنك التنقل خلال المستند ، وعرض المحتوى ، والتنقل بسرعة خلاله أو في المستندات الأخرى باستخدام الروابط.
مع ظهور WWW ، بدأت الإنترنت في تقديم النصوص والرسومات ، وأصبح من الممكن باستخدام الماوس السفر حول العالم والعثور بسهولة على المعلومات التي تحتاجها بنقطة بسيطة ونقر.  أصبح من السهل تنزيل الملفات وقراءة المؤتمرات.  هذا هو السبب في أن خدمة WWW اكتسبت شهرة عالمية واعتمادها على نطاق واسع.  تظهر كل يوم على الإنترنت في كميات كبيرةتم نشر خوادم الويب وآلاف المستندات الجديدة.
لإنشاء مستندات الويب على WWW ، يتم استخدام لغة HTML خاصة ، والتي تعني HyperText Markup Language - لغة ترميز النص التشعبي ، وهي لغة تنسيق البيانات.  استنادًا إلى لغة التوصيف القياسية العامة (SGML) ، تحدد HTML تنسيق وتنظيم البيانات في مستندات الويب.  لا تحدد بالضبط كيفية وضع النص على الشاشة ، بل تحدد بنية البيانات.  يمكن أن يحتوي مستند الويب على أكثر من مجرد معلومات نصية ، وبالتالي سيكون من الأصح تسمية HTML بلغة HyperMedia Markup ، ولكن في الأدبيات ، يتم استخدام اختصار HTML دائمًا تقريبًا.  مستند HTML هو ملف ASCII عادي.  يعتمد على الواصفات الخاصة (العلامات) التي تحدد تنسيق البيانات في أي مستند ويب.  بطبيعة الحال ، لعرض مستندات HTML على شبكة الويب العالمية ، فأنت بحاجة إلى ملف البرمجيات...  تسمى هذه البرامج المتصفحات (من اللغة الإنجليزية. تصفح- الوجه ، عرض).  بمساعدتهم ، يمكنك تنزيل صفحات الويب وعرضها ، والتنقل في WWW ، وما إلى ذلك.  الخامس حاليايوجد عدد كبير من المتصفحات ، وأكثرها شيوعًا هي متصفحات Microsoft متصفح الانترنتو Netscape Navigator و NCSA Mosaic.  المستعرض ، بعد قراءة ملف HTML ، يفسر البيانات الموجودة في المستند باستخدام الواصفات ويعرضها على شاشة الكمبيوتر وفقًا لذلك.  يوضح الشكل 1 مثالاً لمستند ويب:
الشكل 1 مثال على مستند الويب
تتطور HTML بسرعة.  في سياق تطورها ، اكتسبت فرصًا جديدة وخسرت تلك التي كانت قليلة الاستخدام والتي عفا عليها الزمن.  في الوقت الحالي ، الإصدار الرسمي الحالي للغة HTML هو الإصدار 3.2 ، والذي طور أدوات لبناء مستندات الويب.  مقارنةً بـ HTML 2.0 ، يقدم الإصدار الجديد ميزات جديدة مثل الجداول ، و "التفاف" الصور مع النص ، وتضمين تطبيقات Java الصغيرة ، وغيرها.
لهذا اليوم ، بصرف النظر عن الرواية الرسميةاللغة ، هناك أيضًا إصدارات HTML من Microsoft و Netscape ، والتي تدعم أيضًا و ميزات إضافيةغير موصوف في مواصفات إصدار HTML الرسمي.  لحل مشكلة توافق المستعرض عند عرض المستندات المكونة باستخدام عناصر من إصدارات غير رسمية من لغة HTML ، تقوم الشركات المذكورة أعلاه بتضمين دعم لإصدار بديل من اللغة في منتجاتها.  هناك بالفعل إصدار 4.0 من اللغة في الطريق ، يسمى Dynamic HTML ، والذي يعد بطرق جديدة ومثيرة قديمة ومحسنة لتصميم مستندات الويب.  يقترح W3C (اتحاد شبكة الويب العالمية) بالفعل هذا الإصدار من اللغة كمعيار.  هناك خيارات نسخة جديدةلغات من Microsoft و Netscape ، والتي ، مع ذلك ، غير متوافقة مع بعضها البعض.  يكشف هذا العمل عن الوسائل الرئيسية لإنشاء الوثائق من اللغة إصدارات HTML 3.2 من Netscape Communications.
2. لغة HTML.  بناء مستندات الويب
كما ذكر أعلاه ، يتم تحديد تنسيق مستند HTML بواسطة واصفات خاصة.  الواصف هو أمر تنسيق البيانات وهذا الأمر محاط بأقواس زاوية "<» и «>".  توجد واصفات فتح وإغلاق ، يتم وضع النص المراد تنسيقه بينهما.  تحدد الواصفات الافتتاحية طريقة التنسيق ، بينما تحل الثانية محلها.  الفرق بين هذه الواصفات هو وجود شرطة أمامية مائلة أمام الاسم في واصف الإغلاق.  على سبيل المثال ، الواصفات.  هناك أيضًا واصفات لا تتطلب متغيرًا مرفقًا.
لا يعتبر HTML حساسًا لحالة الأحرف ، لذلك يمكن تحديد جميع الواصفات بأحرف كبيرة وصغيرة.  سيقوم المتصفح بتفسيرها بشكل لا لبس فيه في أي تهجئة.
إذا نظرت إلى الكود المصدري لصفحة ويب نموذجية ، يمكنك مشاهدة المحتوى التالي:
عنوان الوثيقة
نص
نص
نص
نص
بين الواصفات ويقع المستند بأكمله مباشرة.  الواصفات وتحديد نطاق تعيين عنوان المستند.  بين الزوجين يتم وضع عنوان المستند.  تظهر محتوياته في عنوان نافذة المتصفح.  يتم استخدام معلومات الرأس بواسطة بعض روبوتات الويب لفهرسة البيانات عند فحص موارد WWW.  في هذه المنطقة ، يمكنك إدخال ، على سبيل المثال ، معلومات عن المؤلف ، ووصف موجز للمستند.  بين الواصفات ويحتوي على البيانات التي سيتم عرضها بواسطة المتصفح على الشاشة.  الواصفات 
و
تحتوي على معلومات حول المؤلف سيتم عرضها على الشاشة ، على سبيل المثال ، الاسم الأول والأخير للمؤلف وعنوان بريده الإلكتروني وتاريخ إنشاء المستند وتعديله ، إلخ.

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

في بعض مستندات الويب ، قد ترى سطورًا من النص تومض لجذب انتباه المستخدم.  لهذه الأغراض ، يتم استخدام الواصف :
هذا نص وامض
ومع ذلك ، نادرًا ما يتم استخدام هذا الامتداد للغة Netscape ، وبالتالي قد يصبح قديمًا قريبًا.
غالبًا ما تستخدم الخطوط ذات الأحجام المختلفة في تصميم صفحات الويب.  يمكنك عرض سلسلة بحجم خط غير المعتاد باستخدام الواصفات نص
 ، حيث الرقم n هو رقم من 1 إلى 7 يحدد حجم الخط بالنسبة إلى العادي.  لذا فإن النص التالي في نص الوثيقة
هذه نصأربعة أحجام أكبر من المعتاد
ستبدو الشاشة كما يلي:
هذا النص أكبر بأربعة أحجام من المعتاد.
وتجدر الإشارة إلى أن أزواج الواصفات و، و وهي عناصر من لغة Netscape HTML وبالتالي قد لا تكون مدعومة من قبل المتصفحات الأخرى.
تنسيق الفقرات
يتم تنظيم المعلومات النصية المنشورة على صفحات الويب في فقرات.  تبدأ الفقرة بوصف<Р>وينتهي بمقبض إغلاق
لكن الأخير اختياري.  مثال على كود HTML:

الفقرة الأولى

الفقرة الثانية

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

إنشاء رؤوس
يتم تحديد عناوين المستويات المختلفة باستخدام الواصفات و، حيث n هو رقم من 1 إلى 6. يتم تحديد أكبر رأس بواسطة الواصف 
، الأصغر هو واصف 
...  على سبيل المثال:

هذا عنوان من المستوى 1

هذا عنوان من المستوى 3

هذا عنوان من المستوى 6

نتيجة لذلك ، ستعرض الشاشة:
هذا عنوان من المستوى 1
هذا عنوان من المستوى 3
هذا عنوان من المستوى 6
تعتبر العناوين من أكثر عناصر تنسيق المستندات شيوعًا في WWW.
إنشاء القوائم
في HTML ، من الممكن تحديد ثلاثة أنواع من القوائم: القوائم المرقمة ، والقوائم غير المرقمة ، وقوائم التعريف.  تم تعيين بداية القائمة ونهايتها باستخدام واصفات خاصة ، وقبل كل عنصر من عناصر القائمة ، يتم تعيين واصف 
ليس لديها خيار إغلاق.

قائمة ذات تعداد رقمي:
قائمة الاغراض

قائمة الاغراض

قائمة الاغراض

نتيجة:
قائمة غير مرتبة:
قائمة الاغراض

قائمة الاغراض

قائمة الاغراض

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

شرح المفهوم الأول

المفهوم الثاني المحدد

شرح المفهوم الثاني

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


تشير سمة HREF إلى اسم التسمية في المستند الحالي.


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

هذه تسمية
على الشاشة ، لا تبرز التسمية ، بخلاف الروابط ، عن باقي النص.


إذا كان من الضروري الانتقال إلى ملصق موجود في مستند آخر ، فسيتغير المثال أعلاه قليلاً:

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

تحدد السمة اسم ملف الصورة.  يمكن أن يشير اسم الملف إلى ملف محلي أو ملف بعيد، والتي يجب عليك تحديد عنوان URL المقابل لها.  يمكن أن يكون الملف صورة ثابتة بتنسيق رسومي يفهمه المستعرض ، أو صورة ديناميكية بتنسيق GIF89A.  في الحالة الأخيرة ، سيتم عرض الملف كرسوم متحركة في نافذة المتصفح.
تشير السمة ALT إلى النص الذي سيتم عرضه في نافذة المتصفح بدلاً من الصورة ، على سبيل المثال ، إذا كان مستعرض المستخدم لا يدعم الرسومات أو تم تعطيل خيار تحميل الصور.  هذه السمة اختيارية ، لكنها تعتبر ممارسة جيدة لاستخدامها عند كتابة مستندات الويب.
في كثير من الأحيان ، عند إعداد الصفحات باستخدام الرسومات ، يحدث أن حجم الصورة المطلوب لا يتطابق مع الحجم الفعلي.  على سبيل المثال ، تحتاج إلى وضع صورة في منطقة معينة بحجم معين.  للقيام بذلك ، تحتاج إلى استخدام سمات WIDTH و HEIGHT ، اللتين تحددان أبعاد الصورة المطلوبة في العرض والارتفاع ، على التوالي.  على سبيل المثال ، إذا كنت بحاجة إلى وضع صورة كبيرة على منطقة ارتفاعها 100 بكسل وعرضها 200 بكسل ، فأنت بحاجة إلى كتابة ما يلي في نص المستند:

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

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

يمكن أيضًا استخدام الصور كخلفية للمستند.  سيعرض المتصفح جميع النصوص وجميع الرسوم التوضيحية في المستند فوق صورة الخلفية.  يمكن تعيين صور الخلفية بكل بساطة على النحو التالي:

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

منطقة تعريف الإطار

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

متصفحك لا يدعم الإطارات!




الواصف يصف إما الترتيب الرأسي للإطارات أو الأفقي.  مثال:

يصف هذا الواصف الترتيب الأفقي للإطارات.  للترتيب الرأسي ، يتغير التسجيل قليلاً

في سلسلة الأبعاد ، يتم فصل العناصر بفاصلة ويمكن تحديدها على النحو التالي:
القيمة٪ - حجم الإطار النسبي بالنسبة المئوية.  على سبيل المثال: يتم تخصيص 10٪ و 40٪ و 50٪ - 10٪ من الحجم الإجمالي لنافذة المتصفح للنافذة الأولى و 40٪ للنافذة الثانية و 50٪ للنافذة الثالثة على التوالي ؛
القيمة - الحجم المطلق بالبكسل.  على سبيل المثال: 100.540 - يتم تخصيص مساحة بعرض 100 بكسل للإطار الأول ، وكل المساحة المتبقية للإطار الثاني (لوضع فيديو الشاشة 640 × 480).
باستخدام الواصفات يتم تحديد هيكل الإطار فقط.  لوضع البيانات في الإطارات ، يتم استخدام الواصفات التي ليس لديها خيار إغلاق.  يجب أن يتوافق عدد هذه الواصفات بالضرورة مع عدد الإطارات المحدد من قبل.  كل واصف يشير إلى عنوان URL لبعض المستندات التي سيتم عرضها في الإطار المقابل.  يتم ذلك باستخدام سمة SRC = URL_DOCUMENT.  عند تحميل مستند يحتوي على إطار ، سيتم تقسيم نافذة المتصفح إلى نوافذ فرعية ، ثم يتم تحميل المستندات فيها.  يمكن رؤية مثال على استخدام الإطارات في الشكل 1 ، والذي يعرض نافذة مستعرض مقسمة إلى إطارين.
عند النقر فوق ارتباط في مستند عادي ، يختفي محتواه تمامًا من الشاشة ويتم استبداله بالمحتوى الجديد لمستند آخر.  عند استخدام الإطارات ، من الممكن ، عند تنشيط الروابط ، تغيير محتويات النافذة في الإطار الحالي ، أو محتويات نافذة إطار آخر ، أو نافذة المتصفح بالكامل.  يتم ذلك باستخدام توليفة من الواصف وسمة TARGET (من اللغة الإنجليزية. استهداف- هدف).  بشكل عام ، يبدو تنسيق هذا الواصف كما يلي:

نص ارتباط النص التشعبي
المعلمة TARGET_NAME هي كلمة محجوزة تبدأ بشرطة سفلية "_".  فيما يلي قائمة بالمعلمات الأكثر شيوعًا:

TARGET = _TOP - يتم تحديث محتويات نافذة المتصفح بالكامل.
TARGET = _BLANK - سيتم فتح المستند في نافذة متصفح جديدة.
للوهلة الأولى ، قد يبدو أن استخدام المعلمات "_TOP" و "_BLANK" متكافئان ، لأنه في كلتا الحالتين يتم استبدال المحتوى القديم للنافذة تمامًا بمحتوى مستند آخر.  ومع ذلك ، في الحالة الأولى ، من الممكن العودة إلى المحتويات السابقة للنافذة عن طريق المتصفح نفسه (باستخدام زر BACK على شريط الأدوات) ، وفي الحالة الثانية ، طريقة العودة إلى محتويات النافذة يتم ترك المستند السابق لمنشئ صفحة الويب أو للمستخدم نفسه.
3. عناصر اللغة الأخرى
لغة البرمجة
إلى جانب العناصر الأكثر شيوعًا في لغة HTML ، هناك تلك العناصر التي ، على الرغم من أنها لا تجد استخدامًا واسع النطاق ، إلا أنها تستخدم مع ذلك لتكوين صفحات على WWW.
إذا كان من الضروري ، عند إعداد منشور (على سبيل المثال ، إعداد الأخبار الإلكترونية) ، وضع عرض أسعار معين على الصفحة ، فلا يمكن الاستغناء عن الإشارة ببساطة إلى الاختبار بعلامات اقتباس - حيث يرى المتصفح علامات الاقتباس كأحرف تحكم ، ولن يتم عرضها على الشاشة.  في هذه الحالة ، من الضروري إرفاق الاقتباس النصي في واصفات خاصة.  فقط في هذه الحالة ، سيعرض المستعرض النص المحاط بعلامات اقتباس.
بالإضافة إلى علامات التنصيص ، هناك أيضًا مجموعة من الأحرف التي يعتبرها المستعرض أحرف تحكم ومن أجل عرضها على الشاشة ، من الضروري إدخال أوامر خاصة في نص المستند.  فيما يلي قائمة بالأوامر للرموز الأكثر شيوعًا:
في وقت سابق ، لوحظ أن المتصفح يقوم تلقائيًا بلف النص إذا لم يكن السطر مناسبًا للشاشة.  ومع ذلك ، يحدث أنك بحاجة إلى إخراج النص على سطر واحد دون أن ينكسر.  للقيام بذلك ، ضع واصفًا واحدًا أمام سطر النص. ، وهو امتداد للغة Netscape HTML.  بغض النظر عن طول السطر ، سيعرضه المتصفح بالكامل بدون واصلة.

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

الواصف تستخدم للعمل مع ملفات الموسيقى ، تشير سمة SRC إلى الملف المراد تحميله.  تخبر السمة AUTOSTART المتصفح ما إذا كان سيتم تشغيل الملف المحدد بعد التنزيل أم لا.  تأخذ سمة HIDDEN ، مثل سمة AUTOSTART ، قيمة منطقية وتخبر المتصفح أن الأزرار للتحكم في عملية تشغيل الملف لا يمكن عرضها على الشاشة.  إذا كانت السمتان الأخيرتان FALSE ، فبعد تحميل ملف موسيقى ، سيعرض المتصفح أزرار التحكم في التشغيل ، ويمكن للمستخدم تشغيل الملف أو إيقاف التشغيل أو إعادة تشغيل الملف في أي وقت.
تُستخدم هياكل البيانات مثل الجداول أيضًا في صفحات الويب.  في بعض الحالات ، تساعد في تنظيم بعض البيانات بشكل ملائم ، على سبيل المثال ، بعض ملخصات الأرقام ، بعض الحسابات ، إلخ. على الشاشة ، تبدو هذه الجداول مشابهة لجداولنا المعتادة على الورق أو في تطبيقات مثل Microsoft Excel.  بالإضافة إلى عرض البيانات المجدولة ، يمكن استخدام الجداول ، على سبيل المثال ، للزينة: الترتيب التعسفي للصور والنصوص على الشاشة.  لم يتم عرض طرق إنشاء الجداول نظرًا لحجمها وبعض التعقيد في هذا العمل.
أولئك الذين استخدموا محركات البحث في أي وقت أثناء التنقل عبر شبكة الويب العالمية للعثور على معلومات قد صادفوا ما يسمى بالنماذج.  هذه ميزات محددة ، وإن كانت شائعة جدًا ، للغة HTML.  النماذج هي حقول إدخال النص وخانات الاختيار وأزرار الاختيار والقوائم وأشكال أخرى من الاتصال التفاعلي مع المستخدم.  يتم إرسال البيانات التي تم إدخالها في النماذج إلى خادم الويب لمزيد من المعالجة ، وبعد ذلك يتم إرسال نتائج المعالجة مرة أخرى إلى المستخدم.  يعد إعداد المستندات باستخدام النماذج علامة على المصمم المحترف ، حيث يتطلب ، بالإضافة إلى المعرفة الجيدة بـ HTML ، القدرة على العمل مع لغات البرمجة النصية ، والتي تعد جزءًا لا يتجزأ من العمل مع النماذج.  لا يشمل هذا العمل وسائل وصف النماذج في الوثائق.
4. وسائل بديلة لتأليف وثائق الويب
HTML هي الوسيلة الأساسية لتنظيم البيانات على شبكة الويب العالمية ، ولا توجد لغات أخرى توفر بديلاً كاملاً لها.  لذلك لا داعي للحديث عن تفوق هذه اللغة على اللغات الأخرى أو مكانها الأدنى منها.  على الرغم من أنه يجب ملاحظة أن HTML لها قيودها الخاصة.
في الآونة الأخيرة ، تم استخدام لغة Java الشائعة بشكل متزايد في تصميم مستندات الويب ، والتي يمكنها التغلب على قيود HTML.  بالاقتران مع HTML ، توفر Java للمستخدم تخطيطًا للمستند يصعب أو يستحيل تنفيذه باستخدام HTML وحده.  هذا ، على سبيل المثال ، إنشاء الرسوم المتحركة ثلاثية الأبعاد على الشاشة ، وتنفيذ التطبيقات الصغيرة (التطبيقات) على جهاز المستخدم ، المرسلة من الخادم.  توفر لغة Java طرقًا أكثر مرونة وملاءمة للتواصل مع المستخدمين ، على سبيل المثال ، نماذج إدخال بيانات أكثر تقدمًا.  بمساعدة هذه اللغة ، يمكن للمرء تقديم بعض الديناميكيات في أي مستند ويب ، على سبيل المثال ، جعل الصور على الشاشة تحل محل بعضها البعض بترتيب وترتيب عشوائي.  بهذه الطريقة تضيف Java مزيدًا من التفاعل إلى المستندات.  لكن Java نفسها لا تسمح لك بتطوير صفحات الويب بأسرع ما يمكنك باستخدام HTML ، ويستغرق تعلمها الكثير من الوقت.
في الختام ، يعد الجمع بين HTML و Java أداة قوية لبناء مستندات ويب ملونة واحترافية.

تتطرق مقالة اليوم إلى موضوع وثيق الصلة بين المبرمجين ومصممي الويب المبتدئين ، ألا وهو موضوع اختيار محرر HTML.  بعد تقديم القائمة الكاملة للبرامج المتخصصة ، من الصعب تحديد الخيار الأفضل على الفور - فكل برنامج حصري وله عدد من ميزاته ومزاياه وعيوبه.  لحسن الحظ ، تم تشكيل "قائمة عمل" من بين عدد كبير من الأشخاص في المهن المذكورة أعلاه ، على مدار سنوات عملهم المثمر ، من أفضل البرامج لإنشاء وتحرير مستندات HTML ، ولا سيما مواقع الإنترنت.  هذه المادة مخصصة لمراجعة ستة برامج تحرير HTML.  بالنظر إلى الحجم الكبير للمقال الناتج ، لن نتأخر في المقدمة ونبدأ على الفور في العمل.
لذلك ، كان أول محرر HTML ، الذي لفت انتباهنا ، هو Macromedia HomeSite.
يعد Macromedia HomeSite أحد أكثر أدوات تحرير مستندات HTML شيوعًا بين المستخدمين الذين يفضلون صفحات التعليمات البرمجية يدويًا.  في الوقت نفسه ، يتيح لك HomeSite تسريع عملية الإنشاء نفسها بشكل كبير وتسهيل عمل المطور.
تكبير الصورة
يمكن تقسيم مساحة عمل البرنامج بشكل مشروط إلى ثلاثة أجزاء: الأول ، الأكبر - النافذة الفعلية مع محتويات المستند ، الجزء الثاني ، الموجود على اليسار ، يحتوي افتراضيًا على قائمة المستندات المتاحة على القرص.  وأخيرًا ، في الجزء العلوي ، بالإضافة إلى القائمة التقليدية ، هناك العديد من اللوحات ذات الوظائف الأكثر استخدامًا ، ومع ذلك ، يمكن تخصيص مظهرها حسب ذوقك.
يوفر Macromedia HomeSite تمييزًا مناسبًا لبناء الجملة ليس فقط لصفحات HTML ، ولكن أيضًا لـ PHP و Perl و ASP و MySQL وأدوات التطوير الشائعة الأخرى.  هذه الحقيقة ستجذب المستخدمين ذوي الخبرة الذين لا يقتصرون على وسائل لغة ترميز النص التشعبي ويستخدمون لغات برمجة ويب أكثر تعقيدًا.  إذا لم تكن راضيًا عن نظام الألوان الحالي لتمييز بناء الجملة ، فهذه ليست مشكلة - يمكنك تعديل النظام الحالي ، أو حتى إنشاء مخططك الخاص لتسجيل المستند.  يحتوي HomeSite على نظام مساعدة قوي يحتوي ، بالإضافة إلى وصف إمكانيات البرنامج ، ومواصفات لغة HTML ، ومرجع علامة ويتضمن تلميحات أدوات ملائمة للواصف الحالي - للاتصال بهم ، فقط اضغط على F2 ، وسيظهر للمستخدم الكل السمات المحتملة لهذه العلامة.
لتسريع الوصول إلى مجموعات العلامات المستخدمة بشكل متكرر ، توجد عدة لوحات في الزاوية اليمنى العليا ، ويمكن أيضًا تغيير مظهرها وترتيبها.
تنقسم اللوحة إلى عدة علامات تبويب ، كل منها يحتوي على علامات متعلقة بمجموعة واحدة.  على سبيل المثال ، تحتوي علامة التبويب الخطوط على أزرار لزيادة حجم الخط بسرعة وتغيير نمطه وموضعه بالنسبة إلى الخط ولإدراج ثلاثة مستويات من العناوين.
طريقة بديلة لإدخال جميع سمات العلامة يدويًا هي ما يسمى بمحرر العلامات - محرر العلامات الذي يمكنك من خلاله تسهيل عملية تعيين القيم لسمات مختلفة بشكل كبير.
بشكل منفصل ، تجدر الإشارة إلى أدوات إنشاء الجداول والإطارات وتكوينها - معالج الجداول ومعالج الإطار ، مما يجعل الحياة أسهل بكثير للمطور عند إنشاء جداول وإطارات لهيكل معقد.
فقط تخيل كم من الوقت سيستغرق إنشاء مثل هذا الجدول باليد!
وتجدر الإشارة إلى أن Homesite يحتوي على مدقق إملائي مدمج لا يتحقق فقط من صحة الواصفات المستخدمة ، ولكن أيضًا من صحة النص نفسه ، بالإضافة إلى محرر لملفات CSS - أوراق أنماط متتالية تسمى TopStyle.
يمكنك استخدام اختصارات لوحة المفاتيح لتسريع إنشاء المستندات - يوفر HomeSite مجالًا واسعًا لمحبي لوحة المفاتيح.  على سبيل المثال ، العلامة 
يتوافق مع مجموعة المفاتيح Ctrl + Break.  ومع ذلك ، فإن المستخدم حر في تعيين اختصار لوحة مفاتيح مناسب لأي أمر تقريبًا.
الايجابيات.  تشمل مزايا البرنامج الوظائف والتنوع ودعم لغات البرمجة المختلفة وواجهة سهلة الاستخدام وفرص كثيرة ونظام مساعدة قوي.  سلبيات.  عدم وجود دعم للغة الروسية ، وارتفاع السعر ، فأنت بحاجة على الأقل إلى معرفة سطحية بـ HTML لإنشاء صفحات ، وسعر مرتفع للبرنامج.
يمكنك تنزيل أحدث إصدار من Macromedia HomeSite هنا.
تم إنشاء برنامج SiteEdit من قبل شركة EdgeStile الروسية ووضعه المطورون كنظام لإدارة المحتوى.  بخلاف HomeSite ، ينتمي SiteEdit إلى ما يسمى بأدوات التطوير المرئي - محرري WYSIWYG (من الأحرف الكبيرة للتعبير ما تراه هو ما تحصل عليه - "ما تراه هو ما تحصل عليه").
بعد إطلاق البرنامج لأول مرة ، يظهر قالب موقع جاهز.
يتم تقديم هيكل الموقع بأكمله في شكل صفحات مختلفة تحتوي على عدة أقسام.  يمكن أن يحتوي القسم بدوره على العديد من السجلات أو العناصر.  التبديل إلى وضع التحرير (F9 افتراضيًا) ، لدينا الفرصة لتحرير الأقسام الموجودة وإضافة أقسام جديدة أو تغيير نص سجل موجود أو إضافة سجل جديد.
بعد النقر فوق الزر "تغيير القسم" ، تظهر نافذة جديدة يمكنك من خلالها تنفيذ هذه العملية البسيطة:
بالإضافة إلى التحرير المباشر للنص ، يمكن للمستخدم الوصول إلى أزرار لتغيير نمط الخط ، وإدراج صورة ، والتاريخ الحالي ، وإضافة جدول ، وإدراج ارتباط تشعبي ، وتشكيل قائمة ذات تعداد نقطي أو رقمي - كل ذلك بنقرة بسيطة على الماوس .  لمن هم على دراية بـ HTML ، يمكنك تجاوز الوظائف المذكورة أعلاه وكتابة الكود الذي تحتاجه يدويًا.  نظرًا لعدم وجود زخرفة مثل تمييز بناء الجملة في نافذة التحرير ، يمكنك الاتصال بالمحرر الخارجي بالنقر فوق الزر HTML ، حيث يمكنك إجراء جميع التغييرات اللازمة.
يقدم البرنامج العديد من قوالب التصميم: book ، galeon ، kafe ، palm_skin ، stroitel ، وبفضل ذلك يمكنك تغيير مظهر الموقع بالكامل بشكل كبير.
جميع عناصر الصفحة قابلة للتحرير.  لإجراء تغيير جذري في التصميم ، يوجد محرر تصميم يوفر أوسع الاحتمالات لتغيير جميع العناصر الموجودة على الصفحة.


تكبير الصورة
على الجانب الأيسر توجد قائمة بالعناصر ، على اليمين - وجهة نظرهم على الصفحة ، من الأسفل توجد نوافذ لتغيير قيم سمات واحد أو آخر من الواصف.  على سبيل المثال ، تتوفر السمات التالية لعلامة الخط: اللون والحجم والسمك والنمط والميل والتسطير والتباعد.  سيحب المبتدئون طريقة ملء النوافذ - لست بحاجة إلى كتابة أي شيء يدويًا ، فقط حدد العنصر المطلوب من القائمة المنسدلة.  كما أن اختيار اللون ليس بالأمر الصعب - فاللوحة متاحة للمستخدم ، ما عليك سوى تحديد الظل الذي تريده ، وفويلا ، تمت الإشارة إلى الكود السداسي العشري بالفعل في الحقل المقابل.
يتضمن البرنامج قالبًا جاهزًا يحاكي موقع شركة إنشاءات ، ويمكن تعديله بسهولة ليناسب احتياجاتك.
من الغريب أنه من المستحيل حفظ رمز الصفحة مباشرة من البرنامج ، لذلك تحتاج إلى تحديد عنصر "عرض الصفحة في المستعرض" ، ويمكنك فقط من المتصفح حفظ الصفحة كملف html.  هذا النهج ، على ما يبدو ، يرجع إلى حقيقة أنه في الإصدارات القياسية والتجارية من برنامج SiteEdit ، هناك إمكانية لتحميل المشروع بالكامل على الفور إلى الاستضافة ، ومع ذلك ، في الإصدار المجاني من Start ، هذه الفرصة ، للأسف ، هي غائب.  ومن هنا التناقضات المماثلة.
الايجابيات.  واجهة بسيطة - لا يلزم عمليا معرفة لغة HTML والوظائف والوزن المنخفض لمجموعة التوزيع ولغة الواجهة الروسية وإصدار البدء المجاني.
سلبيات.  عدم القدرة على حفظ الملفات مباشرة من البرنامج ، أخطاء إملائية.
يعد SiteEdit مثاليًا لإنشاء صفحات شخصية ومشاريع ويب بسيطة للمبتدئين وحتى أولئك الذين ليسوا على دراية كاملة بـ HTML.
تم إصدار SiteEdit في ثلاثة إصدارات رئيسية - Start ، و Standard ، و Business ، ونسختان إضافيتان - Partner.  يمكنك تنزيل إصدار Start من SiteEdit من هنا.
برنامج مجاني آخر جاء في مراجعتنا هو HTML Source.  أول ما لفت نظري هو الحجم الصغير لمجموعة توزيع البرنامج - فقط 1.5 ميجا بايت!  أدى ذلك إلى بعض الشكوك حول وظيفة البرنامج وإمكانياته.  ومع ذلك ، فقد فوجئنا بسرور.


تكبير الصورة
تشبه واجهة البرنامج واجهة HomeSite ، لكن الأدوات والإمكانيات ، بالطبع ، أقل من ذلك بكثير.  يوجد على الجانب الأيسر نافذة مستكشف يمكنك من خلالها تحديد الملفات التي تريد فتحها.  في الوسط - نافذة تحرير مستندات الويب.  يوجد على الجانب الأيمن منها لوحة ، وتعمل في وضع مناسب للغاية.  عندما تقوم بتمرير مؤشر الماوس فوق جزء أو جزء آخر من اللوحة ، يتم عرض مكون كل لون في لوحة RGB على الفور ، وأسفل اللون نفسه مباشرةً.  علاوة على ذلك ، عند النقر فوق المنطقة المرغوبة ، يتم إدخال رمز لون سداسي عشري على الفور في المستند.  مريحة جدا.
يوجد في الجزء العلوي من منطقة عمل البرنامج شريط أدوات عادي يحتوي على أزرار لإنشاء مستند جديد وفتح الملفات الموجودة وطباعة ملف والتدقيق الإملائي والإجراءات الشائعة الأخرى.  تم تصميم جميع الرموز بأسلوب جيد ، ولكن الشيء الوحيد المخيب للآمال هو عدم وجود تلميحات أدوات عندما تحوم فوق رمز إجراء واحد أو آخر.  من الجدير بالذكر أن البرنامج نفسه يحدد المتصفحات المثبتة في النظام ، ويحتوي شريط الأدوات على أيقونات لعرض المستند في مستعرضات المستخدم.  في حالتي ، بالإضافة إلى Internet Explorer القياسي ، تم أيضًا تثبيت Opera و Mozilla FireFox ، والذي تم توضيحه بواسطة البرنامج.
الآن دعنا ننتقل مباشرة إلى وصف إمكانيات البرنامج.  مصدر HTML ، كما يوحي الاسم ، يهدف فقط إلى تسهيل عمل المبرمج ، وليس استبداله تمامًا.  البرنامج يفتقر إلى القدرة على تصميم الصفحات بشكل مرئي ، أي  بالنسبة لأولئك الذين ليسوا على دراية بأساسيات لغة ترميز النص التشعبي ، لن يعمل هذا المنتج.  ومع ذلك ، بالنسبة لأولئك الذين يفضلون تطوير مستندات الويب الخاصة بهم يدويًا ، فإن مصدر HTML لديه مجموعة جيدة من الأدوات لتسريع عملية الترميز.
يوفر مصدر HTML تمييزًا لغويًا لملفات HTML ، ومع ذلك ، في رأيي ، فإن تنفيذ هذه الوظيفة في البرنامج أدنى إلى حد ما من ذلك في HomeSite.  أولاً ، لم يتم إبراز جزء التصميم من الكود على الإطلاق.  وثانيًا ، لا توجد إمكانية للتخصيص الذاتي لنظام الألوان ، والذي كان موجودًا في نفس موقع HomeSite.
في قائمة "إدراج" ، يكون لدى المستخدم القدرة على إدخال التواريخ ، وأحرف HTML الخاصة ، والصور ، ومجموعة كبيرة من الرموز.  قرار أصلي للغاية للمطورين الذين قاموا بتضمين مثل هذه الميزة غير العادية في برنامجهم.  يجب أن يحب عشاق الاتصال الافتراضي هذا.
تحتوي قائمة "العلامات" على المجموعات الرئيسية لوصف HTML.
المحتوى الأكثر أهمية هو محتويات قائمة "الأدوات" ، والتي تحتوي على جميع أدوات هذه الأداة البرمجية.  دعونا نلقي نظرة فاحصة على محتوياته.
يتيح لك عنصر "تحويل الحالة" تغيير حالة الأحرف ، أي  إما أن تقلبها أو تجعلها واحدة محددة.  العنصر التالي "تحويل CodePage" يسمح لك بسرعة تغيير ترميز الصفحة بأكملها.  من بين النقاط المتبقية ، من الضروري ملاحظة المدقق الإملائي المدمج ، وأداة لتحسين كود HTML تسمى Tidy ، والتي تجمع نوع المستند وفقًا لمتطلبات منظمة W3C ، التي تطور معايير لترميز النص التشعبي لغة.
وتجدر الإشارة إلى نظام المساعدة المتقدم لبرنامج HTML Source ، والذي يتضمن وصفًا كاملاً لميزات البرنامج ، بالإضافة إلى مواصفات لغة HTML ، بما في ذلك CSS.
المميزات: الحجم الصغير لمجموعة التوزيع ، الميزات الأصلية ، نظام المساعدة المتقدم.
السلبيات: عدم وجود فرص للتطوير المرئي للوثائق ، وخيارات متواضعة لتخصيص البرنامج ، ونقص الترويس.
وبالتالي ، فإن HTML Source سوف تروق للمطورين ذوي الخبرة ، ليس فقط كأداة تطوير ، ولكن أيضًا كأداة مرجعية.  يمكنك تنزيل مصدر HTML من هنا
البرنامج التالي في مراجعتنا كان Magic HTML Studio ، الذي طوره AG FreeSoft.  بعد إطلاق البرنامج ، رأينا صورة غير عادية - كان تصميم Magic HTML Studio غير عادي للغاية.
قد يحب شخص ما مثل هذه الواجهة ، لكنها ، في رأيي ، ليست حلاً جيدًا لبرنامج من هذا النوع.  كما كان منزعجًا عدم وجود أي تمييز لغوي للمستند.  حسنًا ، حسنًا ، دعنا نتخلى عن جميع مطالبات التصميم ونرى كيف يعمل Magic HTML Studio مع المكون الوظيفي.
وهنا كل شيء على أعلى مستوى!  هذه فقط أدوات مثل Java Constructor و CQI QuickBuilder.  لكن أول الأشياء أولاً.
يوجد على الجانب الأيسر أزرار لتنسيق النص بسرعة ، وتغيير نوع التهجئة وموضع النص على الصفحة.  تتوفر أيضًا أيقونات لإدراج عناوين من مستويات مختلفة في المستند.  على الجانب الأيمن ، يمكن للمستخدم الوصول إلى الأزرار الخاصة بإدخال نص من لون معين ، ولكن يتم استخدام المساحة بشكل غير منطقي للغاية - يتم تحديد زر منفصل لكل لون ، على الرغم من أنه سيكون أكثر ملاءمة لاستخدام لوحة عادية ، على سبيل المثال ، كما هو الحال في برنامج مصدر HTML.
الآن دعنا ننتقل إلى الأدوات والأدوات التي تنفرد بها Magic HTML Studio.  يعد Java Constructor أداة قوية ولكنها بسيطة لإنشاء نصوص في JavaScript ، ولهذا لا يحتاج المستخدم إلى معرفة لغة البرمجة هذه على الإطلاق.  باستخدام المُنشئ ، يمكنك إدراج تقويم أو ساعة على صفحتك ، وإنشاء قائمة ديناميكية أو منسدلة ، وإنشاء لافتة بسيطة تتكون من عدة صور وبعض العناصر الديناميكية المفيدة الأخرى.


تكبير الصورة
ينشئ المُنشئ تلقائيًا البرنامج النصي الضروري ، وتحتاج فقط إلى إدراجه في المكان المناسب في المستند.
يشتمل البرنامج أيضًا على مولد نصي CGI ، والذي يمكنك من خلاله إنشاء مؤتمر أو سجل زوار أو دردشة بنقرة واحدة فقط ، بعد تعيين معلمات البرنامج النصي.
لسوء الحظ ، لم تتح لنا الفرصة لاختبار هذه الأداة عمليًا - لذلك كان من الضروري تحميل الملفات على خادم يدعم نصوص CGI النصية.  دعنا ننتقل إلى ميزات أخرى للبرنامج.  لذلك ، باستخدام قائمة الخيارات ، يمكنك إجراء عمليات إضافة برنامج نصي لتحميل Flash ، واستدعاء محرر العناصر ، وكذلك تغيير الخط وإضافة نموذج.
من الضروري أيضًا ملاحظة نظام المساعدة الجيد باللغة الروسية ، والذي يحتوي على وصف لجميع الميزات الرئيسية للبرنامج.
الإيجابيات: أدوات إنشاء نصوص JavaScript و CGI متقدمة ، وفرص كثيرة لإضافة عناصر ديناميكية ، ونظام مساعدة باللغة الروسية.
السلبيات: ليس تصميمًا ناجحًا تمامًا ، ونقص في إبراز بناء الجملة ، ونقص أدوات التطوير المرئي.
Microsoft FrontPage ، المضمن في حزمة Microsoft Office ، هو محرر WYSIWYG كلاسيكي ، ومع ذلك ، لديه القدرة على تحرير التعليمات البرمجية يدويًا.
تتشابه واجهة البرنامج من نواحٍ عديدة مع واجهة Microsoft Word ، وهذا ليس مفاجئًا على الإطلاق - سيساعد توحيد المظهر المبتدئين على إتقان الميزات الأساسية لبرنامج FrontPage بسرعة.
يحتوي البرنامج على ثلاثة أوضاع للعمل مع المستند: عادي و HTML ومعاينة.  في الوضع العادي ، تكون صفحة الويب عبارة عن ملف نصي عادي مع إمكانية تحرير كل شيء من النص إلى الصور.


تكبير الصورة
يتيح لك وضع HTML عرض رمز الصفحة ، وبالتالي تحريره.  في هذا الوضع ، يوفر FrontPage تسليط الضوء على بناء الجملة ، ولكن بالأحرى يتم تمييز الواصفات المتوسطة باللون الأزرق ، وكل شيء آخر باللون الأسود.
أخيرًا ، في وضع المعاينة ، يمكنك أن ترى كيف ستبدو صفحتك في نافذة المتصفح.
يتيح لك FrontPage ، بفضل تكامله الوثيق مع منتجات Microsoft الأخرى ، إدراج أنواع مختلفة من الكائنات في مستند ويب ، من الصور والرسوم البيانية إلى أوراق Excel من Microsof.
بالطبع ، يحتوي FrontPage على مصمم جدول يجعل إنشاء الجداول أسهل كثيرًا.
تتمثل إحدى المزايا الرئيسية للبرنامج في العدد الكبير من القوالب المتاحة التي تسمح للمستخدم بعدم إرهاق عقولهم على تصميم مشروعهم.
بعد اختيار النموذج المطلوب ، يمكنك المتابعة مباشرة لملء الصفحة بالمحتوى.  هذا هو المكان الذي يأتي فيه جمال FrontPage: لا تختلف عملية إنشاء صفحة HTML عن إنشاء مستند نصي عادي في Microsoft Word.  يمكن للمستخدم الوصول إلى نفس الأدوات لتحرير النص وتغيير تنسيقه وإنشاء الجداول وتحريرها وإدراج العديد من الكائنات والصور.  يتيح لك البرنامج إنشاء قوائم ذات تعداد نقطي ورقمي ومتعدد المستويات بسهولة - وكل هذا دون معرفة لغة HTML!
يقسم FrontPage منطقة العمل إلى عدة كتل تحتوي على عناصر معينة من الصفحة - الصور والنص والعناوين وما إلى ذلك.  لكل كتلة ، يمكنك تعيين معلمات التنسيق الخاصة بك وموضعها بالنسبة إلى الصفحة.
هناك أيضًا جانب سلبي للعملة - تعقيد وإرهاق الشفرة الناتجة ، والتي تؤثر بشكل طبيعي على الحجم النهائي للوثيقة.  سيكون أيضًا من الصعب جدًا في المستقبل إجراء تغييرات على مثل هذا المستند.  لكن هذا ليس عيبًا في منتج معين ، ولكن تقريبًا جميع محرري WYSIWYG.
الإيجابيات: واجهة مألوفة لمنتجات MS Office ، مجموعة جيدة من القوالب ، تكامل مع برامج أخرى من مجموعة MS Office.
السلبيات: مجموعة صغيرة من أدوات التطوير ، استحالة شراء البرنامج بشكل منفصل.  سيعمل Microsoft FrontPage بشكل جيد كمحرر HTML لأول مرة ، ولكن مع نمو احتياجات المستخدم ، قد لا تكون قدراته كافية.
وأخيرًا ، البرنامج الأخير في مراجعة Macromedia Dreamweaver MX 2004. حجم مجموعة التوزيع (62 ميجا بايت) يسمح لك بتوقع الكثير من محرر HTML هذا.  في الواقع ، تعد إمكانيات Macromedia Dreamweaver MX 2004 مثيرة للإعجاب.  بعد التثبيت ، يُطلب من المستخدم اختيار مظهر البرنامج ، والذي يختلف باختلاف طريقة إنشاء مستندات الويب.  إذا حددت "رمز" ، فسيتم تعديل واجهة البرنامج وفقًا لاحتياجات المشفر ، وإذا حددت "تصميم" - وفقًا لذلك ، المصمم.  ومع ذلك ، من الممكن دائمًا التبديل بين هذين الوضعين ، ويتوفر أيضًا الوضع الثالث المشترك - يتم تقسيم منطقة عمل البرنامج إلى جزأين.


تكبير الصورة
يوجد على الجانب الأيمن قائمة أخرى متعددة المستويات ، والتي تحتوي ، على وجه الخصوص ، على عناصر لعرض المساعدة في الواصف الحالي ، وقائمة بالصور المستخدمة ، والمستكشف وبعض العناصر الأخرى.
يتم توفير مساعدة إضافية للمطور من خلال قوائم السياق ، حيث يتم تكرار الوظائف الرئيسية التي يتم استدعاؤها من القائمة الرئيسية.  على سبيل المثال ، بالعمل في الوضع المرئي عن طريق النقر بزر الماوس الأيمن على أي عنصر ، يمكننا تغيير الخط المستخدم ونمطه ولونه والسمات الأخرى ، ومن الممكن أيضًا تغيير سمات العلامة المستخدمة.
تكمن السمات الرئيسية للبرنامج بالتحديد في استخدام الوضع المرئي.  الرموز الموجودة على شريط الأدوات هي المسؤولة عن الإجراءات الأكثر شيوعًا: إضافة ارتباط تشعبي ، وإدراج صورة ، وإنشاء جدول ، وإضافة التاريخ الحالي ، وما إلى ذلك.
بالنسبة للمستخدمين المألوفين بإمكانيات لغة HTML ، يمكننا أن نوصي باستخدام أداة تسمى Tag Chooser ، والتي لا يمكنك من خلالها إدراج أي علامة HTML فحسب ، بل أيضًا التعبيرات الأساسية ومشغلي لغات البرمجة مثل JavaScript و ASP.Net و PHP و WML و ColdFusion.  كل هذا يفتح آفاقًا جديدة لاستخدام الأداة البرمجية عند تطوير العديد من المشاريع المعقدة باستخدام لغات البرمجة من جانب الخادم.
الراحة في الوضع المدمج هي أنه يتم عرض جميع التغييرات التي تم إجراؤها في كلا النافذتين في وقت واحد.  أي بعد إجراء تغييرات على رمز المستند ، سترى النتيجة على الفور في النافذة المجاورة ، وعلى العكس من ذلك ، عند تحديد عنصر ، يتم عرض الكود المقابل.
عند العمل في وضع "التعليمات البرمجية" ، تشبه مساحة عمل البرنامج مساحة عمل HomeSite - يبدو الأمر كما لو أن المنتجات لها منشئ واحد ، لكن وظيفة Dreamweaver لا تزال أعلى.  أن هناك مصمم جدول واحد فقط يوفر للمطور مرونة غير مسبوقة عند إنشاء الجداول.  علاوة على ذلك ، عند إنشاء جدول ، يعرض البرنامج استخدام أحد قوالب التصميم ، والتي يوجد منها العشرات ، وعندما تحدد قالبًا معينًا ، يمكنك على الفور تعديله وفقًا لاحتياجاتك عن طريق تصحيح بعض سماته.  بعد إنشاء الجدول وتعبئته بالمحتوى ، يصبح ترتيب الجدول حسب أي عمود متاحًا.  وكل هذا يتم في الوضع المرئي ، بينما الكود نفسه ، بالطبع ، يتغير تلقائيًا.
يمكن استخدام Macromedia Dreamweaver MX 2004 مع منتجات الشركة الأخرى - Macromedia Fireworks و Flash وما إلى ذلك.
إذا كان اختيار المستخدم الذي يفضل إنشاء مستندات في الوضع المرئي واضحًا تقريبًا ، فإن "برنامج التشفير" يواجه مهمة صعبة في الاختيار بين منتجي Macromedia: HomeSite أو Dreamweaver MX 2004؟  وتجدر الإشارة إلى أن قدرات برنامج Dreamweaver MX 2004 ستكون غير ضرورية للمبرمج ، ولكن مع قدر كبير من العمل الروتيني ، يمكنك استخدام الوضع المرئي بالكامل - إذا كان البرنامج يقدمه ، فلماذا لا تجربه؟  يُحرم مستخدمو HomeSite من هذه الفرصة ، لكن البرنامج يوفر لهم كل مجموعة الأدوات اللازمة للتطوير المريح لوثائق الويب ذات التعقيد المتفاوت.
وبالتالي ، يتمتع كل فرد بحرية اختيار المنتج الذي يحتاجه بمفرده ، مع مراعاة الأهداف والمعرفة الموجودة.  بالطبع ، السعر يمثل أيضًا مشكلة - يتم توزيع كل من منتجي Macromedia كبرنامج مشترك ، ولكن يمكن استخدامهما مجانًا لفترة تجريبية مدتها 30 يومًا.  هذه المرة كافية لاتخاذ قرار.
الإيجابيات: مجموعة ضخمة من الأدوات للتطوير البصري للمستندات ، واجهة سهلة الاستخدام ، القدرة على العمل في وضع المبرمج ، مجموعة جاهزة من القوالب.
السلبيات: حجم كبير لمجموعة التوزيع ، وارتفاع سعر المنتج.



                    
                
            
            




        
    


    

        

            سيبدأ التنزيل الآن ...
            
لا تنسى مشاركة المواد 
على الشبكات الاجتماعية مع الخاص بك 
زملاء
        

            

        
    
    

        
    

    

        

            
        
    










    



    
    
    

        

            
استعادة كلمة السر 

                    
                
            

            

                

                    
أدخل بريدك الإلكتروني لاستعادة كلمة المرور الخاصة بك!
                    

                        
                    
                    
                
            
            


        
    
    




























اسم العائلة
أيام الأسبوع
الإثنين
يوم الثلاثاء
الأربعاء
يوم الخميس
جمعة
إيفانوف
6
0
0
0
0
بيتروف
0
6
0
0
0
سيدوروف
0
0
6
0
0
سيرجيف
0
0
0
6
0
فاسيليف
0
0
0
0
6