يسمح لك منشئ SeaMonkey بإنشاء صفحات ويب ونشرها على الإنترنت. لا تحتاج إلى معرفة HTML لاستخدام الملحن؛ إنه سهل الاستخدام مثل محرر النصوص.
تتيح لك الأزرار الموجودة على شريط الأدوات إضافة قوائم وجداول وصور وروابط لصفحات أخرى وتطبيق لون ونمط خط مختلف. عندما تقوم بإنشاء مستند، يمكنك رؤية الشكل الذي يبدو عليه المستند عند نشره على الإنترنت ومشاركته مع مستخدمين آخرين، بغض النظر عن المتصفح أو الجهاز الذي تستخدمه. برنامج البريدهم يستخدمون.
للبدء باستخدام رابط SeaMonkey:
انقر على أيقونة الرابط في الزاوية اليسرى السفلية من أي نافذة SeaMonkey.
أو حدد سطر "رابط" من عنصر القائمة "نافذة".
SeaMonkey Linker - محرر لغة HTML (language توصيف النص التشعبي)، والذي يسمح لك بإنشاء وتحرير صفحات الويب. يتيح لك التخطيط العمل مع الصفحة في وضع WYSIWYG ("ما تراه هو ما تحصل عليه"). وهذا يعني أنه عندما تقوم بتحرير صفحة ما، فإنك تراها بنفس الطريقة التي يراها المستخدم في المتصفح. ليست هناك حاجة لمعرفة لغة HTML للعمل مع الملحن، حيث تتوفر عناصر العلامات الأساسية باستخدام أوامر القائمة أو أشرطة الأدوات.
ومع ذلك، إذا لزم الأمر، يمكنك تحرير و النص الأصليصفحات (كود HTML). لعرض كود مصدر HTML أو تحريره، افتح القائمة عرض وحدد عنصر القائمة "مصدر HTML"، أو انقر فوق علامة التبويب "رمز المصدر" في لوحة التحرير أسفل نافذة الملحن.
لإنشاء صفحة ويب جديدة، استخدم إحدى الطرق الموضحة أدناه. بمجرد البدء في العمل مع الصفحة،
يمكنك إضافة نص وتغييره تمامًا كما تفعل في محرر النصوص.
لنصنع او لنبتكر صفحة جديدة، الموجود في نافذة المستكشف:
افتح قائمة "ملف" وحدد "جديد". من القائمة الفرعية، حدد "رابط الصفحة". تفتح نافذة الملحن وتحتوي على صفحة فارغة.
لبدء تحرير الصفحة التي تشاهدها في Navigator:
في نافذة المستكشف، من القائمة "ملف"، حدد "تحرير الصفحة". يتم فتح نافذة الملحن التي تحتوي على الصفحة الحالية.
لإنشاء صفحة ويب جديدة في Composer:
انقر فوق الزر جديد على شريط أدوات الرابط.
لبدء تحرير ملف HTML محفوظ عليه قرص محلي:
لبدء تحرير صفحة ويب مخصصة:
يسهل الملحن فتح الصفحة التي كنت تعمل عليها مؤخرًا. للقيام بذلك، افتح القائمة "ملف" وحدد "الصفحات المفتوحة مؤخرًا". من القائمة الفرعية التي تفتح، حدد الملف المطلوب.
يمكن للرابط حفظ المستندات بتنسيق HTML، وكذلك بتنسيق تنسيق النص. يسمح لك ترميز HTML بالحفاظ على تنسيق المستند، على سبيل المثال. يسلط الضوء على النص(غامق أو مائل)، الجداول، الروابط، معلومات الصورة. عند حفظ مستند بتنسيق نص، تتم إزالة العلامات ويتم حفظ نص الصفحة فقط.
إذا لم يتم تعيين عنوان للصفحة بعد، فسيطالبك الملحن بالقيام بذلك. يظهر عنوان الصفحة في عنوان نافذة المتصفح عند عرض الصفحة، وأيضا في قائمة الإشارات المرجعية إذا تم إضافة الصفحة إليها.
سيطالبك الرابط بعد ذلك بإدخال اسم ملف للصفحة ودليل لحفظه فيه. تأكد من أنك تتذكر تضمين الامتداد .html في اسم الملف
عند حفظ صفحة في Composer، سيتم حفظ جميع أجزاء الصفحة (HTML والصور والملفات الأخرى مثل ملفات الصوتوأوراق الأنماط) محليًا على محرك الأقراص الثابتة لديك. إذا كنت تريد حفظ رمز HTML الخاص بالصفحة فقط، فستحتاج إلى تغيير إعدادات حفظ الصفحة للقيام بذلك. راجع القسم إعدادات الرابط - الرابط للحصول على معلومات حول كيفية تغيير إعدادات الرابط فيما يتعلق بحفظ الصفحات.
إذا كان مسار الصورة مطلقًا (يبدأ بـ "http://") وكنت متصلاً بالإنترنت، فستتمكن من رؤية الصورة في المستند في Composer وNavigator. ومع ذلك، إذا كان المسار إلى الصورة في الصفحة نسبيًا (يبدأ بـ "file:///")، فلن ترى الصورة في النسخة المحليةوثيقة.
ملاحظة: عند حفظ مستند بتنسيق نصي، ستفقد معلومات حول الصور والكائنات الأخرى المضمنة في الصفحة. لا تظهر هذه الكائنات عند عرض ملف نصي.
أثناء تحرير مستند، يمكنك العودة إلى آخر إصدار محفوظ من الملف عن طريق تحديد "الرجوع إلى آخر حفظ" من قائمة "ملف". في هذه الحالة، سيتم فقدان كافة التغييرات التي تم إجراؤها على المستند منذ آخر عملية حفظ.
لعرض صفحة في Navigator لاختبار الروابط الموجودة فيها:
من القائمة "ملف"، حدد "عرض الصفحة" (أو انقر فوق الزر "عرض" الموجود على شريط أدوات الرابط). إذا كنت ترغب في عرض صفحة تم إنشاؤها حديثًا ولم تشاهدها بعد
حفظ، سيطالبك الرابط بتحديد عنوان الصفحة، بالإضافة إلى اسم الملف والدليل الذي تريد حفظه فيه. سيتم فتح نافذة متصفح جديدة لعرض الصفحة؛ ستظل نافذة الملحن مفتوحة أيضًا.
تنسيق صفحات الويب. |
في هذا القسم:
لتطبيق التنسيق على فقرة:
ملاحظة المترجم (للمستخدمين المطلعين على لغة HTML):
عند إدخال نص في نافذة Composer، اضغط على أدخل المفاتيحينشئ فاصل أسطر في كود مصدر HTML (tag
)، وليس "فقرة HTML" الجديدة (العلامة
). عند اتباع الخطوات الواردة في "تنسيق الفقرات والعناوين والقوائم"، يتم عادةً تطبيق التنسيق على جزء من النص محدد بواسطة فقرة HTML أو علامات فاصل الأسطر. في معظم الحالات، يشير مصطلح الفقرة المستخدم في نص التعليمات إلى مثل هذه الأجزاء. لإنشاء جديد " فقرة HTML"، تحتاج إلى تعيين تنسيق جزء النص "فقرة" (انظر أدناه)
النص العادي:
لا يتم تطبيق أي تأثير على جزء النص تنسيق خاص. سيستخدم المتصفح الخط الافتراضي للنص العادي لعرضه. لا يتم فصل الجزء بفواصل من النص السابق واللاحق (ما لم يكن وجود هذه الفواصل ناتجًا عن تنسيق الفقرات السابقة أو اللاحقة).
يخلق فقرة جديدة("فقرة HTML"، العلامة
). عادةً، يتم فصل الفقرة بتباعد عن النص السابق والنص التالي.
- العنوان 1 - العنوان 6 :سيتم تنسيق النص كعنوان. "العنوان 1" هو أعلى مستوى من العناوين، و"العنوان 6" هو المستوى الأدنى.
عنوان:
يستخدم "للتوقيع" على صفحة ويب - للإشارة إلى مؤلفها أو معلومات الاتصالشخص للاتصال للحصول على المعلومات مزيد من المعلومات(على سبيل المثال، العناوين بريد إلكتروني: [البريد الإلكتروني محمي] ).
قد ترغب أيضًا في تضمين تاريخ إنشاء الصفحة وإشعار حقوق الطبع والنشر في هذا المقتطف. عادةً، يتم وضع الجزء المنسق كـ "العنوان" في أسفل الصفحة ويتم فصله عن بقية النص بخط فاصل. يعرض المتصفح هذا النص بخط مائل.
التنسيق المحدد:
يُستخدم هذا النوع من التنسيق لأجزاء من المصدر نص البرنامج, رسائل البريدوالبيانات منظمة في أعمدة، وما إلى ذلك. عند عرض نص عادي، يستبدل المتصفح أحرف علامة التبويب وفاصل الأسطر بمسافات، ويعرض مجموعة من المسافات كمسافة واحدة. ومع ذلك، عند استخدام تنسيق "التنسيق المحدد" (tag
) يتم عرض المسافات وعلامات التبويب وفواصل الأسطر المضمنة في النص المصدر للصفحة دون تغيير بواسطة المتصفح. لعرض مثل هذه الأجزاء، يتم استخدام خط أحادي المسافة.
لتنسيق النص كعنوان:
لتنسيق النص كقائمة:
*ملحوظ:
ويتم تمييز كل عنصر في هذه القائمة بعلامة (على سبيل المثال، نقطة غامقة)، كما هو الحال في هذه القائمة.
*مرقمة:
يتم ترقيم عناصر القائمة.
*المصطلح والتعريف:
عادةً، يتم استخدام هذين النوعين من العناصر معًا لإنشاء تنسيق يشبه المسرد. استخدم "المصطلح" للمصطلح الذي يتم تعريفه و"التعريف" للتعريف. عند عرضه، يضع المتصفح نص التعريف مع مسافة بادئة على يمين المصطلح.
يمكنك إنشاء قائمة بسرعة عن طريق تحديد بضعة أسطر أو فقرات من النص والنقر فوق " قائمة نقطية" أو "قائمة مرقمة" في شريط التنسيق.
لتغيير نوع القائمة أو التعداد النقطي أو خيارات الترقيم:
لعرض مربع الحوار "خصائص القائمة"، انقر فوق نقرتين متتاليتينبواسطة علامة أو رقم في القائمة.
لمحاذاة فقرة أو سطر من النص (على سبيل المثال، للتوسيط أو لليمين):
ملاحظة: يمكنك أيضًا محاذاة النص باستخدام الأزرار الموجودة في شريط التنسيق.
لإنهاء القائمة والانتقال إلى إدخال نص عادي:
ضع مؤشر النص في نهاية عنصر القائمة الأخير واضغط على ReturnEnter مرتين لإنهاء القائمة. عنصر جديدسوف تتحول القائمة إلى سلسلة منتظمة; سيتم تنسيق النص الذي تم إدخاله فيه كـ نص عادي. إذا كان مؤشر النص داخل قائمة متداخلة، فإن كل ضغطة على مفتاح ReturnEnter ستنتقل إلى القائمة المتضمنة (مستوى واحد أعلى).
لتحويل واحد أو أكثر من عناصر القائمة إلى نص عادي:
1. ضع مؤشر النص داخل عنصر القائمة المطلوب أو حدد عناصر متعددة.
2. للحصول على قائمة مرقمة، انقر فوق الزر قائمة مرقمة في شريط التنسيق. للحصول على قائمة ذات تعداد نقطي، انقر فوق زر القائمة ذات التعداد النقطي في شريط التنسيق. تعمل أزرار القائمة كمفاتيح حالة - يؤدي الضغط عليها إلى تحويل النص العادي إلى عناصر قائمة، وعلى العكس من ذلك، تحويل عناصر القائمة إلى نص عادي.
لوضع نص أسفل عنصر القائمة بنفس المسافة البادئة:
1. ضع مؤشر النص داخل عنصر القائمة المطلوب.
2. اضغط على مفتاحي Shift + ReturnEnter. سيتم إنشاء سطر جديد له نفس المسافة البادئة لعنصر القائمة، ولكن لم يتم وضع علامة عليه برمز نقطي.
3. أدخل النص الذي تريد إضافة مسافة بادئة إليه.
4. اضغط على Shift + ReturnEnter لإنشاء فقرة جديدة بنفس المسافة البادئة أو اضغط على ReturnEnter للإنشاء العنصر التاليقائمة.
يمكنك زيادة المسافة البادئة لعناصر القائمة أو تقليلها باستخدام الأزرار المقابلة في شريط التنسيق. أو يمكنك النقر فوق عنصر القائمة والضغط على المفتاح Tab لزيادة المسافة البادئة. انقر مفتاح التحول+Tab لتقليل المسافة البادئة.
لدمج قائمتين بجانب بعضهما البعض:
لتغيير اللون أو النمط أو الخط للنص المحدد:
الخط:
حدد الخط من القائمة الفرعية التي تظهر. إذا كنت تفضل عرض الصفحة التي قمت بإنشائها باستخدام الخطوط المعينة في متصفح المستخدم، فحدد Proportional أو Monospace.
ملحوظة:
لا تعرض القائمة الفرعية كافة الخطوط الموجودة على جهاز الكمبيوتر الخاص بك. الخطوط التي قمت بتثبيتها ليست بالضرورة موجودة على كافة أجهزة الكمبيوتر التي سيعرض المستخدمون صفحتك عليها. كقاعدة عامة، لتصميم صفحة، يجب عليك تحديد الخطوط التي يتم عرضها في القائمة الفرعية "الخط". يتم تثبيت خطوط مثل Helvetica وArial وTimes وCourier على أي جهاز كمبيوتر تقريبًا (أو تحتوي على أحرف بدل محددة لأسماء الخطوط هذه). ولذلك، يمكنك أن تتوقع أن تبدو الصفحة التي تستخدم هذه الخطوط متشابهة على معظم أجهزة الكمبيوتر. إذا كنت تستخدم خطوطًا أخرى، فسيتم عرض صفحتك أجهزة كمبيوتر مختلفةقد تختلف بشكل كبير.
مقاس:
استخدم هذه القائمة الفرعية لتحديد حجم الخط النسبي أو زيادة (تقليل) حجم خط التحديد مقارنة بالنص المحيط.
نمط النص:
استخدم هذه القائمة الفرعية لتعيين نمط الخط للنص المحدد (غامق، مائل، تحته خط، وما إلى ذلك) أو قم بتطبيق أحد أنواع التنسيق المحددة مسبقًا بواسطة معيار اللغة
HTML، مثل "Code" أو "Quote".
لون الخط:
حدد لونًا للنص المحدد من اللوحة (الموجودة في مربع الحوار الذي يفتح). إذا كنت على دراية بالرموز و أسماء الألوانالمحددة بواسطة معيار لغة HTML، يمكنك إدخالها مباشرة في السلسلة الرمز المطلوبأو الاسم (على سبيل المثال، "#0000ff" أو "أزرق"). يمكنك العثور على القائمة الرسمية لأسماء الألوان المدعومة في CSS من W 3C هنا، وهي قائمة أخرى بأسماء الألوان المدعومة .
لتغيير لون خلفية الصفحة:
لتغيير النص سريعًا إلى آخر لون تم استخدامه سابقًا، حدد النص المطلوبوأثناء الضغط باستمرار على مفتاح Shift، انقر فوق أيقونة "اختيار لون للنص" في شريط التنسيق. تكون هذه الميزة مفيدة إذا كنت تستخدم نفس اللون لأجزاء مختلفة من النص.
يمكنك أيضًا تحديد صورة لاستخدامها كخلفية. راجع تحديد ألوان الصفحة وخلفيتها.
لإزالة جميع أنماط النص (غامق ومائل وما إلى ذلك) المخصصة لجزء من النص:
لمواصلة إدخال النص دون تفعيل أي أنماط نص (على سبيل المثال، إذا قمت بإدخال نص غامق مسبقًا):
للعثور على النص على الصفحه الحاليه:
حساسية الموضوع:
من أعلى الصفحة:
للبحث عن نص في الصفحة الحالية واستبداله:
حساسية الموضوع:
حدد هذا المربع للبحث تطابق تاممع النمط المدخل مع مراعاة حالة الحروف. إذا لم يتم تحديد خانة الاختيار، فلن يتم أخذ الحالة في الاعتبار أثناء البحث.
من أعلى الصفحة:
إذا تم تحديد خانة الاختيار هذه، فسيتم البحث حتى نهاية الصفحة ثم من بداية الصفحة إلى موضع مؤشر النص. إذا تم تحديد اتجاه البحث العكسي (انظر أدناه)، فسيتم إجراء البحث إلى بداية الصفحة، ثم من نهايتها إلى موضع المؤشر.
البحث في الاتجاه المعاكس:
حدد هذا المربع للبحث منه الموقف الحالىمؤشر النص إلى بداية الصفحة.
تستخدم الفواصل الأفقية (الخطوط) للفصل البصري أجزاء مختلفةوثيقة. لإدراج فاصل أفقي في الصفحة التي تقوم بإنشائها:
يمكنك ضبط ارتفاع وعرض الخط (المقسم)، وكذلك محاذاته ووجود الظل.
عرض:
أدخل قيمة وحدد وحدة القياس - "النسبة المئوية لعرض النافذة" أو "البكسل". إذا قمت بتحديد العرض كنسبة مئوية، فإن عرض الخط يتغير كلما تغير عرض نافذة Composer أو نافذة المتصفح.
ارتفاع:
أدخل قيمة ارتفاع للفاصل (بالبكسل).
3D -الظل:
حدد هذا المربع لمنح المقسم بعض الأبعاد عن طريق إضافة ظل.
تنسيق:
حدد موضع الفاصل الأفقي (يسار، وسط، أو يمين).
يمكنك تحديد Show All Tag (إظهار كافة العلامات) من قائمة View لعرض جميع عناصر (علامات) ترميز HTML كمستطيلات صفراء. سيؤدي النقر المزدوج على أي من هذه المستطيلات إلى إظهار مربع حوار محرر الخصائص المتقدمة لتلك العلامة.
لإدراج أحرف خاصة، مثل الأحرف المحركة ورموز العملات ورموز حقوق الطبع والنشر:
إذا قمت بتحديد فئة الأحرف الكبيرة مع علامات التشكيل أو الأحرف الصغيرة مع علامات التشكيل، فحدد الحرف الذي تريد إدراج متغير التشكيل الخاص به. (ملاحظة: لا تحتوي كل الحروف على خيارات معلمة.) حدد فئة الرموز الشائعة إذا كنت تريد إدراج رموز ليست أحرفًا، مثل رموز العملات، ورموز حقوق النشر، والكسور، وما إلى ذلك.
يمكنك متابعة العمل على المستند (أو رسالة البريد الإلكتروني) دون إغلاق مربع الحوار "إدراج رمز" في حالة احتياجك إلى استخدامه مرة أخرى.
إذا كنت معتادًا على لغة ترميز HTML وقادرًا على العمل مباشرةً مع التعليمات البرمجية المصدر لصفحات الويب، فيمكنك تضمينها عناصر إضافيةالعلامات (العلامات) والسمات و مخطوطات جافا سكريبت. للعمل مع تعليمات HTML البرمجية للصفحات، استخدم إحدى الطرق المذكورة أدناه:
ملحوظة:
لتغيير خصائص الكائن باستخدام محرر الخصائص المتقدمة:
سمات HTML: حدد علامة التبويب هذه لعرض السمات الإضافية لعناصر HTML (العلامات) وإضافتها وتغييرها.
التصميم: حدد علامة التبويب هذه لعرض خصائص التصميم وإضافتها وتغييرها تصميم CSS (الجداول المتتاليةالأنماط) المحددة ل من هذا العنصر(علامة) HTML باستخدام السمة