Microsoft FrontPage - البرنامج عبارة عن محرر يسمح لك باستخدام التخطيط بتنسيق HTML. يعمل البرنامج على مبدأ "ما تفعله هو ما تحصل عليه". يعتمد محرك الأداة المساعدة على التكنولوجيا المستخدمة أيضًا في متصفح IE المعروف. يلاحظ المطور أنه عند العمل مع المتصفحات التي تستخدم محركات الطرف الثالث، ستبدو الشاشة مختلفة.
البرنامج قادر على تنفيذ التغييرات التي أجراها المطورون تلقائيًا في الوقت الفعلي.
يوصى باستخدام المحرر من قبل المبتدئين الذين يرغبون في إتقان العمليات الأساسية لإنشاء صفحات الويب. على عكس نظائرها الأكثر تعقيدا ومعقدة مع عدد كبير من القدرات، يمكن تسمية هذا البرنامج بأنه تافه. ومع ذلك، فإن الوظيفة الأساسية ستسمح لك بتعلم أساسيات إنشاء موقع الويب بسرعة.
قم بتنزيل النسخة الروسية الكاملة من Microsoft FrontPage مجانًا من الموقع الرسمي بدون تسجيل ورسائل نصية قصيرة.
متطلبات النظام
- أنظمة التشغيل المدعومة: ويندوز 7، 10، 8، 8.1، فيستا، إكس بي
- عمق البت: 32 بت، 64 بت، x86
الموضوع 3.3: تطبيقات إنشاء المواقع الإلكترونية
الموضوع 3.4: تطبيق الإنترنت في الاقتصاد وحماية المعلومات
برامج لإنشاء المواقع
3.3. برامج تطبيقية لإنشاء المواقع
3.3.2. مقدمة إلى فرونت بيج
تعتمد صفحات الويب على لغة HTML (لغة ترميز النص التشعبي) لوصف مستندات النص التشعبي. يستخدم HTML أوامر تسمى العلامات لتحديد محتوى وتنسيق مستندات النص التشعبي. صفحات HTML هي مستندات بتنسيق نص عادي تحتوي على أوامر تنسيق خاصة (علامات HTML).
لإنشاء موقع ويب باستخدام FrontPage، ليست هناك حاجة لتعلم لغة HTML. يسهل برنامج FrontPage كتابة النص الذي يمكن وضعه على صفحة ويب ووضع الصور في الأماكن الصحيحة. باستخدام FrontPage، يمكنك إنشاء تأثيرات تتطلب عادةً برامج نصية أو برامج DHTML.
الموقع أو موقع الويب عبارة عن مجموعة من صفحات الويب والملفات المرتبطة ببعضها البعض. يحتوي FrontPage على معالجات تتيح لك إنشاء موقع وقوالب أو مجموعة من تنسيقات النصوص والرسومات المصممة مسبقًا، والتي يمكن من خلالها إنشاء صفحات ويب جديدة. تسمح لك معالجات وقوالب FrontPage بإنشاء أنواع مختلفة من المواقع.
يحتوي كل موقع على صفحة ويب واحدة تسمى الصفحة الرئيسية أو الصفحة الرئيسية. الصفحة الرئيسية هي أول صفحة ويب يصل إليها زائر الموقع. باستخدام التنقل أو الارتباطات التشعبية، سيتمكن المستخدمون من الوصول إلى صفحات أخرى من الموقع.
عادةً، تتم استضافة موقع الويب على خادم ويب، وهو جهاز كمبيوتر يوفر الوصول إلى صفحات الويب لزوار الموقع. يسمح لك FrontPage بإنشاء موقع مباشرة على نظام الملفات الخاص بجهاز الكمبيوتر الخاص بالمستخدم، ثم نشره على خادم ويب عندما يصبح جاهزًا.
بعد تشغيل برنامج FrontPage (ابدأ – البرامج – FrontPage) ستظهر نافذة برنامج على الشاشة تعرض صفحة جديدة (new_page_1.htm). يعرض جزء المهام لوحة البدء.
أرز. 1.
تتكون نافذة تطبيق FrontPage من: شريط عنوان، وشريط قوائم، وأشرطة أدوات التحرير والتنسيق، وأزرار التحديد السريع للعلامات (لتحرير العلامات وإدخالها)، واختصارات علامة تبويب تحديد الصفحة (للتنقل بين الصفحات)، ونافذة عمل يتم فيها وضع علامة تبويب جديدة. يتم عرض الصفحة، لوحة الرسم، أزرار وضع العرض، مؤشر وقت تحميل الصفحة المتوقع بسرعة 56 كيلوبت في الثانية، مؤشر حجم الصفحة، منطقة المهمة.
يوفر FrontPage أربعة أوضاع للعرض: التصميم، والتعليمة البرمجية، والتقسيم، والمعاينة. في وضع "المصمم"، كما هو الحال في أي محرر نصوص، يمكنك إنشاء صفحة وتحريرها وتنسيقها في الوضع المرئي، أي. إدخال النص وإضافة الصور والجداول. يؤدي هذا إلى إضافة علامات لغة HTML تلقائيًا في الخلفية، لكنه لا يعرض ترميز HTML على الشاشة.
في وضع "الرمز"، سيتم عرض كل الترميز على الشاشة ويمكنك تعديل كود HTML مباشرةً، بالإضافة إلى إدخال رموز جديدة. يوضح الشكل رمز HTML لصفحة فارغة جديدة في محرر FrontPage.
أرز. 2.
في وضع "التقسيم" - يتم عرض صفحة الويب على الشاشة في نفس الوقت في وضع Code وفي وضع التصميم. في وضع العرض، تبدو صفحة الويب مشابهة لما تظهر عليه في مستعرض الويب.
توجد الأوامر المصممة للعمل مع صفحات الويب ومواقع الويب في القائمة عرض لبرنامج FrontPage:
- الصفحة هي وضع العرض والتطوير للصفحة.
- المجلدات – يعرض بنية المجلد للموقع الحالي.
- العقدة البعيدة – العقدة الموجودة على خادم الإنترنت.
- التقارير – توفر ملخصًا لموقع الويب.
- الانتقالات – يعرض بنية الانتقالات بين صفحات الموقع.
- الارتباطات التشعبية – لفتح قائمة الارتباطات الموجودة على الصفحة الحالية.
- المهام - يفتح قائمة المهام للموقع الحالي
أرز. 3.
إنشاء صفحات ويب في تطبيق FrontPage
إنشاء صفحة ويب فارغة جديدة
إذا قمت بفتح نافذة برنامج FrontPage، إذا عرضت صفحة فارغة، فيمكنك تطوير صفحة ويب بناءً على هذه الصفحة. إذا تم عرض نافذة رئيسية فارغة عند فتح محرر FrontPage، فلإنشاء صفحة فارغة جديدة، يجب عليك تشغيل الأمر "ملف/جديد" وتحديد "صفحة فارغة" في منطقة المهمة. ستظهر صفحة فارغة في نافذة التطبيق. بعد ذلك، تحتاج إلى تطوير الصفحة، أي. تنفيذ تخطيط الصفحة (البنية)، وإدخال النص والصور، وما إلى ذلك.
أرز. 4.
إنشاء صفحة ويب تعتمد على قوالب FrontPage
يمكنك أيضًا إنشاء صفحة جديدة بناءً على أحد القوالب. للقيام بذلك، حدد الأمر "قوالب الصفحات الأخرى" في منطقة المهمة. سيتم عرض مربع الحوار قوالب الصفحة على الشاشة، والذي يعرض قوالب الصفحات المختلفة حسب الفئة.
أرز. 5.
إنشاء صفحة ويب بناءً على صفحات الويب الموجودة على جهاز الكمبيوتر الخاص بك
يمكنك أيضًا إنشاء صفحة ويب استنادًا إلى صفحات الويب الموجودة على جهاز الكمبيوتر الخاص بك. للقيام بذلك، حدد الأمر "من صفحة موجودة" في منطقة المهمة وحدد الصفحة المطلوبة في مربع الحوار الذي يظهر. يمكنك بعد ذلك إجراء التغييرات اللازمة على الصفحة وحفظها باسم مختلف.
إنشاء موقع ويب في تطبيق FrontPage
قم بإنشاء موقع فارغ جديد أو قم بإنشاء موقع بدون محتوى
لإنشاء موقع فارغ جديد، قم بتشغيل الأمر "ملف/جديد" وحدد الأمر "قوالب مواقع الويب الأخرى" في جزء المهام. سيتم فتح مربع الحوار "قوالب موقع الويب"، حيث يتعين عليك تحديد "موقع ويب فارغ" والنقر فوق "موافق". ستعرض نافذة تطبيق FrontPage موقع الويب الموضح في الشكل.
أرز. 6.
لإنشاء صفحة رئيسية فارغة في موقع ويب جديد، انتقل إلى وضع Transitions وانقر فوق الزر New Page في لوحة Transitions؛ ستظهر الصفحة الرئيسية في مساحة العمل (يمكنك أيضًا استخدام قائمة السياق لإنشاء صفحة رئيسية).
أرز. 7.
انقر نقرًا مزدوجًا فوق الصفحة الرئيسية باستخدام زر الماوس الأيسر وسيتم فتحها في وضع التصميم للتحرير (الصفحة - Index.htm).
أرز. 8.
بعد ذلك، يمكنك تصميم الصفحة الرئيسية (إنشاء تخطيط أو بنية الصفحة، وإدخال النص والصور، وما إلى ذلك)، وبعد ذلك يمكنك إضافة صفحات إلى الصفحة الرئيسية في وضع الانتقالات. للقيام بذلك، في وضع Transitions، حدد الصفحة الرئيسية وانقر فوق الزر New Page في لوحة Transitions أو استخدم قائمة السياق.
سيتم إضافة صفحة جديدة رقم 1 كما هو موضح في الشكل. بعد ذلك، أضف العدد الذي تحتاجه من الصفحات للموقع، ثم يمكنك إعادة تسمية الصفحات وتغيير ترتيبها. بعد ذلك، في كل صفحة، تحتاج إلى إدخال المحتوى (نص، جداول، صور، إلخ)، والنتيجة هي موقع ويب.
أرز. 9.
إنشاء موقع ويب يعتمد على قالب محرر FrontPage
لإنشاء موقع يعتمد على قالب، قم بتشغيل ملف/جديد وفي منطقة المهمة، انقر فوق أمر حزم الويب، وسيتم فتح مربع الحوار قوالب موقع الويب.
أرز. 10.
حدد القالب أو المعالج المطلوب لإنشاء موقع جديد.
يحتوي الموقع الذي تم إنشاؤه على تخطيط وتصميم، ولكن لا يوجد محتوى. بعد ذلك، تحتاج إلى إدخال النص المناسب والصور والبرامج النصية والعدادات وعناصر الموقع الأخرى في صفحات هذا الموقع.
إذا بدا سابقًا أن إنشاء صفحات الويب أمر معقد جدًا ومستحيل بدون معرفة خاصة، فبعد بدء إصدار محرري HTML باستخدام وظيفة WYSIWYG، اتضح أنه حتى المبتدئ المطلق الذي لا يعرف شيئًا عن اللغات الترميزية يمكنه إنشاء موقع ويب . كان أحد المنتجات البرمجية الأولى لهذه المجموعة هو Front Page على محرك Trident من Microsoft، والذي تم تضمينه في إصدارات مختلفة من مجموعات المكاتب حتى عام 2003. وأخيرًا وليس آخرًا، وبفضل هذه الحقيقة، حظي البرنامج بهذه الشعبية الواسعة.
الميزة الرئيسية للبرنامج، والتي تجذب المبتدئين بشكل خاص، هي القدرة على تخطيط الصفحة دون معرفة كود HTML أو لغات الترميز الأخرى. أصبح هذا ممكنًا بفضل ميزة WYSIWYG، واسمها هو اختصار باللغة الإنجليزية للعبارة المترجمة إلى الروسية على أنها "ما تراه هو ما تحصل عليه". أي أن المستخدم يحصل على فرصة لكتابة نص وإدراج الصور في صفحة الويب التي تم إنشاؤها بنفس الطريقة تقريبًا كما هو الحال في معالج النصوص Word. والفرق الرئيسي عن الأخير هو أن Front Page يحتوي على المزيد من مكونات الويب المختلفة المتاحة، مثل Flash وXML. يتم تمكين وظيفة WYSIWYG عند التشغيل "البناء".
باستخدام العناصر الموجودة على شريط الأدوات، يمكنك تنسيق النص بنفس الطريقة المستخدمة في Word:
- حدد نوع الخط؛
- تحديد حجمها.
- لون؛
- تحديد المواقع وأكثر من ذلك بكثير.
بالإضافة إلى ذلك، يمكنك إدراج الصور مباشرة من المحرر.
محرر HTML القياسي
بالنسبة للمستخدمين الأكثر تقدمًا، يوفر البرنامج القدرة على استخدام محرر HTML قياسي باستخدام لغة الترميز.
محرر الانقسام
هناك خيار آخر للعمل مع البرنامج عند إنشاء صفحة ويب وهو استخدام محرر مقسم. يوجد في الجزء العلوي لوحة يتم فيها عرض كود HTML، وفي الجزء السفلي يتم عرض نسخته في الوضع "البناء". عندما تقوم بتحرير البيانات في إحدى اللوحات، يتم تغيير البيانات الموجودة في اللوحة الأخرى تلقائيًا.
اسلوب العرض
تتمتع Front Page أيضًا بالقدرة على عرض صفحة الويب الناتجة بالشكل الذي سيتم عرضها به على الموقع من خلال متصفح Internet Explorer.
التدقيق الإملائي
عند العمل في الأوضاع "البناء"أو "مع الانفصال"تحتوي Front Page على وظيفة التدقيق الإملائي، المشابهة لتلك الموجودة في Word.
العمل في علامات تبويب متعددة
يتيح لك البرنامج العمل في عدة علامات تبويب، أي إنشاء عدة صفحات ويب في نفس الوقت.
تطبيق القوالب
توفر Front Page الفرصة لإنشاء موقع ويب يعتمد على قوالب التصميم الجاهزة المضمنة في البرنامج نفسه.
الارتباط بمواقع الويب
يتمتع البرنامج بإمكانية التواصل مع المواقع المختلفة عن طريق نقل البيانات.
مزايا
- سهل الاستخدام؛
- توافر واجهة باللغة الروسية.
- القدرة على إنشاء مواقع الويب حتى للمبتدئين.
عيوب
- البرنامج قديم، حيث لم يتم تحديثه منذ عام 2003؛
- غير متاح للتنزيل على الموقع الرسمي نظرًا لعدم دعمه من قبل المطور لفترة طويلة؛
- تمت الإشارة إلى عدم صحة الكود وتكراره؛
- لا يدعم تقنيات الويب الحديثة؛
- قد لا يتم عرض محتوى صفحة الويب التي تم إنشاؤها في Front Page بشكل صحيح في المستعرضات التي لا تعمل على محرك Internet Explorer.
Front Page هو محرر HTML مزود بوظيفة WYSIWYG وكان شائعًا لدى المستخدمين في وقت ما وكان معروفًا بسهولة إنشاء صفحات الويب. ومع ذلك، في الوقت الحاضر، فقد عفا عليه الزمن بشكل ميؤوس منه، لأنه لم يتم دعمه من قبل Microsoft لفترة طويلة، وقد ذهبت تقنيات الويب بالفعل إلى الأمام. ومع ذلك، يتذكر العديد من المستخدمين هذا البرنامج بالحنين.
المدرجة في حزمة البرنامج مايكروسوفت أوفيس يتضمن العديد من التطبيقات التي تتيح لك إنشاء صفحات الويب وتحريرها واستضافتها. واحد منهم هو برنامج بسيط نسبيا الصفحة الأمامية . بمساعدتها، يمكنك إنشاء صفحات معقدة للغاية تلبي احتياجات حتى مصمم الويب المحترف.
عند إنشاء صفحة ويب، يجب أن تسعى جاهدة لإضفاء مظهر جذاب عليها، لأن الصفحة الجذابة تتم زيارتها كثيرًا. في الوقت نفسه، يجب أن تجمع الصفحة بين خاصيتين متناقضتين - الجاذبية والحد الأدنى من الذاكرة. يمكنك استخدام عدد محدود من الوسائل منخفضة الكثافة، على سبيل المثال، الزهور بدلاً من الرسومات، لإنشاء صفحة متناثرة ولكنها جذابة للغاية، وعلى العكس من ذلك، يمكنك تجهيزها بالعديد من الرسومات والألوان والأشكال وعناصر الترميز الأخرى، ستعطي المجموعة والموضع الخاص بها صفحة يمكن اعتبارها مثالاً على الذوق السيئ الغني. تعتبر عملية إنشاء صفحة ويب عملية إبداعية، ولهذا السبب يطلق عليها غالبًا تصميم الويب. ومن المعروف أن بعض مصممي الويب يقضون عدة أشهر في إنشاء صفحة ليست بهذا التعقيد، ويعودون إليها عدة مرات، بحثًا عن الطريقة الأكثر تعبيرًا لتنفيذها، بينما يمكن إنشاء صفحة بنفس المحتوى في مدة لا تزيد عن ساعة عمل . إذا كان من الصعب تغيير البدلة، بمجرد خياطتها، عدة مرات، فمن الممكن "تغيير" صفحة الويب وتحسينها بالقدر الضروري، بما يتوافق تمامًا مع كيفية تحسين الشاعر لعمله، ليصل به إلى قمة الكمال.
ومع ذلك، لا يشارك الجميع هذا الرأي، مع الإشارة بشكل معقول إلى أن صفحة الويب هي معلومات للتوزيع، ولهذا ليس من الضروري على الإطلاق تحويلها إلى عمل فني، خاصة وأن هذا يستغرق الكثير من الوقت.
يترتب على ذلك استنتاج عملي: يجب أن تكون صفحات الترويسة والعناوين والإعلانات جذابة، ويجب أن تحتوي الصفحات المخصصة لنشر المعلومات "الجافة"، على سبيل المثال، نصوص الأوامر، وتوصيف الوظائف، وأي خطط، وما إلى ذلك، على الحد الأدنى من العلامات.
1. واجهة FP
يوجد في المجلد Front Page، وهو برنامج لإنشاء وتحرير صفحات الويب برامج أوفيس مايكروسوفت أوفيس.
بعد تشغيل FP، تظهر نافذة على الشاشة، يظهر مظهرها في الشكل. 1. في هذا المثال، هذا الدليل، الذي تمت كتابته باستخدام FP، مفتوح للتحرير في نافذة البرنامج.
|
|
| أرز. 1. نافذة البرنامج الصفحة الأمامية |
يحتوي البرنامج على قائمة والعديد من أشرطة الأدوات. بحلول الوقت الذي يقرر فيه مستخدم FP تولي تصميم الويب، يكون هو أو هي على دراية جيدة بمجموعة برامج Word من Microsoft Office، لذا فإن واجهة FP، التي تم تصميمها بأسلوب تصميم Microsoft وتشبه إلى حد كبير Word الواجهة، لن تخلق صعوبات خاصة في العمل.
تعتبر واجهة البرنامج - القوائم واللوحات والأزرار والعناصر الأخرى - أكثر ملاءمة للشرح لأنك تحتاج إلى عناصرها أثناء إنشاء صفحات الويب أو تحريرها، والتي سيتم مناقشة أمثلة عليها في هذا الفصل.
عند تطوير صفحة، يقوم البرنامج تلقائيًا بإنشاء ملف ترميز، يكتب نصه FP بتنسيق HTML (لغة ترميز النص التشعبي). يمكنك إجراء تغييرات على هذا الملف يدويًا (علاوة على ذلك، يمكن تجميع نص البرنامج في محرر نص عادي، حتى لو كان بسيطًا، مثل المفكرة، لكنه مرهق للغاية). للانتقال إلى محرر النصوص FP المدمج، انقر فوق الاختصار الموجود أسفل النافذة شفرة، ثم قم بإجراء التغييرات في محرر النصوص. إذا لم يكن المطور واثقا من احترافه، فمن الأفضل عدم إجراء تغييرات على نص HTML، حيث سيكون من الصعب تصحيح أخطاء التحرير. للعودة إلى الصفحة التي تقوم بترميزها، انقر فوق الاختصار البناء.
لمعرفة كيف ستبدو الصفحة في المتصفح، انقر على الاختصار منظر. ومع ذلك، تجدر الإشارة إلى أنه يتم عرض الصفحات البسيطة فقط بشكل صحيح في هذا الوضع. لذلك من الأفضل عرض الصفحة في متصفح احترافي مثلاً ثعلب النار. للقيام بذلك، ابحث عن ملف الصفحة في المجلد وافتحه في المستعرض (عادةً ما يتم فتح كافة صفحات الويب في المستعرض).
2. قم بإنشاء صفحة ويب جديدة
لإنشاء صفحة ويب جديدة، انقر فوق الزر إنشاء صفحة عادية جديدةتقع على اللوحة معيار. تظهر بعض أزرار هذه اللوحة مع التعليقات المقابلة في الشكل. 2.
يمكنك إنشاء صفحة جديدة بشكل مختلف. على القائمة ملفانقر على السطر يخلق. سيعرض البرنامج الموجود على اليمين نافذة تحتوي على قوالب الصفحات القياسية. يمكنك اختيار قالب منه واستخدامه كأساس لصفحة مستقبلية. إذا كنت بحاجة إلى صفحة فارغة، فأنت بحاجة إلى النقر فوق القالب صفحة فارغة.
في FP، يمكنك أيضًا إنشاء إطارات تسمح لك برؤية صفحات ويب متعددة على شاشة العرض في نفس الوقت. الإطارات عبارة عن صفحات ويب متعددة النوافذ. يجب على مصمم الويب المبتدئ الامتناع عن استخدام الإطارات.
الآن يمكنك حفظ الصفحة. للقيام بذلك، انقر على الزر يحفظ، ثم احفظ الصفحة كملف على قرص جهاز الكمبيوتر الخاص بك. عند حفظ الصفحة، من الأفضل إنشاء مجلد منفصل لها على الفور بالاسم الذي ستعطيه للملف. عادةً ما يتم حفظ صفحات الويب في ملفات ذات الامتداد .htmأو .لغة البرمجة(من اسم اللغة HyperText Markup Language - لغة ترميز النص التشعبي). على سبيل المثال، إذا كنت ستقوم بحفظ ملف تحت الاسم about.htm، فيجب عليك إنشاء مجلد باسم عن، في منطقة القرص التي سيتم وضع صفحات الويب الخاصة بك فيها. قبل حفظ الصفحة الأولى، من الأفضل إنشاء مثل هذه المنطقة على الفور في شكل مجلد، على سبيل المثال، مجلد باسم صفحات الويب الخاصة بفيدوروفا. الآن يجب عليك إنشاء المجلد المذكور فيه عنوفيه – احفظ الصفحة about.htm.
3. خصائص صفحة الويب
بعد ذلك، تحتاج إلى ملء بعض خصائص الصفحة المهمة بالقيم. للقيام بذلك، انقر بزر الماوس الأيمن فوق منطقة الصفحة، ثم في قائمة السياق - على السطر خصائص الصفحة. سيظهر مربع حوار لإدخال خصائص الصفحة (الشكل 3). تحتوي النافذة على خمس علامات تبويب
شائعة, التنسيق, بالإضافة إلى ذلك, آخر, لغة .في التين. 3 يتم تنشيط الإشارة المرجعية في النافذة
شائعة. في النسقاسم تحتاج إلى إدخال عنوان الصفحة.هنا يمكنك توصيل ملف صوتي في المنطقة
خلفية صوت. سيرافق الصوت عرض هذه الصفحة على الكمبيوتر الذي فتحها. وبطبيعة الحال، من أجل الاستماع إلى صوت الخلفية، يجب تثبيت مكبر الصوت على جهاز الكمبيوتر الخاص بالمستخدم. عادةً، يتم تشغيل صوت الخلفية من خلال التمرير عبر ملف صوتي له الامتداد .wav. لتوصيل الملف، انقر فوق الزر مراجعةواستخدم مربع الحوار لتوصيل مثل هذا الملف. بالنسبة للصفحة العادية، ليس من الضروري تضمين ملف صوتي.لإنشاء خلفية الصفحة. الخلفية هي الخلفية الرئيسية للصفحة. الخلفية يمكن أن تكون لونأو رسم. يظهر في الشكل عرض نافذة خصائص الصفحة في علامة التبويب "الخلفية". 4.إذا كنت بحاجة إلى تحديد الخلفية على شكل لون، فأنت بحاجة إلى النقر فوق زر قائمة الخلفية
وحدد لونًا من مجموعة الألوان القياسية. يتم ضبط الحالة الأولية على اللون الافتراضي. عادةً ما يكون اللون الافتراضي هو الأبيض.إذا كانت الألوان المقترحة لا تناسبك، قم بالضغط على اللون
مخصص(مخصص). في مربع الحوار الذي يفتح، يمكنك تحديد لون من أي لون من 16"777"216 لونًا. تظهر نافذة اختيار اللون المخصص في الشكل. 5.لتحديد لون مخصص، يجب عليك أولاً تعيين لون أساسي من اللوحة الرئيسية، ثم النقر فوق اللون التقريبي في مربع اللوحة الموجود على اليمين (هذه النقطة مميزة بعلامة الصليب)، ثم تحديد الظل المطلوب في العمود الموجود على اليمين (يتم تمييزه بمثلث بجوار مؤشر الماوس). في مربع "اللون/التعبئة" يمكنك تقييم اللون المحدد بصريًا. وعلى يمينه تظهر الخصائص الطيفية للون المحدد. يمكن تغيير هذه الخصائص يدويًا.
إذا كان اللون المحدد لونًا غير قياسي (ظل) ويحتاج إلى استخدامه عدة مرات في جلسة التحرير، فيمكنك وضعه في قائمة "الألوان الإضافية" الموجودة أسفل اللوحة الرئيسية. للقيام بذلك، قبل التحديد، انقر فوق مربع الألوان الإضافي، وحدد الظل وانقر فوق الزر "إضافة إلى المجموعة". للخروج من النافذة، انقر على زر موافق.
إذا كانت خلفية الصفحة عبارة عن صورة، فيجب عليك فتح الصورة المطلوبة في علامة التبويب هذه
. من المستحسن أن يكون هذا الملف موجودًا في المجلد الذي تم تخزين ملف الصفحة فيه. في التين. 6. يظهر مثال للخلفية على شكل صورة مخزنة في ملف فراشة.gif.كما يظهر في الشكل. 6، الخلفية عبارة عن نمط متكرر يصور فراشة ( فراشة).
للمقارنة، في الشكل. 7 يظهر الشكل نفسه بشكل منفصل.
لنلاحظ على الفور أن المثال أعلاه هو مثال على سوء اختيار الركيزة، حيث أن الصورة تحجب هامش الصفحة وتجعلها، كما يقولون، "تبهر في العيون". ميزته الوحيدة هي أنه يوضح بوضوح كيف يقوم الرسم بإنشاء الخلفية على الصفحة.
إذا كنت تريد أن تكون الخلفية ثابتة، أي أنه عند التمرير في صفحة طويلة في المتصفح، تظل الخلفية بلا حراك، فأنت بحاجة إلى ضبط الخيار اجعلها ركيزة.
من الناحية العملية، عادة ما يتم اختيار الصور المشبعة قليلاً كخلفيات من أجل إنشاء الخلفية المطلوبة، ولكن لا يركز انتباه عارض الصفحة عليها. ومع ذلك، فإن اختيار الخلفية هو مسألة ذوق
ويب مصمم.عادةً ما تحتوي صور الخلفية على التنسيقات التالية:
بمب، جيف، جبغ ، بي إن جي .يجب أن يوضع في الاعتبار أن الصورة عادة ما تكون العنصر الأكثر استهلاكًا للذاكرة في صفحة الويب. ولذلك، يستغرق المتصفح وقتًا أطول لتنزيله من الخادم. إذا كانت سرعة الاتصال منخفضة، وكانت الصفحة التي يتم تحميلها تحتوي على عدة صور كبيرة، فقد يستغرق تحميل هذه الصفحة بعض الوقت. قد يتعب عارض هذه الصفحة من انتظار انتهاء التنزيل وإلغائه. لذلك يجب أن تسعى جاهدة لتقليل حجم الرسومات وعددها على الصفحة.
ويعتبر أن الخلفية ذات أبعاد مقبولة إذا كان حجم الصورة لا يتجاوز 1-5 كيلو بايت (K). ومن الأفضل أن يكون أقل من كيلو بايت. للمقارنة، لنفترض أن حجم صفحة الويب نفسها عادة لا يتجاوز 10-20 كيلو. فقط الصفحات التي تحتوي على كمية كبيرة من النص تكون كبيرة. والسبب هو أن صفحة الويب عبارة عن برنامج (تعليمات) حول كيفية وماذا يتم وضعه على شاشة متصفح المستخدم. على سبيل المثال، إذا كنت بحاجة إلى وضع صورة بحجم 150 كيلو بايت في مكان كذا وكذا على الشاشة، فإن التعليمات الخاصة بهذا الغرض في صفحة الويب يمكن أن تستغرق 50 بايت فقط، أي أقل بـ 3000 مرة من الصورة نفسها، والتي يتم نقلها إلى كمبيوتر العارض بشكل منفصل عن صفحات الويب. وبما أن عدد هذه التعليمات صغير، فإن حجم الصفحة نفسها صغير نسبيًا أيضًا
على الإشارة المرجعية
التنسيقيمكنك أيضًا ضبط لون النص. هنا يمكنك ضبط ألوان الارتباطات التشعبية النصية التي سيتم عرضها في المتصفح الذي يعرض الصفحة: لون كافة الارتباطات التشعبية النصية، ولون الارتباطات التشعبية التي قام المستخدم بالوصول إليها بالفعل، ولون الارتباط التشعبي الذي يحوم عليه مؤشر الماوس .على الإشارة المرجعية بالإضافة إلى ذلكيمكنك تعيين المسافات البادئة للصفحة من الزاوية اليسرى العليا من إطار عرض المتصفح. بشكل افتراضي، يتم تعيين المساحة المتروكة على 8 بكسل.
على الإشارة المرجعية
لغةيمكنك تعيين لغات ترميز نصية خاصة لحفظ الصفحة وتحميلها.4. استخدام الجداول
ربما تكون الجداول هي أكثر الوسائل فعالية والتي لا غنى عنها لترميز صفحات الويب. إذا كان بإمكانك الاستغناء عن الخلفية، فمن المستحيل تقريبًا الاستغناء عن الجدول.
يتكون كل جدول من خلايا مرتبة في صفوف وأعمدة. يمكنك دمج الخلايا الفردية، وتعيين المسافة البادئة للمحتوى الداخلي من حدودها، وتعيين المسافة بين الخلايا، وتعيين موضع العناصر الموضوعة بداخلها، وإنشاء خلفيات منفصلة عن الخلايا الأخرى، وإنشاء مخططات تفصيلية، وإدراج جداول أخرى داخل الخلايا، وغير ذلك الكثير .
إدراج جدول
لإدراج جدول في الصفحة، تحتاج إلى تنفيذ أمر القائمة
تجدول/إدراج/جدول. في النافذة التي تفتح، كما هو موضح في الشكل. 8، ينبغي تعيين عدد الخطوطوالأعمدة. هناك يمكنك أيضًا ضبط موضع الجدول على الصفحة. عادة ما يتم ترك الموضع الافتراضي. ومع ذلك، إذا كان من الضروري أن يتم توجيه الجدول دائمًا في المنتصف في الاتجاه الأفقي عند عرضه في نافذة المتصفح، فأنت بحاجة إلى ضبط الخيارمحاذاة المركز.تم تصميم خيار حجم الحدود لتعيين سمك الخطوط التي تحد الجدول والخلايا. إذا تم ضبطه على الصفر وتم تحديد خانة الاختيار طي حدود الجدول، فلن تكون الحدود مرئية في المتصفح. يتيح لك هذا استخدام جدول غير مرئي لتخطيط الصفحة.
ملكية
مجال الخليةيهدف إلى الإشارة إلى المساحة المتروكة بالبكسل من المحتوى الداخلي لجميع خلايا الجدول. ملكية تباعد الخلايايسمح لك بتعيين المسافة بالبكسل بين جميع خلايا الجدول المتجاورة. ضبط العرضيهدف إلى تعيين عرض الجدول بالبكسل أو كنسبة مئوية لعرض إطار العرض، بغض النظر عن حجم محتوياته. افتراضيا، يتم تعطيله. وهذا يعني أن حجم الجدول سيتم تحديده حسب حجم محتوياته.إذا كنت بحاجة إلى تعيين النمط وترميز الخلفية للجدول، فيمكن القيام بذلك في نفس النافذة.
عند الانتهاء من وضع علامة على الجدول، انقر فوق "موافق".تخطيط خلية الجدول
يجب أن تبدأ العمليات على الخلايا الفردية أو الجدول بأكمله بتحديد الخلايا. يمكنك الاختيار باستخدام الماوس أو لوحة المفاتيح أو باستخدام الأدوات
ف.ب. للاختيار باستخدام الماوس، تحتاج إلى وضع مؤشر الماوس على بعض خلايا المنطقة المحددة، واضغط على زر الماوس الأيسر، وأثناء الضغط على المفتاح، حركه بسلاسة عبر الخلايا. للاختيار باستخدام لوحة المفاتيح، تحتاج إلى وضع مؤشر لوحة المفاتيح في خلية، والضغط على مفتاح Shift، وأثناء الضغط باستمرار على المفتاح، اضغط على المفاتيح المطلوبة لتحريك مؤشر لوحة المفاتيح (أعلى، أسفل، يسار، يمين) حتى المطلوب تم تحديد منطقة الخلايا. يمكنك تحديد عمود أو صف واحد، بالإضافة إلى الجدول بأكمله.ل ذات الصلةالخلايا المحددة، تحتاج إلى تحريك المؤشر فوق أي منها والضغط على زر الفأرة الأيمن. في قائمة السياق المنبثقة، انقر فوق السطر دمج الخلايا. يمكنك حذف الخلايا بنفس الطريقة.
إذا لزم الأمر تحطيمخلية واحدة أو أكثر إلى عدة صفوف أو أعمدة، تحتاج إلى تحديدها (عند تقسيم خلية واحدة، التحديد غير مطلوب)، قم بتشغيل الأمر تقسيم الخلايا. في نافذة التقسيم التي تظهر، تحتاج إلى الإشارة إلى كيفية التقسيم – إلى أعمدة أو صفوف. ثم يجب عليك تحديد عدد الأعمدة أو الصفوف. تظهر هذه النافذة في الشكل. 9.
هنا يمكنك ضبط موضع محتوياته أفقيًا أو رأسيًا. للقيام بذلك، حدد الموضع الأفقي المطلوب (الوسط، اليسار، اليمين) أو الوضع الرأسي(في الأعلى، في المنتصف، في الأسفل، بالنسبة للمحور). في التين. 10 الوضع الرأسي للخلية – فوق(عند وضعها، سيتم ضغط العناصر الداخلية على الحافة العلوية للخلية)، أفقيًا – في المركز(سيتم توسيط المحتوى).
يمكنك ضبط عرض الخلية وارتفاعها بالبكسل أو النسب المئوية.في قسم الخلفية، يمكنك تعيين خلفية الخلية كلون أو نقش بنفس الطريقة التي تبرمج بها خلفية الصفحة.
إذا كنت بحاجة إلى تعيين نفس السمات لعدة خلايا، على سبيل المثال، تعيينها على نفس الخلفية، فيمكن القيام بذلك في خطوة واحدة. يجب عليك تحديد هذه الخلايا، ثم وضع علامة عليها بالطريقة الموضحة. إذا كنت بحاجة إلى تعيين بعض السمات لجميع الخلايا، فمن الأفضل تعيينها إلى الجدول نفسه. للقيام بذلك، انقر فوق أي خلية وتنفيذ نفس الأمر.
5. إدراج النص وتنسيقه
لإدراج نص في الصفحة، تحتاج إلى النقر بالماوس لوضع مؤشر لوحة المفاتيح في المكان المطلوب وإدخال النص هناك من لوحة المفاتيح أو نسخه من أي مستند آخر باستخدام حافظة Windows. بهذه الطريقة، يمكنك إدخال النص مباشرة على الصفحة أو في خلايا الجدول.
يشير التنسيق إلى الغرض من الخط وحجمه وعلامات اللون والخط العريض والخط المائل والتسطير واتجاه النص الأفقي وعدد من الإجراءات الأخرى. يتم تنفيذ هذه العمليات وفقًا للمعايير المعتمدة في محرر Word: تحتاج أولاً إلى تحديد قسم من النص، ثم تطبيق عملية التنسيق عليه.
الفرق من محرر Word هو ذلك فقط عند الضغط على المفتاحيدخل (لإدراج فقرة جديدة) هناك مسافة كبيرة جدًا بين الفقرات. إذا كنت تريد أن يكون التباعد بين الفقرات هو نفس التباعد بين أسطر فقرة واحدة، فاضغط على المفتاحيحول ودون تحريره، المفتاحيدخل.
6. إدراج الارتباطات التشعبية
الارتباط التشعبيهو أي عنصر في صفحة ويب يمكن تعيين رابط لصفحة ويب أخرى أو عنوان بريد إلكتروني أو صورة أو بشكل عام أي ملف أو إشارة مرجعية على نفس الصفحة. يتم تفعيلها من خلال النقر على الارتباط التشعبي. يمكنك تحديد ارتباط تشعبي على صفحة ويب عند عرضه في المتصفح من خلال ظهور مؤشر الماوس: إذا كان العنصر عبارة عن ارتباط تشعبي، فعند المرور فوقه، يأخذ المؤشر شكل رمز.
لإنشاء ارتباط تشعبي، تحتاج أولاً إلى تحديد عنصر الصفحة الذي سيصبح الارتباط التشعبي المستقبلي. إذا كان الارتباط التشعبي عبارة عن نص، فلتحديده، يجب عليك تحريك الماوس فوقه بسلاسة مع الضغط على المفتاح الأيسر أو مفاتيح تحريك مؤشر لوحة المفاتيح مع الضغط على المفتاح
يحول. إذا كان الارتباط التشعبي عبارة عن صورة، فلتحديده، ما عليك سوى النقر فوقه.، والذي يظهر مظهره في الشكل. 12.إذا كان الارتباط التشعبي يجب أن يكون مؤشرًا لصفحة أخرى موجودة على قرص جهاز الكمبيوتر الخاص بك، فأنت بحاجة إلى النقر فوق النافذة الشكل. 12 انقر فوق الزر الذي يحمل صورة المجلد وحدد صفحة ويب على القرص (عادةً ملف ذو ملحق لغة البرمجةأو
هتم ) . في هذه الحالة، سوف يظهر في شريط العناوين العنوان النسبيملف مع صفحة ويب. العنوان النسبي للصفحة الموجودة في نفس المجلد مثل الصفحة التي يتم إنشاؤها هو ببساطة اسم الملف، على سبيل المثال "photo2.htm". إذا كان الارتباط يشير إلى ملف خارج هذا المجلد، فقد يأخذ الارتباط التشعبي شكل السلسلة "../../HomePage.htm"، أي رابط إلى صفحة HomePage.htm على نفس الكمبيوتر، ولكن في مجلد مختلف يقع بمستويين فوق المجلد الحالي. تعتبر العناوين النسبية مفيدة جدًا عند إنشاء مجموعة من صفحات الويب الموجودة على نفس الخادم ولكن في مجلدات مختلفة ومتصلة بواسطة الارتباطات التشعبية. بعد إعداد الصفحات على جهاز كمبيوتر عادي، يمكنك إرسالها إلى خادم الويب دون الخوف من انقطاع الاتصال بين الصفحات والارتباطات التشعبية، نظرًا لأن البنية النسبية لموضعها على الخادم ستظل كما هي، وبالتالي، سوف "تعمل" الارتباطات التشعبية.من أجل خلق مطلق
العناوين، يجب عليك إدخال العنوان الكامل للصفحة. على سبيل المثال، إذا كنت بحاجة إلى إنشاء ارتباط تشعبي إلى عنوان موقع الويب الخاص بجامعة موسكو الحكومية، فأنت بحاجة إلى إدخال نص اسم المجال في سطر URL http://www.msu.ru. يمكنك إدخال نص يشير إلى عنوان IP، على سبيل المثال http://192.206.228.46.لإنشاء مثل هذا الارتباط التشعبي، أدخل نصًا مثل هذا في شريط العناوين ميلتو: عنوان. على سبيل المثال، إذا كان من الضروري أنه بعد النقر فوق الارتباط التشعبي، سيتم تشغيل عميل البريد الإلكتروني لإرسال خطاب إلى العنوان س [email protected]، ثم في سطر إدخال العنوان تحتاج إلى إدخال النص ميلتو:س [email protected] . يمكنك أيضًا النقر فوق الزر الذي يحتوي على صورة مظروف وفي النافذة التي تفتح، أدخل نفس العنوان دون تحديد البادئة ميلتو:.
في بعض الأحيان تحتاج إلى إنشاء رابط لصفحة موجودة بالفعل في المتصفح. على سبيل المثال، تحتاج إلى العودة بسرعة إلى أعلى الصفحة، إلى بعض الفقرات، وما إلى ذلك. عادة، تنشأ الحاجة إلى مثل هذه الروابط في تلك الصفحات التي تحتوي على كمية كبيرة من المعلومات. يسمى عنوان هذا الارتباط التشعبي إشارة مرجعية.
قبل إنشاء ارتباط تشعبي إلى إشارة مرجعية، يجب إنشاء الأخير أولاً. للقيام بذلك، تحتاج إلى تحديد إشارة مرجعية مستقبلية (جزء من النص، الصورة، وما إلى ذلك) وتشغيل الأمر إدراج/إشارة مرجعية. في النافذة التي تفتح، يظهر مظهرها في الشكل. 13، أدخل اسم الإشارة المرجعية في سطر الإدخال وانقر على زر موافق. في المثال الموضح في الشكل. تحتوي الصفحة 13 بالفعل على إشارة مرجعية واحدة تم إنشاؤها مسبقًا علامة التبويب 1، ويتم إعداد النص في نافذة الإدخال المرجعية 2إشارة مرجعية أخرى. بعد ذلك، يجب عليك الخروج من نافذة إنشاء الإشارة المرجعية، وتحديد عنصر الارتباط التشعبي للإشارة المرجعية في نافذة إنشاء الصفحة، ثم النقر فوق إشارة مرجعية(الشكل 12) حدد الإشارة المرجعية المطلوبة من القائمة. سيتم وضع النص الخاص به في شريط العناوين. على سبيل المثال، إذا تم تحديد إشارة مرجعية المرجعية 2، فإن الارتباط التشعبي الموجود في شريط العناوين سيبدو كسلسلة #المرجعية 2. بعد النقر فوق "موافق"، سيتم إنشاء ارتباط تشعبي للإشارة المرجعية.
برمجة نافذة العرض
بعد النقر على الارتباط التشعبي ل صفحة على الإنترنتيبدأ التحميل في المتصفح. يتم تحميله عادةً في نفس نافذة صفحة الاتصال. إذا كنت تريد تحميل الصفحة في نافذة جديدة، فيجب عليك استخدام النافذة الموجودة في الشكل. 12 انقر على الزر الموجود على يمين تسمية الإدخال اختيار الإطار. في النافذة التي تفتح، حدد السطر نافذة جديدة. الآن، بعد النقر على هذا الارتباط التشعبي، سيتم تشغيل نافذة واحدة في المتصفح وسيظهر فيها المحتوى القابل للتنزيل.
بالإضافة إلى ما تمت مناقشته، هناك العديد من الخيارات الأخرى لعرض الصفحة المطلوبة في المتصفح. إنها تنتمي إلى صفحات أكثر تعقيدًا - صفحات الإطار التي تتمتع بفرص أكبر بكثير لتصميم الويب. ستتم مناقشة ميزات تصميم صفحات الإطار أدناه.
7. إدراج عناصر غير نصية
لإدراج عناصر غير نصية في الصفحة، استخدم عنصر القائمة إدراج. يمكن تكرار نفس العملية لبعض العناصر من لوحات FP.
تظهر قائمة القائمة في الشكل. 14. يتم تحديد الخطوط التي تحتوي على قوائم فرعية على اليمين بمؤشر على شكل مثلث. يتم تمييز العمليات التي يمكن تكرارها باستخدام مفاتيح التشغيل السريع باسم مجموعة المفاتيح.
 |
