لقد كان Dreamweaver دائمًا أداة لتصميم الويب يفضلها العديد من مستخدمي الإنترنت. بالإضافة إلى إمكانات إنتاج التأثيرات الديناميكية القوية، تعد واجهة التشغيل المريحة والموجزة فريدة أيضًا. وفيما يلي سنأخذ أحدث إصدار من Dreamweaver4 كمثال ونطرح الأسئلة بشكل منهجي. دعونا نقدم بعض المشاكل والتقنيات التي غالباً ما نواجهها في عملية التصميم.
ملاحظة: من أجل التيسير، سنقوم أدناه بتقليل تمثيل Dreamweaver إلى DW.
1> كيف تدخل مساحة في DW؟
يبدو أن مشكلة إدخال المساحات أصبحت مشكلة شائعة في DW وربما رأيناها مرات عديدة في العديد من الكتب أو المقالات التي تشرح استخدام DW.
القيود المفروضة على إدخال المساحة في DW مخصصة لحالة النص "نصف العرض"، لذا يمكن تجنبها عن طريق ضبط طريقة الإدخال على وضع العرض الكامل. الطريقة هي: فتح طريقة الإدخال الصينية (خذ الذكاء الاصطناعي ABC باعتباره على سبيل المثال)، اضغط على Shift + Space للتبديل إلى حالة العرض الكامل، ويجب أن يكون الأمر جيدًا الآن.
بالإضافة إلى ذلك، يمكنك أيضًا تحقيق الغرض من إدخال المسافات من خلال العديد من طرق "الحل البديل"، على سبيل المثال، الطرق المستخدمة بشكل شائع هي:
إضافة كود HTML " " مباشرةً الذي يمثل مسافات في الكود المصدري بعد إدخال كائن نصي معين الطول، ثم اضبط لون النص مثل لون الخلفية الحالي وما إلى ذلك، لكن لاحظ أن الأخير قد يعرض مشاكل في بعض المتصفحات. (هاها، الذي كنت أستخدمه في ذلك الوقت اكتشفه وانغ تشينيون!)
2> كيفية إضافة رمز صغير مخصص أمام شريط عنوان المتصفح؟
هل تتذكر أنه في بعض الأحيان عند تصفح الصفحة الرئيسية لموقع NetEase، ستظهر أيقونة صغيرة تحمل كلمة "Easy" أمام WWW.163.COM . بشكل افتراضي، هذا الرمز هو صورة مخصصة لمتصفح IE. كما هو موضح في الصورة:
في الحقيقة هذه ليست تقنية متطورة، هي فقط تقوم بإضافة ملف معين إلى دليل الموقع.
في هذا الوقت، نحتاج إلى إنشاء ملف أيقونة مسبقًا، بحجم 16*16 بكسل. امتداد الملف هو ico ثم يتم تحميله إلى الدليل المقابل. أضف التعليمة البرمجية التالية بين ملفات مصدر HTML "<head></head>":
<Link Rel="SHORTCUT ICON" href="http://عنوان الصورة (لاحظ أنها تتوافق مع الدليل الآن) ">
"رمز الاختصار" هو اسم الرمز. بالطبع، إذا كان المستخدم يستخدم IE5 أو أعلى للتصفح، فسيكون الأمر أسهل بكثير، فما عليك سوى تحميل الصورة إلى الدليل الجذر لموقع الويب وسيتم التعرف عليها تلقائيًا.
3> لماذا تصبح صفحة الويب المصممة جيدًا في الأصل قبيحة ومحرجة عند تصغير نافذة المتصفح؟
وينبغي أن تكون هذه مسألة تستحق اهتمام الجميع. وبعبارة أخرى، لا توجد مشكلة على الإطلاق عند تصفح محتوى الويب في وضع ملء الشاشة. تنشأ المشكلة ببطء عندما نستخدم أمر تصغير النافذة أو تغيير حجم النافذة يدويًا. سيأخذ محتوى صفحة الويب النافذة الحالية كنطاق العرض وسيقع بالتسلسل. على سبيل المثال، الفرق بين "التفاف الأسطر التلقائي" و"عدم التفاف الأسطر" في "المفكرة" هو نفسه تمامًا.
لحل هذه المشكلة، يجب أن نبدأ بتخطيط صفحة الويب. في الظروف العادية، يتم تحديد موضع محتوى الويب في الغالب من خلال الجداول. ولذلك فإن "الخطأ" في المشكلة يكمن في الشكل.
يرجى إلقاء نظرة على عرض لوحة الخصائص للجدول أدناه:
ربما لاحظت أنه يتم توفير نوعين مختلفين لخيارات إعداد الارتفاع والعرض للجدول والنسبة المئوية والبكسل. سيؤدي استخدام النسب المئوية إلى حدوث المشكلة المذكورة سابقًا، فقط قم بتصحيحها إلى الحجم الفعلي لوحدة البكسل.
4> كيف يمكن تغيير الرسالة الفورية في الجزء العلوي عند عرض صفحة الويب؟
عند تصفح صفحة ويب، غالبًا ما تمثل المعلومات السريعة في الجزء العلوي المحتوى الرئيسي لصفحة الويب، مما يساعد الزائرين على فهم محتوى صفحة الويب مسبقًا. قبل DW4، لم تكن هذه العملية متوفرة مباشرة في الوظيفة، وكثيرًا ما كنا نكملها من خلال تطبيق سمة "العنوان" في الكود المصدري. يعد الدخول إلى DW4 أسهل بكثير.
ما عليك سوى كتابة المعلومات النصية المطلوبة مباشرة في مربع الإدخال "العنوان" الموجود أعلى نافذة التحرير.
5> كيف يمكنني إضافة حد بلون محدد إلى الصورة؟
بالنسبة للصور بدون حدود، يكون تأثير العرض ضعيفًا جدًا عند إدراجها مباشرةً في صفحة ويب. تذكر أنه من الصعب جدًا إضافة حدود مرضية للصور في Microsoft FP.
ومع ذلك، فإن الأمر أسهل بكثير في DW، نظرًا لوجود خاصية "Border" التي تسمح لك بتعيين عرض الحدود مباشرة. كما هو موضح في الصورة:
بعد ضبط العرض ستسأل بالتأكيد، ماذا عن اللون؟ لا يوجد خيار اللون على اللوحة! هاها، في الواقع هناك خدعة هنا استخدم الماوس لتحديد كائن الصورة. احرص على عدم النقر لتحديده، ولكن السحب لتحديده. فقط افعل ذلك بنفس طريقة تحديد لون النص.
6> كيفية إضافة معلومات سريعة للصور ونص الارتباط؟
عندما نتصفح صفحة ويب، عندما يبقى الماوس على كائن صورة أو رابط، يظهر مربع رسالة مطالبة أحيانًا في الجانب الأيمن السفلي من الماوس. إبداء بعض التعليقات حول الهدف. في بعض الحالات، دورها مهم جدا.
دعونا نلقي نظرة أولاً على إضافة معلومات موجه الصورة. حدد كائن الصورة وستجد مربع إدخال "Alt" في لوحة الخصائص. بشكل افتراضي، يكون مربع الإدخال هذا فارغًا. فقط أدخل المحتوى الفوري المطلوب هنا.
ثم إن إنتاج مطالبات الارتباط ليس بهذه البساطة. نظرًا لأن هذه الوظيفة غير متوفرة مباشرةً في DW، فنحن بحاجة إلى إضافة كود HTML لتحقيقها.
أضف سمة "العنوان" في <a href="" >. العنوان=المحتوى الفوري يكفي.
7> كيف تجعل ملف ZIP الخاص بك أو أنواع الملفات الأخرى متاحة للآخرين للتنزيل؟
في نظر العديد من منشئي صفحات الويب المبتدئين، يبدو أن إكمال التنزيل بنقرة ماوس هو أمر "غامض" للغاية، لكنه في الواقع إنه أبعد ما يكون عن ذلك. عند استخدام أي ملف بتنسيق DW لم يتعرف عليه المتصفح (بخلاف HTM وHTML وASP وPHP.PERL وSHTML وما إلى ذلك) كهدف ارتباط، تكون العملية الافتراضية هي. download.download
في هذا الوقت، ما عليك سوى تنزيل المتصفح، ثم كتابة اسم الملف، ثم إنشاء رابط للملف الهدف. احرص على عدم ارتكاب أي خطأ في الدليل
8> كيف يمكننا التأكد من أن النص موجود لا تتغير صفحة الويب مع إعداد حجم خط المتصفح؟ كما
نعلم جميعًا، في إعدادات الوظيفة في متصفح IE، توجد وظيفة تسمح لك بتعيين حجم خط محتوى النافذة بحرية بهذه الطريقة عادات الزوار المختلفين، فإن صفحات الويب المقدمة لهم ستكون مختلفة في بعض الأحيان.
على سبيل المثال، ربما تكون قد استخدمت في الأصل خطًا بحجم 2 في تصميمك، ولكن نظرًا لإعدادات المتصفح الإضافية للمستخدم، فقد أصبح أكبر في هذا الوقت، وستكون هناك مشكلة في تأثير العرض.
ثم يكمن الحل في فرض محتوى صفحة الويب نوعيًا على حجم مناسب معين. أي أنه لا يجوز له أن يتغير. يمكن تحقيق هذا المطلب من خلال التحكم الإلزامي في الخطوط من خلال أوراق أنماط CSS.
9> هل تريد فتح الرابط المستهدف كنافذة جديدة؟
فتح في نافذة جديدة، كما يوحي الاسم، يعني فتح نافذة متصفح أخرى دون تغطية النافذة الحالية. يمكنك <a href="">إضافة "Target=_blank" مباشرةً إلى رمز الاتصال.
إذا كان HTML الخاص بك ضعيفًا، فسيتم توفير هذا الإعداد أيضًا في لوحة خصائص DW. عند كتابة عنوان URL الخاص بـ WWW في مربع إدخال الارتباط، يتم أيضًا تنشيط المربع المنسدل "الهدف" في نفس الوقت.
ما عليك سوىاختيار "فارغ" في الأعلى كما هو موضح
في الصورة
.10> كيفية منع ظهور نافذة إعلانية عند تحميل صفحة ويب، مثل العديد من المواقع التجارية،
وهذا غالبًا ما يظهر في العديد من المواقع التجارية الكبيرة. يمكن تنفيذه بسهولة في DW من خلال السلوك السلوكي.
نظرًا لأنه يتم تحميله، يمكننا التعامل مع محتوى صفحة الويب بالكامل ككائن حدث. انقر فوق العلامة "<body>" في الركن الأيسر السفلي من نافذة تحرير DW. في هذا الوقت، يمكنك ملاحظة أنه تم تحديد كل محتوى الويب.
انقر فوق الزر "السلوك" في "لوحة التشغيل السريعة" للدخول إلى لوحة السلوك، كما هو موضح في الشكل:
حدد عنصر "فتح نافذة التصفح"، وفي هذا الوقت، يمكنك أيضًا تخصيص نمط النافذة، مثل الحجم والاحتفاظ من أزرار الأدوات وما إلى ذلك. هناك نقطة أخرى وهي ألا تنس أن الحدث المقابل هو "Onload".
11> لا توجد "جداول زمنية" في لوحة التشغيل السريع، فماذا علي أن أفعل؟
بعد ترقية DW إلى الإصدار 4، تمت إضافة العديد من المشاريع الجديدة إلى لوحة التشغيل السريع، مثل الأصول وما إلى ذلك. في هذا الوقت، تم الضغط على زر Timelins الموجود في الأعلى للأسفل.
بالطبع، إذا كنت متشوقًا لاستخدامه الآن، فلا يزال بإمكانك العثور عليه من خلال قائمة "Windows" - "الجداول الزمنية". ولكن بعد كل شيء، فإنه ليس مريحًا مثل وضعه في لوحة التشغيل. في هذا الوقت، يمكننا إضافته من خلال الإعدادات!
"تحرير" - "تفضيل" ادخل إلى النافذة، وحدد "اللوحات" في قائمة المشروع على اليسار، كما هو موضح في الشكل،
وانقر فوق الزر "+" أعلاه، وحدد "الجداول الزمنية" من القائمة المنسدلة. في هذا الوقت، تمت إضافة المخطط الزمني تلقائيًا إلى محتوى قائمة "العرض في Launcher" الحالي، حسنًا. تظهر لوحة "Launcher" التي تم تغييرها في الشكل.
وفي الوقت نفسه، يمكنك أيضًا تحديد خيارات الأزرار التي تظهر في اللوحة بحرية وفقًا لاحتياجاتك الخاصة لتحسين كفاءة العمل.
12> قم بإنشاء صفحة ويب بحيث يمكن تحديثها تلقائيًا كل 5 دقائق. كيف يمكن تحقيق ذلك؟
عند تصفح الإنترنت، غالبًا ما نواجه بعض صفحات الويب. إذا لم يكن هناك استجابة بعد فترة من الوقت، فسيتم تحديثه تلقائيًا. بالإضافة إلى خدمة غرض تذكير الزائرين، عندما لا يكون عنوان التحديث الجديد هو عنوان URL الحالي، يتم تنفيذ وظيفة الانتقال التلقائي.
سواء كان التحديث المتكرر أو القفز التلقائي. في تصميم الويب، كلها عمليات عملية للغاية. أدناه نقدم كيفية صنعها.
حدد قسم "الرأس" من لوحة "الكائن" DW لاحظ أنه يتم عرض "محتوى" Common بشكل افتراضي. كما هو موضح في
الشكل، انقر فوق الزر "تحديث" أعلاه، وستكون النافذة المنبثقة كما يلي:
اكتب وقت تأخير التحديث (الوحدة: ثانية) في مربع الإدخال "تأخير"، و"الإجراء" هو عنوان URL المستهدف المحددة للتحديث. نظرًا لأننا نقوم بتحديث الصفحة الحالية، ما عليك سوى تحديد خيار القائمة "تحديث هذا المستند".
13> كيفية تحديد الكلمة الأساسية (Keyname) لصفحة الويب؟
عندما يستخدم المستخدمون محركات البحث للبحث عن صفحات الويب ذات المحتوى المناسب، تلعب الكلمات الرئيسية دورًا لا يمكن تجاهله. ستكتشف معظم خوادم البحث تلقائيًا ما إذا كان يتم إنشاء صفحات ويب جديدة على الشبكة على فترات زمنية منتظمة وتسجيلها حسب الكلمات الرئيسية لتسهيل استعلامات المستخدم.
بالطبع تريد أن تظهر صفحة الويب الخاصة بك في قائمة إرجاع الاستعلام لمحركات البحث. في هذا الوقت، يعد تعريف الكلمات الرئيسية مهمًا بشكل خاص.
في لوحة "الرأس" أيضًا، انقر فوق
الزر "الكلمات الرئيسية" كما هو موضح في الشكل، وستنبثق نافذة التعريف على النحو التالي:
فقط أدخل الكلمات الرئيسية التي تحتاج إلى تعريف واحدة تلو الأخرى. لاحظ أن كل كلمة رئيسية مفصولة بـ علامة "؛" ولا يوجد حد للعدد.
14> كيف تخفي بعض الملصقات غير الضرورية في نافذة التحرير؟
عندما يقوم المستخدم بإدراج عدد كبير جدًا من العناصر غير المرئية في صفحة الويب، سيتم عرض صف من التصنيفات المقابلة في الجزء العلوي من نافذة التحرير لتسهيل العثور على المستخدم في أي وقت. على الرغم من أن هذه العلامات نفسها لا تؤثر على تأثير العرض في المتصفح، إلا أنه إذا كان هناك عدد كبير جدًا منها، فغالبًا ما يجب أن يتم محاذاة محتوى صفحة الويب بشكل غير صحيح، مما يعيق الضبط المرئي لصفحة الويب إلى حد ما كيف يمكننا إزالة هذه الأشياء؟
أدخل إلى لوحة "التفضيل" وحدد "العناصر غير المرئية" من القائمة، كما هو موضح في الشكل:
ما عليك سوى تحديد "علامات الاختيار" أمام العناصر التي لا تريد عرضها، مثل البرامج النصية، وما إلى ذلك.
15> قم بترتيب عرض المتصفحات التي لا تدعم محتوى "الإطارات"؟
نحن نعلم أن هناك العديد من أنواع المتصفحات حاليًا، لذا فإن أول شيء نأخذه بعين الاعتبار عند تصميم صفحة ويب هو غالبًا "هل سيتم عرض هذا الشيء جيدًا في المتصفحات المختلفة؟". الإطارات هي مثال!
ولكن لتجنب ذلك، الأمر بسيط جدًا، ما عليك سوى إضافة المحتوى التالي إلى الكود المصدري.
< BODY><noframes> --- تحتوي صفحة الويب هذه على هياكل إطارات إذا لم تتمكن من عرضها بشكل طبيعي، فيرجى تنزيل إصدار متصفح جديد أو التغيير إلى متصفح عادي --- < /noframes></ BODY>
16> كيفية الوقاية. الآخرين من وضع صفحة الويب الخاصة بك في الإطار؟
غالبًا ما يقوم بعض الأشخاص ذوي النوايا السيئة بسرقة ثمار عمل الآخرين، مثل وضع صفحات الويب الخاصة بأشخاص آخرين بعناية في إطارات خاصة بهم في شكل صفحات فرعية.
فكيف تمنع "سرقة" محتوى الويب الخاص بك؟
ما عليك سوى إضافة محتوى التعليمات البرمجية التالي بين <head></head> للكود المصدر لصفحة الويب:
<script language="javascript"><!--
إذا (self!=top){top.location=self.location;}
-->< /script>
17> كيفية إضافة التعليقات؟
محتوى التعليقات التوضيحية، كما يوحي الاسم، يظهر فقط كمحتوى توضيحي، لذلك لن يظهر على صفحة الويب عند التصفح. وتتمثل وظيفته في وضع علامة على بعض الرموز المهمة أو المعقدة حسب الضرورة حتى يمكن العثور عليها بسهولة وسرعة أكبر.
أدخل قسم "Invisibel" في لوحة "الكائن" (أي العناصر غير المرئية) وحدد الزر "إدراج تعليق" وتكون النافذة كما يلي:
اكتب المعلومات الضرورية في "التعليق". إذا عدت إلى الكود المصدري في هذا الوقت، فسترى أن هذه العمليات لا تضيف أكثر من جزء من الكود بالتنسيق التالي:
<! - هذا هو محتوى التعليق التوضيحي الذي يجب ملؤه ->
18> الخط الأفقي، لماذا لا يمكن ضبط اللون؟
في DW، عند إدراج خط أفقي من خلال القائمة "إدراج" - "القاعدة الأفقية"، ستجد أنه لا يوجد إعداد للون الخط الأفقي في لوحة الخصائص، لأن أقدم NC لا يدعم العلامة < hr> (رمز HTML للخطوط الأفقية) ) سمة اللون، لذلك لا يوجد لدى DW إعدادات لها.
كما هو موضحفي الصورة
، إذا لزم الأمر، يمكننا فقط إدخال الملف المصدر مباشرةً لإجراء التغييرات.
<hr color="رمز اللون المقابل">
19> كيفية ضبط الوظيفة التي يمكنها إغلاق النافذة الحالية؟
هنا يمكننا أولاً إدخال النص المستخدم لوضع علامة على "إغلاق النافذة"، وسحبه بالماوس لتحديده، واكتب "/" في مربع الإدخال "رابط"، ثم قصه في نافذة التعليمات البرمجية المصدر في نفس الوقت، واكتب الحدث -onclick= في رمز الرابط "javascript:window. Close(); return false;".
الكود الكامل هو: < a href="/" onclick="javascript:window. Close(); return false;">إغلاق النافذة</a>
بالطبع، يمكنك أيضًا استبدال النص "إغلاق النافذة" بكائنات أخرى ، مثل الصور والأزرار وغيرها!
20> ماذا عن النوافذ التي تغلق تلقائيا في الأوقات المحددة؟
وظيفة إغلاق النافذة مذكورة أعلاه، فكيف يتم الآن تنفيذ الإغلاق التلقائي؟
أضف الكود التالي بعد الكود المصدري <body>:
< script LANGUAGE="javascript"> <!--
setTimeout('window. Close();', 10000);
--> </script>
تعيين المهلة هي وظيفة تستخدم لتعيين وقت التأخير، حيث يعني 10000 10 ثوانٍ.
21> كيفية تغيير "شكل" الفأرة في المتصفح؟
بشكل عام، الفأرة تظهر على شكل "السهم" في المتصفح، فهل يمكننا تغييرها إلى أنماط أخرى نحبها؟
يتم تغيير شكل الماوس في DW من خلال "ورقة أنماط CSS".
قائمة "النص" - "نمط CSS" - "تحرير ورقة الأنماط"، ستظهر نافذة تحرير ورقة الأنماط، يمكنك أيضًا النقر فوق زر CSS Style في لوحة التشغيل السريع للعثور عليه، كما يلي:
انقر فوق "جديد" "، حدد الإعداد الافتراضي "إنشاء نمط مخصص"، وفي نفس الوقت اجعل النمط ينطبق فقط على مستند الويب الحالي في التحديد أدناه، "هذا المستند فقط".
حدد "توسيع" من عنصر القائمة الموجود على يسار نافذة "تعريف النمط". تظهر الإعدادات المقابلة على اليمين
في "المؤشر" (الماوس) لتحديد الشكل المناسب. بعد التأكيد، ارجع و اضغط على F12 للتصفح ولاحظ التأثير في الأداة. إذا لم تكن راضيًا، يمكنك أيضًا تعديل النمط.
22>كيفية إزالة التسطير الموجود أسفل نص الرابط؟
بعد أن نكمل إنشاء الرابط، غالبًا ما تتم إضافة محتوى نص الارتباط تلقائيًا مع تسطير أدناه للإشارة إلى أن المحتوى يحتوي على ارتباط تشعبي. عندما يكون هناك العديد من الروابط في صفحة الويب، فإنها تبدو مزدحمة بعض الشيء، وفي الواقع، يمكننا إزالتها بسهولة.
قم أيضًا بالدخول إلى نافذة "تحرير ورقة الأنماط"، وانقر فوق "جديد" لإنشاء النمط الجديد، كما هو موضح
أدناه، في النوع (النوع)، تحتاج إلى تحديد "إعادة تعريف علامة HTML"، وفي نفس الوقت حدد "إعادة تعريف". علامة HTML" التي تمثل الارتباط التشعبي في العلامة المحددة Tag.a" ثم انقر فوق OK.
قم بتحرير هذا النمط، وحدد "اكتب" في القائمة الموجودة على اليسار،
وحدد مربع الاختيار "لا شيء" في "الزخرفة" كما يلي: في هذا الوقت، ستتم إزالة التسطير الموجود في نص الرابط في جميع صفحات الويب.
23> كيف يمكن جعل الماوس "يحوم" فوق نص الرابط مما يؤدي إلى تغير اللون والتشوه وتأثيرات أخرى؟
عند زيارة موقع ويب، أحد التأثيرات الأكثر شيوعًا التي نواجهها هي "استجابة تمرير الماوس" ويظهر ما يسمى "استجابة تمرير الماوس" في نص الرابط، بما في ذلك تغيير اللون وتعديل التأثير (تسطير، خط الوسط) وخيارات أخرى.
وبما أن هذا التأثير يلعب دورًا جيدًا جدًا في إبراز المحتوى المستهدف، فإنه يتم تطبيقه على كل من مواقع الويب الشخصية وبعض المواقع التجارية الكبيرة (مثل Sina وSohu وNetEase وما إلى ذلك).
في السؤال السابق، كنت تعرف بالفعل كيفية إزالة تسطير الرابط، لذلك لن أخوض في التفاصيل هنا. سيكون السؤال التالي هو كيفية إضافة عملية حدث استجابة الماوس.
أدخل أيضًا في نافذة "تحرير ورقة الأنماط"، وانقر فوق "جديد" لإنشاء النمط الجديد، والفرق هو أنه حدد الآن العنصر الأخير في نوع النوع - "استخدام محدد CSS"، وحدد "a:hover" في "المحدد" " القائمة كما يلي،
حسنًا، أدخل إلى نافذة نمط التحرير واضبط لون النص في عنصر "الكتابة" على "أحمر". بالطبع، يمكنك أيضًا إضافة تأثير تسطير عند تحريك الماوس.
24>كيفية منع صورة الخلفية لصفحة الويب من التمرير مع المحتوى؟
صور الخلفية هي شيء يضيفه العديد من مصممي الويب غالبًا، عندما يتجاوز محتوى صفحة الويب شاشة واحدة، سيتم تمرير صورة الخلفية مع المحتوى بشكل ثابت نسبيًا عند سحب شريط التمرير. لذا، هل يمكن قفل الخلفية وعدم التمرير على امتداد؟ بالطبع، يمكنك الدخول إلى نافذة "تحرير ورقة الأنماط"، والنقر فوق "جديد" لإنشاء نمط جديد، وتحديد "إعادة تعريف علامة HTML" في النوع، وتحديد "النص الأساسي" في قائمة العلامات، وتحديد "الخلفية" في القائمة على اليسار.
اضبط "المرفق" على "ثابت"
كما يلي
.حيث يمثل التمرير عرض التمرير الافتراضي.
25> يجب أن تعرف الموسيقى الخلفية، كيف تضيفها؟
في أداة الويب الخاصة بـ Microsoft - Frontpage، توجد وظيفة إعداد موسيقى الخلفية، ولكن من الواضح أن DW لا تفعل ذلك، لذلك إذا كنت تريد استخدامها، فيمكنك فقط إضافتها يدويًا في الكود المصدري.
قبل استخدامه، أود أن أذكر الجميع أنه عند استخدام موسيقى الخلفية، يجب عليك الانتباه إلى حجم ملف صفحة الويب، ولا تغفل شيئًا أو آخر.
الكود كما يلي:
<EMBED src="music.mid" autostart="true" loop="2" width="80" height="30">
حيث يحدد src موقع ملف الموسيقى، ويكون التشغيل التلقائي هو الإجراء بعد تحميل ملف الموسيقى صحيح يعني بدء التشغيل تلقائيًا، وخطأ عدم التشغيل (القيمة الافتراضية).
26> كيف تستخدم الخطوط الأفقية لعمل خط رفيع بعرض 1؟
الرجاء الضغط هنا لرؤية طريقة التنفيذ (أضافها المحرر)
27> كيف يتم إضافة التاريخ المتغير إلى صفحة الويب تلقائيًا؟
فقط قم بإضافة الكود التالي بين الملفات المصدرية <body></body>.
< لغة البرمجة = "جافا سكريبت"><!--
document.write("آخر تحديث:"+document.lastModified);
--> نمط عرض < /script>
في المتصفح هو: "آخر تحديث: 2001/8/19"
28> كيفية التحكم في المعلومات المنبثقة؟
في بعض الأحيان، عندما ننقر على رابط ما، ستكون هناك بعض المعلومات السريعة الموضحة بشكل مؤكد، أي رسالة منبثقة. على سبيل المثال، عندما لا يكتمل الرابط في إنتاج صفحة المحتوى المستهدفة، يمكنك استخدام المعلومات المنبثقة لشرح ذلك.
أدخل نص الرابط في مكان مناسب على صفحة الويب، وحدده، وقم بإنشاء رابط في لوحة الخصائص. بينما لا تزال محددًا، انقر فوق الزر "السلوك" في لوحة التشغيل السريع، على سبيل المثال:
انقر فوق علامة "+" في الجزء العلوي الأيسر، وحدد "رسالة منبثقة" من القائمة، وأدخل المعلومات التي تحتاج إلى المطالبة بها في النافذة التالية، كما هو موضح في الشكل،
اضبط حدث الماوس (الأحداث) لهذا الإجراء للنقر (عند النقر). يكون تأثير المعاينة في المتصفح كما يلي
29> كيفية إخفاء معلومات عنوان URL في شريط الحالة بالمتصفح؟
عند تصفح الويب، عندما يبقى الماوس فوق الرابط، سيتم عرض عنوان الرابط المستهدف تلقائيًا في شريط الحالة أدناه، وبالنظر إلى مشكلات الأمان، نحتاج أحيانًا إلى إعادة تعيينه إلى "صفر"، أي تعيينه على "فارغ".
الآن ما عليك سوى القيام ببعض الحيل في كود الارتباط لتحقيق ذلك، كما يلي
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status =' none';return true">Pacific Online Academy</a>
30>كيفية تغيير نص المطالبة في شريط الحالة؟
افتراضيًا، عند تحميل صفحة ويب، سيتم عرض العنوان والمعلومات الأخرى الخاصة بصفحة الويب في شريط الحالة. هل تريد أن تجعلها أكثر جاذبية؟
في لوحة سلوك "السلوك" في DW، انقر فوق علامة "+" لتحديد خيار "نص شريط الحالة" ضمن "تعيين مجموعة النص"، كما هو موضح في الشكل،
وأدخل شيئًا مثل "مرحبًا بك في هذا الموقع" في " نافذة "تعيين نص شريط الحالة". موقع الويب - رسالة إدارة الشبكة" ومعلومات الرسائل الأخرى.
31> كيفية إنشاء طريقة لمعالجة النماذج لرسائل البريد الإلكتروني؟
يجب أن تكون النماذج عنصرًا لا غنى عنه في الوظيفة التفاعلية لصفحات الويب. ترجع وظيفة النموذج إلى تفاعل المعلومات، لذا غالبًا ما تتضمن معالجة النماذج استخدامًا عاليًا لغات برمجة الشبكات على المستوى قد تقول، واو! لا أستطيع البرمجة! لا يهم، في الواقع، يمكن أيضًا إجراء بعض المعالجة البسيطة لمحتوى النموذج عبر البريد الإلكتروني.
انظر أولاً إلى الكود التالي:
<FORM name="content"method="post" action="Handler to be use" ><</FORM>
ما ورد أعلاه هو كود مصدر HTML لنموذج نموذجي، حيث تحدد METHOD الطريقة ، بما في ذلك هناك نوعان: POST و GET. ACTION هو المعالج الذي ذكرناه أعلاه، والذي يمكن تنفيذه بشكل عام من خلال ASP/PHP/CGI.
فكيف نفعل ذلك باستخدام البريد الإلكتروني؟ action=mailto:[email protected]، لذلك عند النقر على زر الإرسال، ستظهر نافذة مطالبة، على النحو التالي:
انقر فوق "موافق" وسيتم إرسال محتوى النموذج إلى صندوق البريد المحدد.
32> كيفية إنشاء رابط بريد إلكتروني موحد؟
ما يسمى بـ "رابط البريد الإلكتروني" يعني أنه عندما ننقر عليه، سيقوم المتصفح تلقائيًا باستدعاء برنامج عميل البريد الافتراضي لإرسال بريد إلكتروني.
أدخل الكلمات "PROBLEM MAIL ME"، واسحب الماوس لتحديدها، وانتقل إلى لوحة الخصائص، واكتب الأمر التالي في مربع إدخال LINK:
Mailto: [email protected] ? الموضوع=رسائل من مستخدمي الإنترنت&bc=عناوين بريد إلكتروني أخرى&bcc=عناوين بريد إلكتروني أخرى.
كما هو موضح فيالشكل:
Mailto هو بروتوكول رابط البريد الإلكتروني، والموضوع هو عنوان البريد الإلكتروني، وbc هو عنوان البريد الإلكتروني المراد نسخه في نفس الوقت، ويمثل bcc النسخ الأعمى.
33> كيفية إنشاء "رابط فارغ"؟
الرابط الفارغ هو رابط لا يحتوي على كائن رابط، وفي الرابط الفارغ، يتم تمثيل عنوان URL المستهدف بالرمز "#". وهذا يعني أنه عند إنشاء رابط، ما عليك سوى إدخال علامة # في مربع إدخال الرابط بلوحة الخصائص، وسيكون رابطًا فارغًا.
ظهور الروابط الفارغة ينطوي على عوامل كثيرة، مثل بعض الصفحات التي لا تكتمل بشكل منتظم، ومن أجل الحفاظ على الاتساق في عرض الصفحة (نمط الارتباط يختلف عن نمط النص العادي)، يمكنك استخدامه.
34> عند الضغط على رابط فارغ غالبا ما تعود الصفحة إلى أعلى الصفحة كيف تتعامل معها؟
في المتصفح، عندما نضغط على رابط فارغ، فإنه سيتم إعادة تعيين الصفحة الحالية تلقائيًا إلى الصفحة الأولى، مما يؤثر على محتوى القراءة العادي للمستخدم بالطبع، نأمل أن يظل دون تغيير.
في هذا الوقت، يمكنك استخدام الكود "javascript:void(null)" لاستبدال العلامة "#" الأصلية، وبالنظر إلى الوراء، فقد تم حل المشكلة.
35> كيف يمكن تخصيص الروابط التي يمكنها الانتقال بحرية داخل الصفحة؟
إذا كنت تشترك غالبًا في بعض المجلات الإلكترونية المجانية عبر الإنترنت، فيجب أن تكون على دراية بهذا النوع من "رابط علامة التبويب". من خلال قائمة تشبه الدليل، يمكنك الانتقال بسهولة إلى أي جزء من الصفحة، مما لا شك فيه أن استخدامه مخصص لـ مصممة لصفحات الويب "ذات المحتوى الطويل للغاية".
حدد أولاً مكان نقاط الارتباط، أي المكان الذي سيبقى فيه بعد انتقال الشاشة. أدخل قسم "الأشياء غير المرئية" في لوحة "الكائن"، وحدد النص المستهدف، ثم انقر فوق الزر "إدراج مرساة مسماة"، وتكون النافذة كما يلي
اكتب اسم العلامة في "اسم المرساة" وانقر فوق "موافق" وسيظهر خط منقط أحمر تلقائيًا أسفل النص لتمييزه عن محتوى النص العادي.
ثم يمكنك إنشاء رابط وإدخال "#nchor Name (الاسم الآن)" في مربع إدخال LINK بلوحة الخصائص. بالطبع، إذا كنت تريد الإشارة إلى موقع معين في صفحة أخرى، يمكنك أيضًا وضع هذا الذيل الصغير هناك.
36> ماذا أفعل إذا قمت بإنشاء العديد من الروابط على صورة واحدة في نفس الوقت؟
هذه المشكلة هي ما نسميه عادة "Image HOT". بالطبع، هناك اسم آخر في DW يسمى "Image Hot Area".
حدد الصورة في هذا الوقت، يوجد شريط أدوات "خريطة" في الركن الأيسر السفلي من لوحة الخصائص. على اليمين توجد ثلاثة أزرار لتحديد مناطق مختلفة،
ويتم استخدام أداة المستطيل كمثال في الشكل ، يبقى الماوس على الصورة وسيتم عرضها على شكل "+"، مما يعني أنه يمكنك سحبها إلى اليسار واليمين. بعد الانتهاء،
يمكنك إكمال إنشاء الرابط لمناطق نقاط اتصال متعددة. لاحظ أن المناطق لا يمكن أن تتداخل.
37> كيف يتم إنشاء صورة مقلوبة يمكنها الاستجابة لأحداث الماوس؟
في العديد من صفحات الويب، غالبًا ما نرى بعض عناوين الأعمدة، والتي يمكن أن تتغير إلى شيء آخر عندما يمرر الماوس فوقها. في الواقع، يتم تحقيق الكثير منها باستخدام صورتين مختلفتين، وهو ما يسمى بتأثير "صورة الوجه".
بالطبع، يجب عليك أولاً إعداد صورتين بنفس الحجم تمامًا مسبقًا للتأكد من أنه لن يكون هناك أي إزعاج بصري عند التقليب. انقر فوق "Rollover Image" في لوحة "Object"
لتنبثق نافذة "Rollover Image Settings". كما يلي:
على التوالي، انقر فوق الزر "استعراض" لتحديد عناوين "الصورة الأصلية" و"الصورة المتغيرة" وتأكد من تحديد مربع الاختيار "التحميل المسبق للصورة المتغيرة" أدناه، وإلا فسيكون هناك تأخير معين في التنزيل عندما ينزلق الماوس. انتهى.
38> كيف يتم إنشاء صورة "الطيران في جميع أنحاء السماء"؟
على الصفحات الرئيسية للعديد من المواقع التجارية الكبيرة، غالبًا ما ترى الكثير من الصور الإعلانية تتحرك ذهابًا وإيابًا، بعد النقر، يمكنك الارتباط بالعنوان المحدد في DW، ويتم تحقيق ذلك من خلال الجداول الزمنية.
قم أولاً بإدراج الصورة المستهدفة في صفحة الويب، ثم حددها في نفس الوقت، وانقر فوق الزر "المخططات الزمنية" في لوحة التشغيل السريع للدخول إلى نافذة "المخطط الزمني"، كما هو موضح في الصورة:
انقر بزر الماوس الأيمن فوق موضع إطار واحد في الجدول الزمني وحدد "إضافة كائن". سيظهر شريط اللون الأزرق (الافتراضي 1-15 إطارًا) على المخطط الزمني. أوقف الكاميرا عند 15 إطارًا وانقل الصورة على الصفحة إلى موضع نهاية الحركة.
الآن بعد أن اكتملت الرسوم المتحركة البسيطة، يمكنك ضبط انحناء المسار عن طريق إضافة إطار رئيسي في المنتصف. انقر فوق زر السهم الأيمن أعلاه لمعاينة التأثير.
39> كيف يتم إنشاء صورة "معلقة بشكل ثابت" على الصفحة؟
ويعني ما يسمى بـ "التعليق الثابت" أن الصورة تحاول دائمًا البقاء في موضع معين على صفحة الويب، بحيث تبدو بصريًا وكأنها "تسير" مع الصفحة، كما لو كانت معلقة.
يتم تحقيق هذا التأثير من خلال جافا سكريبت، والذي يتطلب عمومًا مستوى معينًا من القدرة على البرمجة. لحسن الحظ، توفر DW مكونًا إضافيًا ثابتًا لإنشاء هذا التأثير، لذا فهو أبسط بكثير.
أولاً، يجب عليك تنزيل المكون الإضافي stav، /u/info_img/2009-05/31/stav.zip، وفك ضغط الملفين الموجودين بداخله (بما في ذلك ملف الصور Cross Browser Static Division.gif وملف صفحة الويب Cross Browser htm) إلى دليل تثبيت DW ConfigurationObjectsCommon.
أعد تشغيل DW في لوحة Object، سترى أن هناك عنصر SI في الأسفل. حدده واضبط المسافة من الطبقة العائمة إلى الأعلى واليسار في النافذة المنبثقة، ثم أدخل العنصر المحدد فقط. المحتوى (الصور هنا).
40> كيف يمكن جعل محتوى النص والصورة يتعايشان؟
نعلم جميعًا أنه في DW، غالبًا ما تشغل كائنات الصورة سطرًا واحدًا، لذا لا يمكن وضع محتوى النص إلا على سطر موازٍ له. كيف يمكن عرض النص حول الصورة؟
حدد الصورة، ويمكنك رؤية قائمة خصائص "محاذاة" في الزاوية اليمنى العليا من لوحة الخصائص. حدد
"يسار" كما هو موضح في الشكل. في هذا الوقت، ستجد أن النص قد تم ترتيبه بالتساوي على الصورة الجانب الأيمن من الصورة.
41> كيفية توصيل نوافذ متعددة؟
كان تصميم اللوحة دائمًا سمة رئيسية لـ DW في إصدار DW4، حيث يوجد بالفعل عدد كبير جدًا من اللوحات المستخدمة. فكيف يمكننا استخدامها بشكل أكثر كفاءة؟
"اتصال النافذة" عبارة عن وظيفة فنية يسهل على الجميع تخصيصها. ببساطة، هذا يعني أنه يمكنك وضع لوحتين أو أكثر في نافذة واحدة حسب الحاجة.
انقر واسحب شريط Tab الخاص بلوحة واحدة إلى لوحتين عندما ترى حدًا أسود، حرر الماوس في هذا الوقت، وقد تم دمج اللوحتين في لوحة واحدة، وتكون العملية كما هو موضح
في الشكل: 42> كيفية الاستخدام صفحة الويب إخفاء شيء ما؟
في تصميم الويب، نحتاج أحيانًا إلى إدراج بعض المحتويات التي لا يلزم عرضها، مثل نظام إحصاءات حركة المرور ونظام تحليل وصول المستخدم وما إلى ذلك. في هذا الوقت، يجب أن نفكر في كيفية إخفائها بالطبع أن وجودهم لن يؤثر على تخطيط عناصر صفحة الويب الأخرى.
انقر فوق زر "الطبقات" في لوحة "الكائن"، واسحب الماوس لإنشاء طبقة جديدة، ثم ضع كل المحتوى الذي تريد إخفاؤه فيها، كما هو موضح في الصورة:
انقر فوق المربع الصغير الموجود أعلى يسار الطبقة لوضع علامة عليها على أنها محددة، والانتقال إلى لوحة الخصائص في نفس الوقت، قم بتعيين قيمة Vis على "مخفي"، كما هو موضح في الصورة:
واو! لقد اختفى المحتوى بالكامل
43> كيفية إنشاء قائمة منسدلة بسيطة؟
تعد القوائم المنسدلة شائعة جدًا على صفحات الويب نظرًا لأنها يمكن أن توفر مساحة صفحة الويب بشكل كبير، فهي تستخدم بشكل أساسي في المواقف التي يلزم فيها إدراج كائنات متعددة، مثل قوائم روابط الأصدقاء وعناوين مواقع الويب التعاونية وما إلى ذلك.
توفر DW طريقة إنتاج بسيطة للغاية، حتى لا نضطر إلى كتابة تلك الرموز المملة!
أدخل قسم "النموذج" في لوحة "الكائن"، كما هو موضح في الشكل:
انقر فوق الزر "إدراج قائمة الانتقال السريع" لتظهر نافذة إعداد "القائمة المنسدلة":
أدخل اسم عنصر القائمة في "النص" "؛ اكتب عنوان URL في "Go To URL" أو استخدم زر "تصفح" لتحديده. انقر فوق علامة "+" أعلى لإدخال عناصر قائمة جديدة ، وسيتم عرض جميع العناصر في "عناصر القائمة".
44> كيف تصنع خطًا رقيقًا بعرض 1؟
في DW ، على الرغم من أن الخط الأفقي يظهر في شكل "خط" ، عند صنع خطوط رقيقة ، فإنه لا يؤدي بشكل مرضٍ ، وذلك بشكل رئيسي لأنه لا يحتوي على الشهية المطلوبة!
ثم يمكننا تبني طريقة مرنة لتنفيذها من خلال تطبيق الجداول.
أدخل جدولًا مع صف واحد وعمود واحد في صفحة الويب ، وقم بتعيين "CellPadding" و "Cellspping" من الجدول إلى "0" ، وتعيين "BGColor" للخلية إلى اللون الأحمر. ألوان أخرى.
الخطوة الأكثر أهمية هي التحقق من التعليمات البرمجية المصدر وإزالة "" <td> </td>.
45> كيف تصنع مربع مع حدود 1؟
من الواضح ، لا يزال يتعين علينا إكمال إعدادات الجدول الآن.
ربما ستقول ، هذا ليس بسيطًا! ما عليك سوى إنشاء جدول مع صف واحد وعمود واحد ، ثم قم بتعيين قيمة "الحدود" على 1. في الواقع ، فإن الجدول المصنوع بهذه الطريقة ليس مربعًا على الإطلاق مع حدود 1 ، ولكنه "سميك"!
وبالمثل ، قم أولاً بإدخال جدول مع صف واحد وعمود واحد ، قم بتعيين "الحدود" و "cellpadding" من الجدول إلى "0" ، وضبط "cellpacing" على "1". قم بتعيين "BGColor" من الجدول إلى اللون الأحمر (أي لون الحدود) ، وقم بتعيين "BGColor" للخلية إلى اللون الأبيض (أي نفس لون الخلفية). التأثير على النحو التالي:
46> كيفية إعداد متصفحات مختلفة لإرجاع صفحات مختلفة؟
تدعم المتصفحات المختلفة التقنيات والتأثيرات المختلفة. لذلك ، قد لا يتم عرض صفحات الويب التي نخيمها بشكل صحيح أو مثالي في جميع المتصفحات. في هذا الوقت ، من الضروري قفزة لتحديد المتصفح.
عندما يفتحه المستخدم بأنواع أو إصدارات مختلفة من المتصفحات ، يمكن إرجاع صفحات مختلفة لضمان تصفح المستخدم الطبيعي.
انقر فوق الزر "السلوك" في لوحة التشغيل السريعة ، انقرفوق
علامة "+" ، وحدد "تحقق من تصفح" في القائمة المنسدلة.
47> كيفية إنشاء كائنات يمكن سحبها في أي مكان على صفحة الويب؟
عند زيارة موقع ويب ، غالبًا ما ترى العديد من العناصر التي يمكن سحبها بالماوس ، ومعظمها صور.
يتم تحقيق هذا التأثير من خلال سلوك "السحب" للطبقة .
48> كيفية إضافة ورقة نمط خارجية (CSS) إلى صفحة ويب
. يتم تنفيذ مراجع CSS الخارجية من خلال علامة <link>.
تتضمن العلامة <ink> HREF ؛ TYPE ؛ إعدادات السمة rel. من بينها ، HREF: عنوان URL المستخدم لمعايرة ملف الأسلوب ؛
49> ما هو الغرض من تعيين الأساس (العنوان الأساسي) لصفحة الويب؟
في قسم "الرأس" في لوحة "الكائن" ، يوجد زر يسمى "BASE" ، والذي يستخدم لتعيين العنوان الأساسي للموقع.
كما نعلم ، فإن طرق الارتباط التي نستخدمها في DW نسبية ، وليس مطلقة.
ومع ذلك ، في بعض الأحيان نحتاج فقط إلى عدم التغيير ، أي إجباره على استخدام عنوان ثابت ، انقر فوق الزر "الأساسي" ، كما هو موضح في الشكل:
اكتب عنوان URL للعنوان الأساسي في "HREF" ، وانقر فوق "حسنًا" لجعلها فعالة.
50> كيفية تحديد موقع المحتوى بدقة في صفحة الويب؟
هذا سؤال مهارة توضيحية ، لذلك نضعه في نهاية السؤال الخمسين. في الوقت الحاضر ، يتم تحقيق تحديد موقع محتوى صفحة الويب DW بشكل أساسي من خلال كل من الجداول والطبقات.
يستخدم الجدول بشكل أساسي كل خلية لإكمال تخطيط المحتويات المختلفة. بغض النظر عن جميع المتصفحات عالمية ولا يوجد دعم فني.
نسبيا ، استخدام الطبقات أكثر عرضية. الشيء الوحيد هو أن الطبقات مدعومة فقط في الإصدارات الأحدث من المتصفحات ، ولكن إذا حكمنا من الوضع الحالي ، يجب ألا تكون هناك عقبات!