أرز. 14. الرئيسية |
فيما يلي بعض عناصر قائمة "الإدراج" غير النصية الأكثر استخدامًا:
- فجوة . الانتقال إلى فقرة جديدة بدون فاصل زمني خاص (مثل Shift + Enter)؛
دعونا نلقي نظرة على بعض ميزات إدراج هذه العناصر.
خط أفقي
لإدراجه، انقر فوق المكان المطلوب في الصفحة، وحدد السطر من القائمة إدراج/خط أفقيوانقر عليه لإدراج العنصر. إذا كنت بحاجة إلى تغيير سمات الخط، فحرك مؤشر الماوس فوقه، وانقر بزر الماوس الأيمن لإظهار قائمة السياق، ثم انقر فوق السطر معخصائص الخط الأفقي . ستظهر نافذة بنفس الاسم يمكنك من خلالها تغيير سمات الخط: العرض والارتفاع واللون والسمات الأخرى.
غالبًا ما تكون هناك حاجة لإدراج سطر يحتوي على السمات المعينة بالفعل في أماكن مختلفة على الصفحة. للقيام بذلك، انقر على السطر، ثم على الزر
نسخ على اللوحة معيارلنسخ السطر إلى الحافظة. الآن تحتاج إلى النقر فوق المكان المطلوب في الصفحة، ثم على زر الإدراجللصق محتويات المخزن المؤقت في الموقع المحدد. بهذه الطريقة، يمكنك إدراج سطر عدة مرات في أماكن مختلفة على الصفحة.ملاحظة: يمكن استخدام الطريقة الموضحة لنسخ أي عناصر من صفحة الويب.
الصورة هي العنصر الأكثر أهمية في صفحة الويب. من النادر أن تجد صفحة لا تحتوي على رسم. بالإضافة إلى الدور الرئيسي المتمثل في حمل الصورة، تُستخدم الرسومات لتبسيط النقوش وإنشاء خطوط وإطارات مختلفة وتصوير الرسوم البيانية، أي حيثما يكون ذلك ضروريًا لتقديم المعلومات في شكل صورة رسومية.
للإدراج، تحتاج إلى النقر فوق المكان الذي يجب أن توجد فيه الصورة على الصفحة، وتنفيذ الأمر إدراج
/ رسم / من الملفأو انقر على الزر إدراج صورة من ملفعلى اللوحة معيار(الشكل 5.2). في النافذة التي تظهر، حدد الملف الذي يحتوي على الصورة الموجودة على القرص وانقر فوق "موافق".بعد الإدراج، يمكنك وضع علامة على الصورة أو تركها دون تغيير. للترميز، تحتاج إلى النقر بزر الماوس الأيمن على الصورة، ثم في قائمة السياق على السطر
خصائص الصورة. في مربع الحوار، الذي يظهر مظهره في الشكل. 15، يمكنك وضع علامة على الصورة.على الإشارة المرجعية شائعةيتم تحديد اسم الملف الذي يمثل الرسم. يمكنك تغيير الصورة عن طريق تحديد ملف مختلف.
في النسق نصيمكنك إدخال نص لتمثيل تلميح الأداة. عندما يقوم مستخدم في المتصفح بتمرير مؤشر الماوس فوق الصورة، ستظهر تحت المؤشر لفترة قصيرة.
إذا كان من المفترض أن تعمل الصورة كارتباط تشعبي، فيمكنك تحديد عنوان الارتباط التشعبي في نفس علامة التبويب.
إذا كنت بحاجة إلى إنشاء مسافات بادئة لصورة من عناصر الصفحة المجاورة، فيمكنك استخدام الخصائص فتراتللحشوة الأفقية على اليسار واليمين وللحشوة الرأسية في الأعلى والأسفل. في قسم مقاسيمكنك تغيير حجم الصورة ونسبها. يمكن تمديد الصورة أو ضغطها في الاتجاه المطلوب باستخدام خصائص العرض والارتفاع. يمكن تحديد الأبعاد بالوحدات المطلقة — البكسل — أو بالوحدات النسبية — النسب المئوية بالنسبة للأبعاد الفعلية للصورة. إذا كان من الضروري الحفاظ على نسب الصورة أثناء التشوه، فيجب عليك ضبط الخيار الحفاظ على النسب.
تنسيقات الصور
هناك رسومات مصنوعة بالتنسيق الرسومات النقطيةوفي الشكل رسومات فيكتور.
في الرسومات النقطية، يتم تسجيل المعلومات حول جميع وحدات البكسل في الصورة في ملف، ويتم تمثيل كل بكسل كسلسلة من البتات التي تخزن خصائص البكسل - اللون والسطوع والتباين والإحداثيات وغيرها من الخصائص. يمكن تسمية التنسيقات النقطية بأنها طبيعية، لأنه يتم تخزين المعلومات المتعلقة بالصورة بالشكل الذي يتم عرضها به على شاشة الشاشة، لذلك يستغرق تنفيذ عمليات الإخراج حدًا أدنى من الوقت. ومع ذلك، عادةً ما تتطلب الرسومات النقطية قدرًا كبيرًا من الذاكرة لتخزينها، لذا يكون وضع رسومات صغيرة فقط على الصفحة أمرًا مبررًا. من أجل تقليل حجم ملف الصورة النقطية، يتم استخدام طرق الضغط. بالمقارنة مع الرسم الأصلي، عادةً ما يشغل الرسم المضغوط ذاكرة أقل بعشرات المرات. يتم تحميل الصور النقطية المضغوطة بشكل أسرع، ولكنها تستغرق بعض الوقت لفك ضغط الصورة.
تُستخدم الرسومات المتجهة بشكل أساسي لتصوير الأشكال الهندسية باستخدام الصيغ الرياضية. تعتبر هذه الطريقة لتمثيل الرسم فعالة للغاية، لأنها لا تتطلب تخزين البيانات حول كل بكسل، ويتم تقليل تمثيل الرسم إلى الحسابات الرياضية وتنفيذ التعليمات لتشكيل كائن رسومي. عادة ما يتم استخدام هذه الرسومات في برامج التصميم، على سبيل المثال
نذل - وغد.يوجد ايضا تنسيق ملف التعريفالذي يجمع بين كلا النوعين من الرسومات. ومن الأمثلة على ذلك الملفات ذات الامتداد .wmf. تُستخدم مثل هذه الملفات، على سبيل المثال، لتمثيل الرسومات في محرر Word الشهير، ولكن لإعطاء المستندات النصية المظهر المطلوب، يجب تغيير أبعاد الرسومات بشكل متكرر.
هناك نوعان من التنسيقات النقطية الشائعة الاستخدام حاليًا بين مطوري صفحات الويب: GIF(تنسيق تبادل الرسومات)، تم تطويره في عام 1987 وتم تحسينه في عام 1989 بواسطة CompuServe، و جبيغ، والتي حصلت على الاسم المختصر لمجموعة التطوير Joint Picture Experts Group.
بتنسيق GIF (الملفات ذات الامتداد
.gif) يتم ترميز الصورة باستخدام طريقة الكتلة. بمجرد استلامها على الكمبيوتر، يتم فك تشفيرها وتشغيلها على شاشة العرض. يوفر تنسيق GIF أصغر مقدار من ذاكرة الملف للرسومات التي تحتوي على عدد محدود من الألوان.يتيح لك استخدام تنسيق GIF إنشاء العديد من التأثيرات، بما في ذلك الشفافية
(الشفافية). يُستخدم هذا التأثير على نطاق واسع عندما يلزم عرض الرسم في شكل آخر غير الشكل المستطيل. في هذه الحالات، يتم طلاء جزء من الصورة المستطيلة بلون شفاف خاص، والآخر بألوان عادية. بمجرد وضعه على الصفحة، يتم استبدال التصميم الموجود في تلك البكسلات المملوءة بلون الشفافية ببيكسلات في لون الخلفية، ويتم إعادة إنتاج البكسلات المتبقية بالطريقة المعتادة، وبالتالي إنشاء تأثير الشفافية. الآن يمكن وضع نفس التصميم على ركائز بألوان مختلفة دون خوف من أنه إذا لم تتطابق الألوان، فسيتم إعادة إنتاج الخطوط العريضة المستطيلة غير المرغوب فيها للتصميم. يمكنك استخدام العديد من برامج تحرير الصور، مثل Photo Shop، لإنشاء صور GIF شفافة.تأثير آخر هو الطريقة التي يتم بها عرض ملف GIF الذي تم تنزيله في المتصفح. إذا تم حفظ الصورة بالتنسيق متشابك(مشذّر)، ثم عند نقلها إلى المتصفح يتم تحميلها من أجزاء مختلفة من الصورة. عند سرعة الاتصال المنخفضة، يتم إنشاء تأثير المظهر التدريجي للصورة، بدءًا من عدم الوضوح في بداية التنزيل وحتى الوضوح في النهاية. تعد مزايا الرسومات ذات التنسيق المتداخل واضحة لأنه في كثير من الأحيان، قبل وقت طويل من انتهاء تحميل الصفحة التي تحتوي على الرسم غير المرغوب فيه، يمكن للمستخدم التوقف عن التحميل، وبالتالي توفير الوقت الذي سيضطر إلى قضاءه في انتظار الرسم ذو التنسيق العادي بالكامل على أن يتم تحويلها. يتيح لك برنامج FP إنشاء تأثير شريطي لأي رسومات GIF.
يمكن استخدام صور GIF لإنشاء رسوم متحركة بدائية يتم استخدامها على صفحات الويب لتحريك ("تحريك") محتواها. لا شك أن تأثيرات الرسوم المتحركة تزين الصفحة وغالبًا ما تكون بمثابة وسيلة لجذب الانتباه إلى أجزاءها الفردية. الجانب السلبي هو زيادة حجم الملفات التي تحتوي على رسومات متحركة. لإنشاء صور GIF متحركة، يمكنك استخدام العديد من البرامج - بدءًا من البرامج البسيطة إلى البرامج المعقدة جدًا، مما يسمح لك بإنشاء أفلام رسوم متحركة كاملة في ملف واحد. مثال على برنامج الرسوم المتحركة البسيط هو MP Gif Animator (بواسطة V. Pham). أحد برامج الرسوم المتحركة القوية هو Ulead GIF Animator Lite (أحد منتجات أنظمة Ulead).
بتنسيق JPEG (الملفات ذات الامتدادات .jpg، كثير من الأحيان أقل .jpeأو jpeg) يفضل تخزين الصور متعددة الألوان، مثل الصور الفوتوغرافية الطبيعية، والصور عالية الجودة مع لوحة ألوان غنية، في شكل مضغوط. عند حفظ رسم في برامج تحرير الرسوم (على سبيل المثال، Photo Shop)، يمكنك التحكم في حجم الملف وجودة الرسم، والتي ترتبط عكسيًا ببعضها البعض. غالبًا ما يستخدم مطورو صفحات الويب هذه الخاصية لتقليل حجم الملفات التي تحتوي على صور، مما يؤدي إلى فقدان جودتها إلى حد ما. في كثير من الأحيان، لا يمكن تمييز هذه الصور عمليا بصريا، ولكن يمكن أن تختلف بمقدار 1.5 إلى 3 مرات في حجم الملفات المقابلة.
لا يمكنك تجاهل الملفات التي تحتوي على رسومات بتنسيق BMP (الملفات ذات الامتداد .bmp). هذا هو أحد تنسيقات الرسوم الأولى. تستهلك الرسومات بهذا التنسيق قدرًا كبيرًا من الذاكرة، لكنها لا تزال تُستخدم حتى اليوم، ولكن فقط لتمثيل صور صغيرة جدًا.
تم مؤخرًا تطوير تنسيق صور PNG جديد خصيصًا للويب، والذي يجب أن يحل محل تنسيق GIF.
من الموارد الجادة لتقليل حجم الملفات الرسومية معالجة الصور الخاصة في برامج تحرير الرسوم. في كثير من الأحيان يكون من الممكن تصغير الملف عدة مرات دون أي تدهور فعلي في جودة الرسم. في التين. يوضح الشكل 5.16 مثالاً لتحرير صورة باستخدام محرر الرسومات Photo Shop.
عند تحويل صورة باستخدام الماسح الضوئي إلى ملف، حتى في منطقة صغيرة من الصورة مثل ياقة القميص الأبيض، تم تشكيل العديد من وحدات البكسل ذات خصائص الألوان المختلفة. يتطلب الحفاظ على هذه الميزات عند ضغط الصورة اتباع نهج "فردي" في التعامل مع كل واحدة منها، مما يؤدي إلى حجم ملف كبير بشكل غير معقول.
على اليسار في الشكل. يُظهر الشكل 16 شريط أدوات محرر الرسوم البيانية، وفي المنتصف أدناه صورة فوتوغرافية، وفي الجزء العلوي جزء مكبر من الصورة (الجانب الأيمن من الياقة)، وعلى اليمين منظر مكبر للجزء المنقح. تضمن التنقيح صنع ياقة القميص بشكل موحد. من الواضح أنه إذا قمت بإجراء البكسلات التي تعرض الجزء المحدد بلون واحد، فلن تتدهور جودة الصورة، ولكن عند حفظها عن طريق الضغط، سيتم تسجيل المعلومات حول جميع وحدات البكسل ذات اللون الواحد مرة واحدة، ونتيجة لذلك أصبح حجم الملف أصغر. تم تطبيق عملية مماثلة على أجزاء مختلفة من الصورة، مما جعل من الممكن تقليل حجم الملف بمقدار 2.5 مرة. تتم عملية التنقيح باستخدام أدوات اللوحة المختلفة، بما في ذلك
أداة قلم رصاص (قلم رصاص)، والذي تم تمييزه باللون النشط على اللوحة.لتقليل حجم ملفات الصور، يمكنك أيضًا استخدام برامج خاصة تزيل منها المعلومات غير الرسومية التي يضعها محررو الرسوم عند تطوير الصورة وحفظها. على سبيل المثال، يستخدم مؤلف هذه السطور برنامج Advanced GIF Optimizer من Gold Software. غالبًا ما يؤدي استخدام أدوات التحسين إلى تقليل حجم ملف GIF بنسبة 10-60% أخرى.
لتسريع عملية تحميل الصورة، يمكنك قصها إلى أجزاء منفصلة ثم وضع هذه الأجزاء على صفحات في خلايا جدول مختلفة. عند عرضه في المستعرض، يظهر الرسم المجزأ مثل الرسم غير المجزأ. وتتمثل ميزة التجزئة في أن الصور، مثل عناصر الصفحة الأخرى، يتم تحميلها في المتصفح بالتوازي، مما يساعد على تسريع تحميل الصفحة. بالإضافة إلى ذلك، يظهر الجزء المحمل بالكامل على الفور في المتصفح، مما يسمح لك بإنشاء الوهم بأن الصورة سيتم تحميلها بسرعة. إلى جانب القدرة على نقل صور GIF وJPEG وتحرير الموارد، يمكنك تحقيق تسارع ملحوظ في تحميل الصور على الصفحات.
8. الصفحات ذات الإطارات
هذه الصفحات هي الأولى التي يتم استخدامها لمتصفح Netscape Navigator. تمثل إحدى هذه الصفحات مجموعة من نوافذ الإطارات المستقلة في المتصفح، مما يجعل من الممكن توسيع إمكانيات العرض المتزامن للصفحات الفردية أو أجزاء مختلفة من الصفحة، على وجه الخصوص، مما يسمح لها بالتمرير بشكل مستقل. يتم تمثيل كل إطار بملف منفصل، ويتم استخدام ملف آخر لوصف طريقة عرض الإطارات في المتصفح، وهو ملف إطار. كل إطار عبارة عن ويب الصفحة ويمكن الاطلاع عليها كصفحة منفصلة في نافذة واحدة.
في التين. يوضح الشكل 17 صفحة ويب تتيح لك التنقل عبر الصفحات التي تعرض المواد التعليمية الإلكترونية الخاصة بالقسم.
|
| أرز. 17. مثال لصفحة ويب مؤطرة |
يتم تنظيم الصفحة على شكل قائمة وتتكون من ثلاثة إطارات
: أحدهما يقع في الأعلى والآخران تحته - على اليسار وعلى اليمين. يمثل الإطار العلوي عنوان الصفحة. تم تصميم الإطارات السفلية بحيث يمكن إعادة إنتاج قائمة ذات مستويين واستخدامها. يتم تنظيم مستوى القائمة الأول في الإطار الأيسر. وفيها يمكن للمستخدم اختيار التخصص أو التخصص المطلوب أو الانتقال من هذه الصفحة إلى الصفحة الرئيسية للقسم بالضغط على أحد الروابط التشعبية. في التين. 17 في الإطار الأيسر، انقر فوق الارتباط التشعبي الذي يحتوي على النقش علوم الكمبيوتر، كما يمكن الحكم عليه من خلال الإطار المنقط الذي يحدد الارتباط التشعبي. بعد هذه النقرة، يتم تحميل وإعادة إنتاج صفحة تحتوي على عناوين المواد التعليمية المتاحة لهذا التخصص في الإطار الأيمن. في الإطار الأيمن، يحوم مؤشر الماوس فوق الخط يفتحفي أحد العناوين. وبالتالي، يعمل الإطار الأيمن كحاوية قائمة فرعية، أي قائمة نشطة من المستوى الثاني.تسمح لك طريقة التنظيم الموصوفة بإنشاء قائمة طويلة بشكل عشوائي من التخصصات والتخصصات في الإطار الأيسر، في شكل سهل الاستخدام، وقائمة طويلة بشكل عشوائي من المواد لكل تخصص أو تخصص لعرضها في الإطار الأيمن. في هذه الحالة، في قائمة الإطار الأيمن، يمكنك دائمًا رؤية محتويات الموضع المحدد من قائمة الإطار الأيسر.
عند تصميم صفحة إطار، تم إنشاء الصفحات التالية أولاً بشكل فردي:
- header.htm - الصفحة التي ستمثل رأس صفحة الإطار؛
- Menu.htm – صفحة لعرض القائمة في الإطار الأيسر؛
- informatique.htm – صفحة لعرض قائمة المواد التعليمية لهذا التخصص علوم الكمبيوتر;
- شهادة.htm – صفحة لعرض قائمة المواد التعليمية في التخصص شهادة;
- tms_metod.htm - صفحة الإطار الفعلية.
لإنشاء الصفحة الأخيرة، يتم تنظيم ملف جديد باستخدام القائمة ملف /
يخلقواختيار فريق آخر قوالب الصفحات...من جزء المهام خلق.في مربع الحوار الذي يفتحقوالب الصفحات، حدد علامة التبويب صفحةنطاق ، والذي يعرض قوالب صفحات الويب ذات بنية الإطار التي تشكل جزءًا من FP (الشكل 18).
سيتم تقسيم نافذة صفحة الويب الخاصة بالإطارات الجديدة (الشكل 19) إلى أجزاء وفقًا للهيكل المحدد.
انقر بزر الماوس الأيمن لفتح قائمة السياق ونافذة خصائص الصفحة وأدخل النص في سطر العنوان
المواد المنهجية للقسم، والذي يتم عرضه عادةً في الجزء العلوي من المتصفح، ثم قم بحفظ صفحة tms_metod.htm.بعد ذلك، انقر على الزر بالتتابع تعيين صفحة البدايةفي الإطارين العلوي واليسرى وقم بإنشاء اتصال بين الإطار المقابل وصفحتك باستخدام النافذة القياسية لإنشاء ارتباط تشعبي، كما هو موضح في الشكل. 12. بعد النقر على الزر، يتم تعيين عنوان header.htm للإطار العلوي، والقائمة اليسرى - Menu.htm، واليمين - صفحة فارغة (باستخدام الزر إنشاء صفحةفي التين. 19).
للتأكد من عرض الملفين informatique.htm وcertificate.htm في الإطار الأيمن بعد استدعائهما بواسطة الارتباطات التشعبية، يتم تعيين قيمة افتراضية للارتباطات التشعبية لصفحات الويب هذه في ملف Menu.htm.
9. مثال لتطوير صفحة ويب
في التين. 20 المقدمة
تاريخ صفحة الويب.htm ، يعرض نبذة تاريخية عن قسم TMS بجامعة KSTU.
أرز. 20. عرض صفحة ويب في المتصفح
يظهر في الشكل عرض الصفحة التي تم ترميزها في محرر FP. 21. أولاً، يتم إنشاء صفحة جديدة. بعد ذلك، بالنقر بزر الماوس الأيمن، يتم استدعاء قائمة السياق، حيث يتم النقر فوق السطر خصائص الصفحة. في نافذة خصائص الصفحة التي تظهر (الشكل 3)، يتم إدخال عنوانها تاريخ قسم TMS. على الإشارة المرجعية آخريحتوي كل خيار من خيارات المسافة البادئة لحدود الصفحة على علامة اختيار ويتم ضبط قيمها على الصفر. وهذا يعني أنه عند قراءتها في المتصفح، يجب أن يتم عرض الصفحة بدون أي حشوة من الحدود العلوية واليسرى لإطار العرض. من خلال النقر على الزر يحفظيتم حفظ الصفحة على القرص تحت اسم History.htm.
بعد ذلك، باستخدام أمر إدراج جدول، يتم وضع جدول مكون من أربعة أعمدة وأربعة صفوف على الصفحة. في خلايا الصف العلوي، يتم وضع ثلاث صور h1.gif وh2.gif وh3.gif بالتتابع من اليسار إلى اليمين (تم تصميم الصور مسبقًا في محرر الرسومات Photo Shop). الرسم الأول (KSTU) بحجم 4 ك، والثاني (TMS) - 3.6 ك، والأخير - 1.4 ك. جميع الرسومات عبارة عن نقوش مصنوعة على خلفية بورجوندي. تم تصغير الشكل الأخير (مع نقش تاريخ قسم تكنولوجيا الهندسة الميكانيكية) من أجل تقليل الذاكرة.
أرز. 21. عرض صفحة ويب مرمزة في محرر FP
بعد ذلك، انقر فوق خلية الصف الأول والأمر الجدول/حدد الصفتم تسليط الضوء على الصف الأول من الخلايا. ثم تم وضع المؤشر عليه والنقر على زر الفأرة الأيمن. الأمر المحدد في قائمة السياق خصائص الخليةوفي النافذة التي تظهر (الشكل 10)، يتم تعيين خلفية لجميع الخلايا المحددة على شكل صورة bg.gif (يتم إعدادها أيضًا في محرر Photo Shop). هذا الرسم عبارة عن صورة أحادية اللون مقاس 8 × 8 بكسل لها نفس الخصائص. حجم ملف الخلفية هو 46 بايت فقط. الخلفية ضرورية بحيث يتم رسم الصف الأول بأكمله من الجدول بنفس اللون (يتم عمل الصور على خلفية من نفس اللون).
لكي يتم وضع صورة h3.gif الأضيق عموديًا في منتصف الخلية، فإن هذه الخاصية لها الوضع الرأسيالقيمة المخصصة توسيط. يتم ترك الوضع الأفقي افتراضيًا، أي يتم الضغط عليه على الحافة اليسرى للخلية. بالنسبة للخلية الأخيرة من الصف الأول من الجدول (وهي فارغة)، الخاصية عرضتم تعيين القيمة إلى 600. يعد هذا ضروريًا بحيث يتم ضمان أن الصف الأول بأكمله من الجدول يناسب عرض النافذة بالكامل (وحتى توفير بعض الهامش)، والذي، عند عرض الصفحة، سيخلق تأثير تظليل أحادي اللون للرأس (الشعار) في المتصفح (الشكل 20).
بعد ذلك، تم تخصيص رابطين تشعبيين - إلى موقع KSTU والموقع الإلكتروني لقسم TMS. وهي ضرورية حتى يتمكن عارض الصفحة، إذا رغب في ذلك، من متابعة عرض هذه الصفحات. تم تعيين ارتباط تشعبي للصورة الأولى (h1.gif). http://www.kgtu.runnet.ruإلى موقع KSTU (الشكل 5.12). الثاني (h2.gif) – رابط تشعبي للموقع الإلكتروني لقسم TMS http://tms.kgtu.runnet.ru. في سطر النص الخاص بخصائص الصورة، يتم تعيين النص الأول إلى موقع KSTU، الثاني - إلى الموقع الإلكتروني لقسم TMS. تعتبر هذه الأسطر ضرورية حتى يتمكن عارض الصفحة، عند تحريك المؤشر فوق الصورة، من قراءة الغرض من الارتباطات التشعبية في تلميحات الأدوات. لمنع ظهور الخطوط العريضة لصور الارتباط التشعبي في المتصفح، يتم تعيين خاصية سمك الحدود الخاصة بها على الصفر ويتم طي الحدود (الشكل 15). هذا يكمل وضع علامة على الصف الأول من الجدول.
في الصف الثاني من الجدول، تحتوي الخليتان الأوليتان على نفس الصورة من الملف Arrow.gif. تمثل الصورة سهمًا يشير إلى الأعلى. حجم الملف 324 بايت فقط. الغرض من الصور هو تنبيه المشاهد إلى وجود روابط تشعبية فوقها يمكنه استخدامها. للتأكد من أن الأسهم موجودة تمامًا أسفل الصور المقابلة، يجب استخدام الخاصية الوضع الأفقيالخلايا المعينة قيمة في المركز.
يقع نص الصفحة في الصف الثالث من الجدول. قبل إدراج النص، تم دمج الخلايا الثانية والثالثة من هذا الصف. قبل الدمج، تم تحديد الخلايا، ثم تم تنفيذ أمر القائمة جدول/دمج الخلايا. بعد ذلك، تم وضع المؤشر في الخلية والضغط على مفتاح Enter عدة مرات لإدراج فقرات فارغة.
في الفقرة الأولى من الخلية، يتم كتابة الجزء العلوي من النص من لوحة المفاتيح (يسبق قائمة الموظفين الذين شغلوا في أوقات مختلفة منصب رئيس قسم TMS).
يوجد أدناه جدول يحتوي على صف واحد وعمودين. يتم إدخال أسماء الموظفين في العمود الأيسر، كما يتم إدخال سنوات قيادتهم للقسم في العمود الأيمن. يتم تنسيق خلايا الجدول بحيث تكون الخاصية رَأسِيّ أحكامله معنى أعلى، ملكية أفقي موضع – على الحافة اليسرى. ستسمح هذه المنظمة بوضع الألقاب والفترات في المتصفح في عمودين متجاورين أسفل بعضهما البعض تمامًا.
يوجد أسفل الجدول نص يكمل وصف القصة.
كل النص بالخط اريال، بعض شظاياه مكتوبة بالخط العريض. يتضمن ذلك التواريخ والألقاب والرموز المتخصصة والعناصر الأخرى التي تحتاج إلى الانتباه إليها عند عرض الصفحة.
لم يتم تفويت الفرصة للتأكيد على ميزة مثيرة للاهتمام في إحدى أجزاء النص: إذا قمت بإنشاء اختصار من الأحرف الأولى لأسماء التخصصات التي يتم تدريسها في قسم TMS، فسوف يكرر الاختصار المكون من الحروف الأولى من اسم القسم، أي مرة أخرى تحصل على "TMS" (في هذا الجزء من النص غير مرئي في الشكل 20 و 21. يتم التأكيد على هذه الميزة من خلال تمييز الأحرف الأولى في أسماء التخصصات في جريئة وباللون الأحمر.
أخيرًا، يتم دمج جميع خلايا الصف السفلي من الجدول الكبير ويتم إدخال بيانات الإخراج الخاصة بالقسم في الخلية الناتجة بخط أصغر - العنوان وأرقام الهواتف وعنوان البريد الإلكتروني.
يعد Microsoft Office FrontPage 2003 برنامجًا فريدًا يمكنك من خلاله إنشاء موقع ويب بسهولة. إن وجود المساعدة والعديد من البرامج البسيطة، يمكن للمرء أن يقول القياسية، يجعلها مساعدًا لا غنى عنه للمبتدئين. لكي نصبح أكثر دراية بإمكانيات Microsoft Office FrontPage، سنلقي نظرة على مجموعة من الأوامر الممكنة.
لتحسين نص HTML عند نشر صفحة، يجب عليك تكوين موقع بعيد.
1. في عرض موقع الويب البعيد، في علامة التبويب موقع الويب، انقر فوق الزر تحسين HTML المنشور.
2. في علامة التبويب تحسين HTML، حدد عند النشر، قم بتحسين كود HTML عن طريق إزالة العناصر التالية.
3. حدد الخيارات التي تريدها.
ملحوظات
· لا يقوم Microsoft FrontPage بتطبيق هذه الإعدادات على صفحات الويب المنشورة مسبقًا على موقع الويب. لتطبيق هذه الإعدادات على صفحة ما، قم بنشرها على موقع ويب.
· يمكنك تحسين نص HTML عند النشر من موقع محلي إلى موقع بعيد، ولكن ليس العكس.
· إذا قمت بتحديد خانة الاختيار كافة تعليقات HTML أو ملاحظات قوالب الويب الديناميكية، فسيقوم FrontPage بإزالة كافة التعليمات البرمجية لقالب الويب الديناميكي لتلك الصفحة عند تحسين نص HTML. ولذلك، لن يتم عرض أي محتوى صفحة مرتبط بقالب الويب الديناميكي لزوار الموقع بعد الآن. باستخدام مكونات الويب في Microsoft FrontPage، يمكنك تضمين نطاق واسع من الوظائف في موقع الويب الخاص بك، بدءًا من عدادات الدخول، التي تسجل عدد زوار الصفحة، إلى مجموعات الصور، وهي مجموعات من الصور الرسومية. هناك نوعان من مكونات الويب: مكونات وقت التصميم ومكونات وقت العرض. مكونات وقت التصميم هي أدوات لإنشاء صفحات الويب وتطويرها. وهي متوفرة في برنامج FrontPage. عندما تقوم بإضافة مكون وقت التصميم إلى موقع ويب — على سبيل المثال، معرض صور أو شريط ارتباطات — فإنك لا تحتاج إلى تثبيت أي برامج إضافية أو تقنية خادم على خادم الويب الذي يستضيف موقع الويب. تتوفر مكونات وقت الاستعراض على مواقع الويب التي تتم استضافتها على خوادم الويب التي تقوم بتشغيل ملحقات خادم Microsoft FrontPage Server أو Microsoft SharePoint Team Services أو Microsoft Windows SharePoint Services.
· الارتباط التشعبي هو رابط بين صفحات الويب أو الملفات. عندما يقوم زائر الموقع بالنقر فوق ارتباط تشعبي، يظهر الكائن الذي يشير إليه في مستعرض الويب، أو يتم فتحه أو تشغيله، وفقًا لنوع الكائن. على سبيل المثال، عند النقر فوق ارتباط تشعبي لصفحة ما، تظهر هذه الصفحة في مستعرض الويب الخاص بك، وعندما تنقر فوق ارتباط تشعبي على افي-ملف يفتح هذا الملف في Windows Player. طرق استخدام الارتباطات التشعبية:
انتقل إلى ملف أو صفحة ويب على شبكة محلية أو إنترانت أو الإنترنت
انتقل إلى الملف أو صفحة الويب التي سيتم إنشاؤها في المستقبل
إرسال رسالة عن طريق البريد الإلكتروني
بدء نقل الملفات، مثل تنزيل ملف أو إرسال ملف عبر بروتوكول بروتوكول نقل الملفات
الانتقال إلى إشارة مرجعية
بعد إنشاء ارتباط تشعبي، اتبعه إلى الوجهة للتأكد من أنه يؤدي إلى الصفحة أو البرنامج أو الملف أو عنوان البريد الإلكتروني المطلوب. عندما تقوم بتمرير مؤشر الماوس فوق نص أو صورة تحتوي على ارتباط تشعبي، فإنه يظهر على شكل يد مرفوعة بإصبع السبابة، مما يشير إلى أنه يمكن النقر فوق العنصر. في Microsoft FrontPage، يتم تتبع الارتباطات التشعبية وعرضها بشكل مختلف اعتمادًا على الهدف. عند إنشاء ارتباط تشعبي، يتم ترميز وجهته بتنسيق URL (محدد موقع المعلومات). يحدد عنوان URL البروتوكول (مثل HTTP أو FTP) ويحتوي على الاسم قاعدة بيانات للانترنتأو مواقع الشبكة، بالإضافة إلى المسار واسم الملف، كما هو موضح في الجدول.
الارتباطات التشعبية الموجودة في الصور ليست مرئية دائمًا. ومع ذلك، للتحقق مما إذا كانت الصورة عبارة عن ارتباط تشعبي، ما عليك سوى تمرير مؤشر الماوس فوقها. عندما تقوم بالتمرير فوق ارتباط تشعبي، يتغير مؤشر الماوس إلى يد مع رفع إصبع السبابة. ويمكنك إنشاء ارتباط تشعبي كنص أو صورة. الارتباط التشعبي النصي هو كلمة أو عبارة يتم تعيين عنوان لها. عنوان URLتعيينات. الارتباط التشعبي للصورة هو صورة تم تعيين عنوان URL الوجهة لها. يمكن تعيين هذا العنوان لصورة بإحدى طريقتين.
· يتم تعيين الصورة بأكملها ارتباطًا تشعبيًا افتراضيًا. في هذه الحالة، يؤدي النقر فوق أي جزء من الرسم إلى عرض الوجهة. على سبيل المثال، الزر عبارة عن صورة تم تعيين ارتباط تشعبي افتراضي لها.
· يمكن تعيين كائن تشعبي واحد أو أكثر إلى صورة، أي أنه يمكن تحديد مناطق الصورة التي تمثل ارتباطات تشعبية. يسمى الرسم الذي يحتوي على كائنات مفرطة بالخريطة الفائقة. على سبيل المثال، يمكن أن تكون الخريطة التشعبية عبارة عن رسم يمثل أقسامًا مختلفة من موقع ويب، مثل الصفحة الرئيسية وصفحة الكتالوج وما إلى ذلك. لعرض الصفحة، ينقر زائر الموقع على المنطقة المقابلة من الخريطة التشعبية.
كيفية عرض الارتباطات التشعبية: في متصفحات الويب، يتم عادةً وضع خط تحت الارتباطات التشعبية النصية وعرضها بلون مختلف. يمكنك تحديد الألوان التي سيتم استخدامها في متصفح الويب لعرض الارتباطات التشعبية. عند استخدام سمات HTML القياسية، يمكنك تحديد ثلاثة ألوان لتمثيل حالات الارتباط التشعبي المختلفة. الارتباط التشعبي - ارتباط تشعبي غير مستخدم. الارتباط التشعبي النشط هو الارتباط التشعبي المحدد حاليًا. الارتباط التشعبي الذي تم عرضه هو ارتباط تشعبي تم اتباعه بالفعل. الإشارة المرجعية هي موقع محدد أو نص محدد على صفحة تم وضع علامة عليها بطريقة مناسبة.
يمكن استخدام الإشارات المرجعية كوجهات للارتباطات التشعبية. على سبيل المثال، إذا كنت تريد أن تظهر لزائر الموقع جزءًا معينًا من الصفحة، فقم بإضافة ارتباط تشعبي يقوم بتعيين الوجهة إلى إشارة مرجعية لذلك الجزء من الصفحة. سيؤدي النقر فوق هذا الارتباط التشعبي إلى عرض الجزء المقابل من الصفحة بدلاً من بداية الصفحة. يمكن أيضًا استخدام الإشارات المرجعية للعثور على أماكن محددة على الصفحة. على سبيل المثال، يمكنك إضافة إشارة مرجعية لكل عنوان رئيسي في الصفحة. عند تغيير الصفحة، يمكن العثور على كل قسم بسهولة من خلال النقر على علامة التبويب المقابلة.
عند إنشاء إشارة مرجعية لموقع بدلاً من النص، تتم الإشارة إليها بواسطة رمز في FrontPage. وبخلاف ذلك، يتم تسطير النص بخط متقطع. عندما تقوم بإعادة تسمية ملف على موقع ويب، يقوم Microsoft FrontPage بالبحث عن الارتباطات التشعبية لذلك الملف. في حالة وجود مثل هذه الارتباطات التشعبية، يتم تحديث اسم الملف فيها تلقائيًا. عندما تقوم بنقل ملف على موقع ويب (على سبيل المثال، إلى مجلد أو مجلد فرعي مختلف)، يقوم Microsoft FrontPage تلقائيًا بتحديث كافة الارتباطات التشعبية إليه. يوصى دائمًا باختبار الارتباطات التشعبية قبل نشر موقعك. إذا كان موقع الويب يحتوي على ارتباط تشعبي معطل (ارتباط تشعبي بعنوان URL وجهة غير صحيح)، فستظهر رسالة خطأ في مستعرض الويب عندما يقوم زائر الموقع بالنقر فوق الارتباط. قد يكون سبب هذا الخطأ خطأ مطبعي في عنوان URL، أو قد يشير عنوان URL إلى صفحة تمت إزالتها من الموقع. إذا كانت الوجهة صفحة إنترنت أخرى، فربما تم نقلها أو حذفها.
مدقق الوصول: يقدم Microsoft Resources Office FrontPage 2003 مدقق وصول جديد لصفحات الويب. يكتشف اختبار إمكانية الوصول أن بعض الميزات لا تتوافق مع إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) اتحاد WWW (W3C)أو متطلبات المادة 508 من قانون إعادة التأهيل الأمريكي. يضع WCAG الأساس لإنشاء صفحات ويب يمكن الوصول إليها للأشخاص الذين يعانون من إعاقات حركية وبصرية وسمعية. يحدد القسم 508 معايير الحكومة الأمريكية لإمكانية الوصول عبر مجموعة واسعة من مصادر المعلومات والتقنيات.
لمزيد من المعلومات حول ميزات التحقق من إمكانية الوصول إلى FrontPage، راجع تعليمات Microsoft FrontPage. استخدم اختصارات لوحة المفاتيح لتنفيذ المهام المستخدمة بشكل متكرر بسرعة. يعتمد توفر اختصارات لوحة المفاتيح في Microsoft FrontPage على ما إذا كان الأمر المطلوب متوفرًا في طريقة العرض المحددة. المهام شائعة الاستخدام في Microsoft FrontPage:
إدارة صفحات الويب والعمل معها - F8
قم بتشغيل مدقق الوصول - CTRL + N
إنشاء صفحة ويب جديدة - CTRL+O
فتح صفحة ويب - CTRL+F4
إغلاق صفحة ويب - CTRL+S
حفظ صفحة ويب - CTRL+P
طباعة صفحة الويب - F5
تحديث صفحة الويب؛ تحديث قائمة المجلدات - CTRL+TAB
التبديل بين صفحات الويب المفتوحة - CTRL+SHIFT+B
عرض صفحة ويب في مستعرض ويب - ALT+F4
قم بإيقاف تشغيل Microsoft FrontPage - CTRL+ SHIFT+8
عرض الأحرف غير القابلة للطباعة - CTRL+ /
عرض علامات HTML في عرض التصميم - CTRL+F
البحث عن نص أو كود HTML على صفحة ويب - CTRL+H
استبدال نص أو كود HTML على صفحة ويب - F7
التدقيق الإملائي على صفحة ويب - SHIFT+F7
ابحث عن كلمة في الكتاب المرجعي - ESC
إلغاء إجراء - CTRL+Z أو ALT+SPACEBAR
التراجع عن الإجراء الأخير - CTRL+Y أو SHIFT+ALT+SPACEBAR
إرجاع إجراء أو تكراره - DEL
إزالة صفحة ويب أو مجلد من قائمة المجلدات أو أي مربع حوار - مفتاح المسافة
الوصول إلى طرق العرض واستخدامها - F12
قم بمعاينة الصفحة الحالية في متصفح الويب CTRL+PAGE DOWN أو CTRL+PAGE UP
التنقل بين طرق عرض Code وDesign وSplit وView - ALT+PAGE DOWN أو ALT+PAGE UP
التنقل بين جزأي التعليمات البرمجية والتصميم في طريقة العرض المقسمة - ALT+F1
إظهار أو إخفاء قائمة المجلدات - مفتاح السهم لأعلى
انتقل إلى عقد الارتباط التشعبي في طريقة عرض الارتباطات التشعبية - سهم لأعلى أو لأسفل أو لليسار أو لليمين
قم بتوسيع العقدة الحالية وانتقل إلى اليمين في عرض الارتباطات التشعبية - SHIFT+السهم لليسار
العمل مع أدوات الترميز
محرر العلامات السريعة - CTRL + F2
أدخل إشارة مرجعية مؤقتة - F2
الإشارة المرجعية المؤقتة التالية - SHIFT+F2
الإشارة المرجعية المؤقتة السابقة - CTRL+G
انتقل إلى السطر - CTRL + L
الإكمال التلقائي - CTRL+ENTER
إدراج مقتطفات التعليمات البرمجية - CTRL+>
أدخل علامة إغلاق - CTRL+<
إدراج علامة الفتح - CTRL+ /
إدراج ملاحظات HTML - CTRL+SPACEBAR
تنسيق النص والفقرات - CTRL+SHIFT+F
تغيير الخط - CTRL+SHIFT+P
تغيير حجم الخط - CTRL+B
تطبيق التنسيق الغامق - CTRL+U
تطبيق التسطير - CTRL+I
تطبيق التنسيق المائل - SHIFT+TAB
باستخدام القطارة - CTRL+علامة الجمع
طلب مرتفعالتنسيق - CTRL+علامة الطرح
طلب مخطوطةالتنسيق - CTRL+SHIFT+C
تنسيق النسخ - CTRL+SHIFT+V
لصق التنسيق - CTRL+SHIFT+Z أو CTRL+SPACEBAR
إزالة التنسيق يدويًا - CTRL+E
محاذاة الفقرة إلى المنتصف - CTRL+L
محاذاة فقرة إلى اليسار - CTRL+R
محاذاة فقرة إلى اليمين - CTRL+M
تعيين المسافة البادئة اليسرى للفقرة - CTRL+SHIFT+M
تعيين المسافة البادئة اليمنى للفقرة - CTRL+ SHIFT+S
طلب أسلوب- CTRL+SHIFT+N
تطبيق النمط "العادي" - CTRL+ALT+1
تطبيق نمط العنوان 1 - CTRL+ALT+2
تطبيق نمط العنوان 2 - CTRL+ALT+3
تطبيق نمط العنوان 3 - CTRL+ALT+4
تطبيق نمط العنوان 4 - CTRL+ALT+5
تطبيق نمط العنوان 5 - CTRL+ALT+6
تطبيق نمط العنوان 6 - CTRL+SHIFT+L
تحرير ونقل النصوص والصور - مسافة للخلف
احذف حرفًا واحدًا من اليسار - DEL
احذف حرفًا واحدًا من اليمين - CTRL+BACKSPACE
حذف كلمة واحدة من اليسار - CTRL+DEL
احذف كلمة واحدة من اليمين - CTRL+C أو CTRL+INS
نسخ النص أو الصور - CTRL+X أو SHIFT+DEL
قص النص المحدد إلى حافظة Microsoft Office - CTRL+V أو SHIFT+INS
الصق محتويات الحافظة - SHIFT+ENTER
أدخل فاصل أسطر - CTRL+SHIFT+SPACEBAR
تحديد النص والصور - SHIFT+السهم لليمين
حدد حرفًا واحدًا من اليمين - SHIFT+السهم لليسار
حدد حرفًا واحدًا على اليسار - CTRL+SHIFT+السهم لليمين
حدد كلمة حتى النهاية - CTRL+SHIFT+السهم لليسار
حدد سطرًا حتى النهاية - SHIFT+HOME
حدد سطرًا من البداية - SHIFT+سهم لأعلى
حدد سطرًا واحدًا في الأعلى - SHIFT+السهم لأسفل
حدد سطرًا واحدًا من الأسفل - CTRL+SHIFT+السهم لأسفل
حدد فقرة حتى النهاية - CTRL+SHIFT+سهم لأعلى
تحديد شاشة واحدة من الأسفل - SHIFT+PAGE UP
حدد شاشة واحدة من الأعلى - CTRL+A
حدد الصفحة بأكملها - ALT+ENTER
إدراج جدول - TAB
تحديد كافة الخلايا الموجودة في صف واحد عندما يكون المؤشر داخل الخلية.
إنشاء تلقائي رسمالصورة المحددة - CTRL+K
الوصول إلى جزء المهام "التعليمات" ونافذة "التعليمات" والعمل باستخدامهما - SHIFT+CTRL+ALT+T
إدراج جدول - TAB
تحديد محتويات خلية الجدول التالي - SHIFT+TAB
حدد عمودًا عندما يكون المؤشر في الخلية العلوية أو السفلية - CTRL +T
إنشاء تلقائي رسمالصورة المحددة - CTRL+K
يمكنك تعيين نوع البيانات والخيارات الأخرى المسموح بها لحقول النص ومناطق النص. على سبيل المثال، لتجميع أرقام الأعضاء أو الأرقام التسلسلية، يجب عليك السماح فقط بالأرقام الموجودة في حقل النص وعدم السماح بأي أحرف أخرى. كما يمكنك تحديد عدد الأحرف المطلوب حتى لا يفوتك زائر الموقع رقم أو حرف بالخطأ. يمكنك المطالبة بتعيين زر اختيار واحد في مجموعة من أزرار الاختيار.
على سبيل المثال، إذا كان النموذج يحتوي على زري اختيار، نعم ولا، وحاول زائر الموقع إرسال النموذج دون تحديد أحدهما، فستظهر رسالة. يمكنك مطالبة زائر الموقع بتحديد عنصر من القائمة المنسدلة، وتحديد الحد الأدنى والحد الأقصى لعدد العناصر المسموح بها، ومنع تحديد العنصر الأول إذا كان عبارة مثل "تحديد عنصر". بعد تعيين قواعد إدخال البيانات، يتعين عليك تحديد كيفية معالجة النتائج بواسطة النموذج. بعد تقديم النموذج من قبل زائر الموقع، من الضروري جمع البيانات المدخلة - نتائج النموذج؛ يمكنك الاطلاع عليها، أو عرضها على زائر الموقع، أو معالجتها بطريقة معينة.
عندما يقوم زائر الموقع بإرسال نموذج في المتصفح، يتم تضمين قيم جميع حقوله
أرسلت إلى معالج النماذج (معالج النماذج. برنامج على الخادم يتم تشغيله عندما يرسل زائر الموقع نموذجًا. ويرتبط كل نموذج في Microsoft FrontPage بمعالج نماذج محدد.). على سبيل المثال، إذا كان حقل النموذج عبارة عن حقل نصي، فإن القيمة التي يتم إرسالها إلى معالج النموذج هي النص الذي تم إدخاله في الحقل. لدى Microsoft FrontPage العديد من معالجات النماذج التي تقبل نتائج النموذج وتنفذ عمليات متنوعة. في كل مرة تقوم فيها بإرسال نموذج، يقوم FrontPage بحفظ المعلومات في قاعدة البيانات. على سبيل المثال، إذا كنت تستخدم نموذجًا لتجميع معلومات جهة الاتصال، فيمكنك تخزين نتائج النموذج مباشرةً في قاعدة بيانات العملاء. يمكنك حفظ النتائج في قاعدة بيانات موجودة أو إنشاء قاعدة جديدة باستخدام FrontPage. في كل مرة يقوم فيها زائر الموقع بإرسال نموذج، يقوم FrontPage بإلحاق النتائج بالملف الذي يمكن عرضه في المرة التالية التي يتم فيها فتح الملف. على سبيل المثال، يمكنك إعداد سجل ضيوف لزوار الموقع واختيار حفظ النتائج في ملف HTML وإنشاء رابط لهذا الملف حتى يتمكن زوار الموقع من رؤية ما كتبه الآخرون. إذا قمت بحفظ النتائج في ملف XML، فيمكنك استخدام النتائج في FrontPage أو تصديرها إلى أي تطبيق يدعم بيانات XML، مثل Office Excel 2003. في كل مرة يقوم فيها زائر الموقع بإرسال نموذج، سيتم إرسال رسالة بريد إلكتروني تلقائيًا إلى العنوان المحدد الذي يحتوي على نتائج هذا النموذج.يمكنك أيضًا استخدام البرامج النصية المخصصة لمعالجة نتائج النموذج. تتضمن عملية نشر موقع ويب نسخ كافة الملفات والمجلدات التي يتكون منها الموقع من الموقع الأصلي إلى موقع محدد. في Microsoft FrontPage، تقوم بنشر موقع لإتاحته للزوار، ولإنشاء نسخة احتياطية من الموقع، ولتحديث موقع تم نشره مسبقًا. عادةً ما يتم إنشاء ملفات ومجلدات موقع الويب على جهاز الكمبيوتر المحلي الخاص بك. بمجرد إنشاء الموقع، يتم نشره على الإنترنت أو الإنترانت المحلية حتى يتمكن الزوار من عرض صفحات الويب الخاصة به باستخدام متصفح الويب. تحتاج في بعض الأحيان إلى إنشاء نسخة من موقع ويب وحفظ هذه النسخة في موقع محدد على محرك الأقراص الثابتة أو محرك أقراص الشبكة. توفر أداة النشر Microsoft FrontPage طريقة مناسبة لإنشاء هذه النسخة. عند تحديث الملفات أو المجلدات الموجودة على موقع ويب، يستخدم FrontPage مصطلحات خاصة للتمييز بين مواقع المصدر والوجهة. موقع الويب المحلي هو موقع الويب المصدر المفتوح في FrontPage، وموقع الويب البعيد هو موقع الويب الوجهة الذي تقوم بالنشر عليه.
تسمح طريقة عرض موقع الويب البعيد بالنشر ثنائي الاتجاه، مما يعني أنه يمكنك بسهولة نقل الملفات بين المواقع البعيدة والمحلية. يكون هذا مفيدًا للغاية عند تحديث عقدة منشورة مسبقًا. في طريقة العرض Remote Web Site، تعرض لوحات Local Web Site وRemote Web Site أيقونات مع أوصاف توضح حالة نشر الملف. في بيئات العمل التعاونية، قد يكون العديد من المؤلفين مسؤولين عن تحديث مواقع الويب المحلية والبعيدة. سيقوم Microsoft FrontPage بمقارنة الملفات الموجودة على موقع الويب المحلي مع الملفات المنشورة على موقع الويب البعيد. فيما يلي وصف للحالات التي قد تحتاج فيها إلى مزامنة الإصدارات المحلية والبعيدة من الملفات.
إذا تم العثور على إصدار أحدث من الملف على موقع الويب المحلي، فستحدث مزامنة لتحديث مواقع الويب المحلية والبعيدة (ما لم تقم بتحديد إجراءات أخرى يدويًا). يمكنك أيضًا اختيار النشر من موقع بعيد إلى موقع محلي. عند مزامنة الملفات باستخدام طريقة عرض "الموقع البعيد"، قد يتم تنزيل الملفات من الموقع البعيد إلى الموقع المحلي. إذا قام أحد المهاجمين بوضع ملفات على مضيف بعيد، فقد يكون المضيف المحلي أيضًا في خطر. قبل مزامنة الملفات، تأكد من أن المستخدمين الموثوق بهم فقط هم من يمكنهم الوصول إلى الموقع البعيد.
تلتزم شركة Microsoft Corporation، التي قامت بإنشاء هذا البرنامج، بتعزيز أمان معلوماتك الشخصية. وللقيام بذلك، نستخدم مجموعة متنوعة من التقنيات والإجراءات لحماية المعلومات الشخصية من الوصول والاستخدام والكشف غير المصرح به. يجوز لشركة Microsoft، وفقًا لتقديرها، تحديث بيان الخصوصية هذا. في كل مرة يحدث فيها مثل هذا التحديث، يتغير تاريخ التحديث الموجود أعلى الكشف. سيتم تضمين بيان خصوصية محدث في حزمة الخدمة (SP) التالية لـ Microsoft Office FrontPage Resources 2003. ويشكل الاستخدام المستمر لـ Microsoft Office FrontPage Resources 2003 موافقتك على بيان الخصوصية هذا وأي تحديثات عليه. ترحب Microsoft بتعليقاتك فيما يتعلق ببيان الخصوصية هذا.
