1. تعريف الموقع
1. قم بإنشاء مجلد في أي دليل جذر (نفترض أنه محرك الأقراص E هنا)، على سبيل المثال، قم بتسميته MyWeb.
***ملاحظة: جميع الملفات المستخدمة في الموقع يجب أن تحمل أسماء باللغة الإنجليزية.
2. افتح Dreamweaver، وحدد "Site - New Site" لفتح مربع الحوار. أدخل اسم موقع الويب في Site Name (تتوفر اللغة الصينية)، وحدد المجلد الذي أنشأته للتو (E:web) في المجلد الجذر المحلي. ثم أكد.
***ملاحظة: عند فتح Dreamweaver مرة أخرى، ستجد تلقائيًا الموقع الذي قمت بإنشائه للتو. إذا كانت هناك مواقع متعددة، يمكنك تحديدها في قائمة "الموقع - فتح الموقع".
2. إنشاء صفحة
1. في المساحة الفارغة ضمن المجلد المحلي E:MyWeb، انقر بزر الماوس الأيمن وحدد "ملف جديد" لإنشاء صفحة. اسم الملف الافتراضي هو untitled.htm. htm يعني أن ملف صفحة الويب هذا هو ملف HTML ثابت. أعد تسميته بـ Index.htm.
***عادةً ما يكون اسم الصفحة الأولى من موقع الويب هو Index.htm أو Index.html. يمكنك اختيار أسماء الصفحات الأخرى بنفسك.
2. انقر نقرًا مزدوجًا فوق ملف Index.htm لإدخال حالة تحرير الصفحة. أدخل اسم صفحة الويب في مربع العنوان، ثم انقر بزر الماوس الأيمن وحدد خصائص الصفحة لفتح نافذة "خصائص الصفحة". هنا يمكنك تعيين العنوان ولون الخلفية أو الصورة الخلفية لموقع الويب، ولون الارتباط التشعبي (عادةً ما يكون اللون الافتراضي كافيًا)، والاحتفاظ بكل شيء آخر كافتراضي.
3. في هذا الوقت، يكون المؤشر في الزاوية اليسرى العليا ويمكنك إدخال جملة، مثل "مرحبًا بك في صفحتي الرئيسية". حدد النص، واستخدم القائمة "نافذة/خصائص" لفتح لوحة الخصائص، وحدد حجم النص على 6، ثم قم بتوسيط النص، ثم استخدم بضعة أحرف رجوع أمام النص لوضعه في منتصف النص. صفحة.
4. لتحديد خط، حدد العنصر الأخير في الخط: تحرير قائمة الخطوط. ثم حدد علامة + في مربع الحوار، ثم حدد الخط الذي تريد إضافته إلى قائمة الخطوط في عمود "الخطوط المتاحة"، وانقر فوق الزر الموجود في المنتصف لإضافته.
***الأحرف الصينية الأكثر استخدامًا على صفحات الويب هي خطوط الأغاني. لا تقم بإضافة خطوط خاصة إلى القائمة للاستخدام، لأن الآخرين لن يتمكنوا من رؤيتها إذا لم يتم تثبيتها على أجهزة الكمبيوتر الخاصة بهم. إذا كنت بحاجة إلى استخدامه، قم بتحويله إلى صورة قبل استخدامه.
***طريقة إدخال المسافات على صفحة الويب هي ضبط طريقة الإدخال على العرض الكامل.
***طريقة التفاف الأسطر على صفحة الويب هي: Shift+Enter. فقط اضغط على Enter لتغيير الفقرات.
3. إضافة صور إلى الصفحة
1. في المساحة الفارغة ضمن المجلد المحلي E:MyWeb، انقر بزر الماوس الأيمن وحدد "مجلد جديد". يؤدي ذلك إلى إنشاء مجلد واستخدامه لوضع الصور، ويمكنك إعادة تسميته بـ tu أو pic أو الصور على ما يرام.
2. استخدم القائمة "نافذة/كائن" لفتح لوحة الكائن، وانقر فوق "إدراج صورة"، وحدد الصورة المراد إدراجها في مربع الحوار. إذا ظهر مربع حوار: "هل ترغب في نسخ هذا الملف إلى المجلد الجذر؟"، فيجب عليك تحديد "نعم" ثم حفظه في المجلد الذي قمت بإنشائه للتو.
3. حدد الصورة وافتح لوحة الخصائص، حيث يمكنك تسمية الصورة، وإعادة ضبط ارتفاع الصورة وعرضها، وسحب النقاط الموجودة على زوايا الصورة لتغيير الحجم. اضغط باستمرار على مفتاح Shift واسحب نقاط الزاوية لتمديد الصورة مع الحفاظ على نسبة العرض إلى الارتفاع. لاستعادة الحجم الأصلي، انقر فوق الزر "تغيير الحجم" في الزاوية اليمنى السفلى.
4. يمكن لـ "الرابط" إدخال العنوان مباشرة هنا. "الاستبدال" هو وصف الصورة، أي النص المعروض عندما يشير الماوس إلى الصورة؛ "الحدود" هي عرض حدود الصورة، و"المحاذاة" هي طريقة المحاذاة.
4. إضافة ارتباط تشعبي
1. أضف رابطًا إلى النص.
على سبيل المثال، أدخل "مقالتي" في الصفحة، ثم حددها، وافتح لوحة الخصائص، وفي مربع "الرابط"، حدد الصفحة التي تريد الارتباط بها. في مربع "الهدف" التالي، نستخدم عادةً self لفتح نافذة جديدة بدلاً من النافذة المفتوحة حاليًا أو نختار فارغًا لفتح نافذة جديدة.
2. أضف رابطًا للصورة بنفس طريقة الرابط للنص أعلاه. أدخل الصورة، ثم حددها في مربع الارتباط في لوحة الخصائص.
****يمكن للصور إنشاء روابط متعددة مختلفة. وإليك الطريقة:
توجد بعض الرسومات ضمن عنصر "الخريطة" في لوحة الخصائص، على سبيل المثال، انقر فوق المربع، وسيتغير المؤشر إلى علامة متقاطعة، وارسم منطقة ساخنة مستطيلة باللون الأزرق على الصورة. في هذا الوقت، يمكنك تعيين الارتباط عنوان هذه المنطقة الساخنة على لوحة الخصائص، سيعرض مؤشر الماوس. وبالمثل، من خلال إعداد نقطة فعالة باستخدام دائرة، يمكنك تعيين روابط أخرى للصورة.
3. أضف رابط بريد إلكتروني حدد النص أو الصورة التي تريد إضافة رابط بريد إلكتروني إليها، وافتح لوحة الخصائص، وأدخل عنوان البريد الإلكتروني في مربع "الرابط". التنسيق كما يلي: mailto: عنوان البريد الإلكتروني. لاحظ أنه لا توجد مسافات بينهما.
4. إذا كان الرابط لملف لا يمكن للمتصفح فتحه، مثل exe وZip وما إلى ذلك، فعندما ينقر العارض على الرابط، سيتم تحقيق وظيفة تنزيل الملف أو التشغيل عبر الإنترنت.
5. استخدام الجداول
1. انقر فوق إدراج/جدول لفتح لوحة الجدول للإعدادات. عدد الصفوف والأعمدة والعرض والحدود وما إلى ذلك، "ملء الخلية" هو المسافة بين داخل الخلية والمحتوى؛ "تباعد الخلايا" هو المسافة بين الخلايا، والوحدة هي البكسل.
2. بعد إدراج الجدول، انقر على حدود الجدول لتحديد الجدول بأكمله. ثم يمكنك إجراء إعدادات مختلفة في لوحة الخصائص أدناه.
3. حرك المؤشر إلى إحدى الخلايا، ولوحة الخصائص التي تراها الآن هي لوحة خصائص الخلية. يمكنك أيضًا إجراء عمليات مختلفة على الخلايا. مثل لون الخلفية، وصورة الخلفية، والحدود، والدمج، والتقسيم، وما إلى ذلك.
6. العمليات الأخرى على الجداول
- مبدأ عمل جداول رفيعة:
1. حدد الجدول بأكمله واضبط خلفيته على اللون الأسود (هذا اللون هو لون خطوط الجدول).
2. حدد كافة الخلايا واضبط خلفيتها على اللون الأبيض.
2. تنسيق الجداول تلقائيًا 1. أنشئ جدولًا أولاً ثم حدده.
2. حدد جدول الأوامر/التنسيق في القائمة. أي أنه يمكنك اختيار بعض أنماط الجدول المعدة مسبقًا.
Sany Pixel Divider 1. قم بإدراج جدول يحتوي على صف واحد وعمود واحد، بعرض 200 بكسل، وحدود وهامش بقيمة 0.
2. حدد الجدول، واضبط ارتفاع الجدول على 1 بكسل، ثم قم بتعيين لون الخلفية (أي لون الخط المطلوب).
3. قم بالتبديل إلى نافذة الكود والتصميم وحذف الكود.
7. استخدم الجداول لإنشاء صفحة كاملة
- الجزء العلوي من صفحة الويب (بما في ذلك بشكل عام الرموز والإعلانات وقوائم التنقل)
1. قم بإنشاء جدول يتكون من صف واحد وعمودين، بعرض 760 بكسل، وحدود وهامش بقيمة 0.
2. حدد الجدول، واضبط الترتيب على محاذاة الوسط، ولون الخلفية على #3366CC.
3. ضع المؤشر في الخلية اليسرى، واضبط ترتيبه الأفقي على المحاذاة اليسرى، وترتيبه الرأسي على المحاذاة العلوية، ثم أدخل صورة بشكل عام، أي يتم إدراج الشعار هنا.
4. ضع المؤشر في الخلية الموجودة على اليمين، واضبط عرضها على 500، وقم بمحاذاة الترتيب الأفقي إلى المركز، والترتيب الرأسي إلى المنتصف، ثم قم بإدراج صورة، عادةً ما تكون إعلانًا لصفحة ويب، أي صورة راية.
5. ضع المؤشر بعد الجدول الذي أكملته للتو، وانقر فوق إدراج/جدول لإنشاء جدول يحتوي على صف واحد وعمود واحد، بعرض 760 بكسل، وحدود وهامش بقيمة 0.
6. حدد الجدول الذي قمت بإنشائه للتو، واضبط الترتيب على محاذاة الوسط، ولون الخلفية على #005173.
7. قم بإدراج صور متعددة في الجدول واحدة تلو الأخرى كقوائم شريط التنقل.
2. الجزء الأوسط من صفحة الويب (قائمة الأعمدة على اليسار، أخبار الموقع في المنتصف، قائمة الأعمدة على اليمين)
1. بعد جدول شريط التنقل، انقر فوق إدراج/جدول لإنشاء جدول يحتوي على صف واحد و3 أعمدة، بعرض 760 بكسل، وحدود وهامش بقيمة 0. واضبط وضع الترتيب على محاذاة المركز ولون الخلفية على #FFFFFFFF.
2. ضع المؤشر في الخلية اليسرى، واضبط عرضه على 18%، ثم قم بمحاذاته أفقيًا إلى المنتصف، ثم قم بمحاذاته عموديًا إلى الأعلى، ثم قم بإدراج صورة وشريط تنقل.
3. ضع المؤشر بعد الصورة التي أدرجتها للتو، وانقر فوق إدراج/جدول، ثم قم بإدراج جدول يحتوي على 12 صفًا وعمودًا واحدًا وبعرض 90%. اضبط تباعد الخلايا على 1 ولون الخلفية على #CCCCCC.
4. ضع المؤشر في الخلية الأولى من الجدول، واضبط ارتفاعه على 20، ولون خلفيته على #FFFFFF. إدراج/صورة، لإدراج نقطة صغيرة أمام نص التنقل. قم بتعيين الخلايا الـ 11 الأخرى بشكل مماثل، بحيث تكتمل قائمة تصنيف الأعمدة الموجودة على اليسار.
5. ضع المؤشر في الخلية الوسطى للجدول الرئيسي، واضبط عرضه على 66%، ثم قم بمحاذاته أفقيًا إلى المركز، ثم قم بمحاذاته عموديًا إلى الأعلى، ثم أدخل /صورة لإدراج شريط التنقل.
6. ضع المؤشر بعد الصورة، وانقر فوق إدراج/جدول، ثم قم بإدراج جدول مكون من 4 صفوف وعمود واحد وبعرض 95%. اضبط تباعد الخلايا على 1 ولون الخلفية على #CCCCCC.
7. ضع المؤشر في الخلية الأولى من الجدول، واسحب الماوس لتحديد جميع الخلايا الأربع، واضبط الارتفاع على 60، ولون الخلفية على #FFFFFF.
8. ضع المؤشر في الخلية الموجودة على الجانب الأيمن من الجدول الرئيسي، واضبط عرضه على 16%، وقم بمحاذاته أفقيًا إلى المنتصف، ثم قم بمحاذاته عموديًا إلى الأعلى، واستخدم إدراج/صورة، وأدخل شريط التنقل.
9. ضع المؤشر بعد الصورة، وانقر فوق إدراج/جدول، ثم قم بإدراج جدول مكون من 7 صفوف وعمود واحد وبعرض 90%. اضبط التباعد على 1 ولون الخلفية على #CCCCCC.
10. اضغط مع الاستمرار على مفتاح Ctrl، واستخدم الماوس للنقر على الخلايا 1 و3 و5 و7 من الجدول الذي أدرجته للتو، ثم اضبط ارتفاعها على 55 ولون خلفيتها على #FFFFFF.
11. حدد الخلايا 2 و4 و6، واضبط ارتفاعها على 6، ولون خلفيتها على #FFFFFF.
12. قم بالتبديل إلى نافذة التعليمات البرمجية المصدر وحذف رموز المسافة " " في الخلايا 2 و 4 و 6.
الجزء السفلي من ثلاث صفحات ويب (تتضمن بشكل عام معلومات حقوق الطبع والنشر والمحتويات الأخرى ذات الصلة)
1. ضع المؤشر على الجدول الرئيسي وانقر فوق إدراج/جدول لإنشاء جدول يحتوي على صفين وعمودين، بعرض 760 بكسل، وحدود وهامش 0.
2. حدد الجدول، واضبط الترتيب على محاذاة الوسط، ولون الخلفية على #3366CC.
3. ضع المؤشر في الخلية اليسرى من الصف 1 من الجدول، واضبط عرضه على 50%، والترتيب الأفقي على الوضع الافتراضي، والترتيب الرأسي على خط الأساس، ولون الخلفية على #FFFFFF، ثم أدخل معلومات حقوق الطبع والنشر يمكن أن يكون لون المحتوى أياً كان ما تريد.
4. ضع المؤشر في الخلية اليمنى من الصف 1 من الجدول، وانقر فوق إدراج/صورة، وأدخل صورة مستديرة، وأدخل كلمة البريد الإلكتروني بعدها، واضبط حجمها ولونها على 1 و#FFFFFF.
5. إدراج/كائن نموذج/حقل نص، أدخل حقل نص، يمكن أن يكون العرض تعسفيًا.
6. أدخل/صورة، أدخل صورة GO.
7. تعيين خصائص الصفحة. انقر فوق القائمة تحرير/خصائص الصفحة، وأدخل عنوانًا في عمود العنوان، وحدد صورة الخلفية، واضبط الحد العلوي على 0.
*** يمكن أن يؤدي تجميع صفحة الويب بأكملها إلى أجزاء مختلفة ودمجها في جداول مختلفة إلى تسريع الوقت الذي يستغرقه المتصفح لقراءة الصفحة. نظرًا لأن المتصفح يعرض المحتوى بعد قراءة الجدول بأكمله، فمن الأفضل عدم تأطير الجدول بأكمله.
8. استخدم جدول التخطيط لإنشاء صفحة كاملة
1. انقر فوق إدراج/تخطيط، وسيتحول زر عرض التخطيط الموجود بالداخل إلى حالة عرض التخطيط (العرض الافتراضي هو العرض القياسي). يمكنك أيضًا استخدام العرض/عرض الجدول/عرض التخطيط في القائمة للدخول.
2. انقر أولاً على الزر رسم جدول تخطيط، ثم قم بإنشاء جدول تخطيط على الصفحة مثل الرسم.
3. تمامًا كما في المثال السابق، ارسم الجدول الكبير في أعلى صفحة الويب، ثم في المنتصف، ثم في أسفل صفحة الويب.
4. انقر فوق الزر رسم خلية تخطيط مرة أخرى، ثم ارسم خلية التخطيط في جدول التخطيط المرسوم بالفعل.
5. ارجع إلى العرض القياسي، وأدخل جداول صغيرة متداخلة في الجداول المقسمة، وقم بتحسين الصفحة، وأكمل تصميم الصفحة بأكملها.
****احرص على وضع الصفحة بأكملها في جدول تخطيط كبير، لأن سرعة تصفح صفحة الويب هذه ستكون بطيئة جدًا. يجب تقسيم العديد من جداول التخطيط وفقًا لتخطيط الصفحة ومحتواها، ثم يجب إدراج خلايا التخطيط فيها.
9. استخدام الطبقات
1. انقر فوق إدراج/طبقة. يمكنك أيضًا النقر على الأيقونة وسحب الماوس لإنشاء طبقة.
3. حدد الطبقة التي تم إنشاؤها وانظر إلى لوحة الخصائص. ما عليك سوى استخدام "رقم الطبقة" و"التسمية" الافتراضيين. "رقم الطبقة" ضروري للبرمجة، لكننا لا نستخدمه الآن بشكل عام. "العلوي" هو المسافة من الحد العلوي للصفحة؛ "اليسار" هو المسافة من الحد الأيسر. "المحور z" هو ترتيب الطبقات، حيث يتم تكديس الأرقام الأكبر فوق الأرقام الأصغر.
****إذا لم يتم تعيين أي لون، فستكون الطبقة شفافة.
4. انقر فوق المربع الصغير الموجود في الزاوية اليسرى العليا من الطبقة الوسطى لسحب الطبقة حولها، ويمكن أيضًا تعديل الحجم.
5. في عمود "التجاوز"، عندما يتجاوز النص حجم الطبقة، يكون مرئيًا (لا يزال الجزء الزائد معروضًا)، مخفيًا (يتم إخفاء الجزء الزائد)، قم بالتمرير (يتم عرض شريط التمرير بغض النظر عما إذا كان كذلك أم لا). تم تجاوزه)، تلقائي (يظهر شريط التمرير فقط عند تجاوزه).
6. انقر فوق القائمة Window/Others/Layer، وستظهر نافذة إدارة الطبقة. هناك يمكنك تعديل اسم الطبقة وقيمة المحور Z، أو النقر على أيقونة العين لجعل الطبقة مرئية أو غير مرئية. هناك أيضًا خيار لمنع التداخل.
7. محاذاة الطبقات. اضغط باستمرار على مفتاح Shift وحدد عدة طبقات في نفس الوقت. ثم استخدم تعديل/محاذاة، باستخدام الخيارات الموجودة هنا.
8. طبقة التعشيش. ⑴قم أولاً بإدراج طبقة في المستند. ⑵ ضع المؤشر داخل الطبقة، ثم استمر في إدراج طبقة للحصول على طبقة متداخلة. ⑶الطبقة الداخلية تسمى الطبقة الفرعية، والطبقة الخارجية هي الطبقة الأصلية. ترتيب المحور Z الخاص بهم هو نفسه. عندما تقوم بسحب الطبقة الأصلية، ستتحرك الطبقات الفرعية أيضًا بالنسبة لبعضها البعض. عندما تقوم بنقل طبقة فرعية، فإن الطبقة الأصلية لا تتحرك معها.
10. فهم المخطط الزمني
1. انقر فوق إدراج/طبقة في القائمة لإدراج طبقة.
2. قم بإدراج صورة في الطبقة، مثل صورة طائرة. (الصورة هنا يمكن أن تكون أيضًا صورة متحركة صغيرة بتنسيق .gif)
3. انقر فوق Window/Others/Timeline في القائمة لفتح نافذة Timeline.
4. حدد الطبقة التي تم إنشاؤها على الصفحة، واضغط مع الاستمرار على أيقونة المربع الصغير في الزاوية اليسرى العليا من الطبقة باستخدام الماوس، واسحب الطبقة إلى الإطار الأول من المخطط الزمني. في هذا الوقت، يتم تلقائيًا إنشاء مخطط زمني بطول 15 إطارًا.
5. حدد الإطار 1 على المخطط الزمني، واسحب الطبقة الموجودة على الصفحة إلى الزاوية اليسرى العليا من الصفحة، حيث تبدأ الرسوم المتحركة.
6. حدد الإطار 15 على المخطط الزمني واسحب الإطار إلى أي طول، مثل 30 إطارًا.
7. حدد الإطار الثلاثين واسحب الطبقة إلى أسفل يمين الصفحة في هذا الوقت، تعرض النافذة مسار حركة الطبقة من الإطار الأول إلى الإطار الثلاثين. (الحركة خط مستقيم في هذا الوقت)
8. يمكنك النقر على الإطار الخامس عشر، ثم النقر بزر الماوس الأيمن وتحديد "إضافة إطار رئيسي". مع تحديد الإطار الخامس عشر، اسحب الطبقة إلى الجزء الأوسط والسفلي من الصفحة.
9. حدد عنصر "التشغيل التلقائي".
11. إنشاء لوحة نشرات متدحرجة
1. أدخل طبقة على الصفحة، ثم قم بتعيين خلفية للطبقة كإطار للوحة النشرات.
2. ثم أدخل طبقة متداخلة في الطبقة التي تم إنشاؤها وحرك الطبقة المتداخلة أسفل الطبقة الأصلية.
3. أدخل النص في الطبقة المتداخلة وقم بتوسيطها.
4. افتح لوحة Timeline وأضف الطبقة الفرعية ككائن إلى اللوحة.
5. قم بإنشاء مسار تصاعدي للطبقة الفرعية وحركه فوق الطبقة الأصلية.
6. اسحب الإطار الرئيسي الأخير لزيادة وقت الرسوم المتحركة، ثم حدد "التشغيل التلقائي" و"التكرار".
7. حدد الطبقة الأصلية وقم بتعيين خاصية "التجاوز" على "مخفية" في لوحة الخصائص الخاصة بها.
12. استخدم رسوم فلاش المتحركة في الصفحة
1. انقر فوق الزر Flash في "إدراج" لإدراج رسم متحرك في الصفحة. يمكنك أيضًا تحديد القائمة إدراج/وسائط/فلاش لإكمال هذه الخطوة.
2. حدد الرسوم المتحركة المدرجة وانظر إلى لوحة الخصائص. هنا يمكنك ضبط عرضه وارتفاعه، أو تغيير الحجم عن طريق السحب.
3. يمكنك النقر فوق "تشغيل" هنا لمعاينة الرسوم المتحركة.
13. اجعل رسوم الفلاش المتحركة المدرجة شفافة
1. عندما تكون هناك بالفعل خلفية على صفحة الويب، أو إذا كنت تريد إدراج رسوم متحركة فلاش على صورة، ويكون لرسوم الفلاش المتحركة نفسها أيضًا لون خلفية، لذلك سيؤثر ذلك على المظهر ، فنحن بحاجة إلى جعلها رسوم متحركة شفافة.
2. على سبيل المثال، قم بإدراج صورة على الصفحة.
3. أدخل طبقة على الصورة وأدخل رسوم الفلاش المتحركة المطلوبة في الطبقة.
4. حدد الرسوم المتحركة للفلاش وانقر فوق الزر "المعلمات" في لوحة الخصائص.
5. أدخل "wmode" في المربع الأيسر من "المعلمات". أدخل "شفاف" في مربع "القيمة" الموجود على اليمين.
14. تشغيل الصوت على الصفحة
1. بعد إكمال الصفحة بأكملها، إذا كنت تريد إضافة موسيقى خلفية إلى الصفحة، فيرجى ملاحظة أن موسيقى الخلفية تكون عادةً ملف *.midi، وتكون ملفات الصوت هذه صغيرة جدًا ويسهل تنزيلها التنسيقات الأخرى ليست مناسبة كموسيقى خلفية.
2. بالإضافة إلى جميع الجداول الموجودة في الصفحة، (لاحظ أنه يتم عرض هذا العنصر فقط في شريط تحديد التسمية الموجود أسفل يسار نافذة التحرير في هذا الوقت، أو انقر على الزاوية اليسرى السفلية للتأكد من إضافة هذا السلوك للصفحة بأكملها). انقر فوق الزر "+" في نافذة السلوك (أو استخدم قائمة النافذة/السلوك لفتح نافذة السلوك.)
3. حدد "تشغيل الصوت" من القائمة المنبثقة. يفتح مربع حوار.
4. استخدم "استعراض" في مربع الحوار هذا لتحديد الصوت الذي تريد تشغيله وتأكيده.
5. في هذا الوقت، تعرض لوحة السلوك تلقائيًا الحدث عند التحميل والإجراء كتشغيل صوت. انقر على هذا الصف وسيظهر زر في المنتصف. انقر فوق الزر لتعيين الحدث الذي سيتم تشغيل هذا الصوت ضمنه. يمكنك اختيار "إظهار الأحداث"/"IE5.0".
6. نستخدم عادةً Onload (عند تحميل الصفحة)، وOnClick (النقر بالماوس)، وOnMouseOver (حرك الماوس فوق الكائن)، وOnUnload (عند إغلاق الصفحة)، وما إلى ذلك.
7. يمكن أيضًا تعيين هذا السلوك على الصور والروابط النصية. قبل تشغيل الصوت على الرابط النصي، أضف أولاً رابطًا فارغًا إلى النص، أي حدد النص وأدخل الرمز "#" في مربع الارتباط.
15. النافذة المنبثقة
1. قم أولاً بإنشاء صفحة (مثل a.htm) ليتم عرضها في نافذة صغيرة نظرًا لأن النافذة المنبثقة لا يمكن أن تكون كبيرة جدًا، فيجب أن يكون المحتوى أقل.
2. افتح صفحة تم إنشاؤها، وحرك المؤشر خارج جميع الجداول الخاصة بي في الصفحة، وانقر فوق الزر "+" في نافذة السلوك، وحدد "فتح نافذة المتصفح" من القائمة المنبثقة.
3. أدخل الإعدادات المقابلة في مربع الحوار. عنوان URL الذي سيتم عرضه هو a.htm ويتم تحديد عرض النافذة وارتفاعها بنفسك بالبكسل. تحقق من جميع المعلمات في الخصائص حسب الحاجة.
4. بعد الانتهاء من الإعدادات، انقر فوق "موافق". في هذا الوقت، سيتم عرض سلوك فتح نافذة التصفح في نافذة السلوك. شرط التشغيل هو Onload. إذا لم يكن ذلك مطلوبًا، فقم بتعيينه بنفسك.
5. يمكن أيضًا تعيين هذا السلوك على الصور والروابط النصية. .
6. يمكنك استخدام هذه الطريقة للتعبير عن الترحيب بالزائر عند الافتتاح أو الإعلان عن الموقع أو التوديع عند المغادرة وما إلى ذلك.
16. التحكم في معلومات شريط الحالة
1. افتح الصفحة وحدد صورة.
2. انقر فوق الزر "+" في نافذة السلوك وحدد Set Text/Set Status Bar Text.
3. في عمود "الرسالة" في مربع الحوار، أدخل الكلمات التي تريد عرضها، مثل مقدمة لهذه الصورة.
4. يمكنك تعيين شرط تشغيل السلوك على OnMouseOver (يتحرك الماوس فوق الكائن)، بحيث تظهر المعلومات ذات الصلة في شريط الحالة عندما يمرر الماوس فوق هذه الصورة.
5. إذا كنت تريد اختفاء هذه الرسالة بعد إزالة الماوس، فاستخدم هذا السلوك مرة أخرى، ولا تكتب شيئًا في عمود "الرسالة"، ثم قم بتغيير حالة التشغيل إلى OnMouseOut (تمت إزالة الماوس).
6. يمكن أيضًا تعيين هذا السلوك على جزء من النص. أو يمكنك تعيينه على الصفحة بأكملها.
17. المعلومات المنبثقة
1. افتح الصفحة التي تم إنشاؤها وانقر فوق العنصر الموجود في الزاوية اليسرى السفلية. انقر فوق الزر "+" في نافذة السلوك وحدد عنصر "المعلومات المنبثقة" من القائمة المنبثقة.
2. أدخل الرسالة التي تريد عرضها في عمود "الرسالة" في نافذة الإعدادات.
3. إذا تم ضبط شرط التشغيل على Onload (عند تحميل الصفحة)، فيمكن استخدامه كرسالة ترحيب لفتح الصفحة. إذا تم التعيين على OnUnload (عندما تكون الصفحة مغلقة)، فيمكن استخدامها كرسالة وداع عندما يغلق المستخدم الصفحة.
4. يمكنك أيضًا تعيين رسالة منبثقة على فقرة معينة من النص. على سبيل المثال، إذا كنت لا تريد أن يقوم الآخرون بنسخ جزء من النص، فحدد النص بأكمله. لاحظ أنه يتم عرض <P> في الزاوية اليسرى السفلية، وهي عبارة عن فقرة.
5. ثم افعل الشيء نفسه وأدخل عبارات مثل حقوق الطبع والنشر في الرسالة. ما عليك سوى ضبط شرط التشغيل على OnBeforeCopy (يتم تشغيله عند الضغط على الزر الأيمن) أو OnCopy (يتم تشغيله عند الضغط على الزر الأيمن للنسخ).
18. زر الصورة الديناميكية
1. قم بإعداد صورتين بنفس الحجم الطريقة الشائعة هي استخدام واحدة كصورة بتدرج رمادي والأخرى كصورة ملونة. أو واحدة بأزرار مقعرة وأخرى بأزرار مرتفعة.
2. مثال: قم بإدراج جدول مكون من 3 صفوف وعمود واحد، واضبط العرض على 180 بكسل.
3. ضع المؤشر على السطر الأول وأدخل صورة بتدرج رمادي.
4. أدخل العنوان المراد ربطه في عمود "الرابط" في لوحة الخصائص، وأضف اسمًا للصورة، مثل tu1.
5. انقر فوق الزر "+" في نافذة السلوك وحدد "تبديل الصورة" من القائمة المنبثقة.
6. في هذا الوقت، يتم عرض الصورة المراد تبادلها في عمود "الصورة"، ثم يتم تحديد الصورة المتبادلة في عمود "ملف المعبد الأصلي".
7. هناك معلمتان أدناه، "التحميل المسبق للصورة" و"استعادة الصورة عند تحريك الماوس بعيدًا"، ويجب تحديد كلاهما.
8. قم بإنشاء زرين ديناميكيين آخرين بنفس الطريقة.
19. يتكون تخطيط الصفحات بالإطارات
من جزأين رئيسيين - مجموعات الإطارات والإطارات الفردية.
1. انقر فوق الإطار المدرج لعرض أنماط الإطارات الثلاثة عشر المحددة. لنأخذ الهيكل العلوي الأوسط السفلي كمثال.
2. انقر على أيقونة بنية الإطار "أعلى - وسط - أسفل" في هذا الوقت، يتم إدراج إطارين، العلوي والسفلي، في الصفحة، وتقسيم الصفحة بأكملها إلى ثلاثة أجزاء. ندخل "العلوي" في الأعلى، و"الأوسط" في المنتصف، و"السفلي" في الأسفل.
3. احفظه أولاً. انقر فوق ملف/حفظ الكل في القائمة. في هذا الوقت، قم أولاً بحفظ ملف مجموعة الإطارات، ويمكنك تعديل الاسم بنفسك، مثل kuangjia.htm. سيتم بعد ذلك حفظ الصفحات الأخرى في مجموعة الإطارات بشكل منفصل. عند حفظ الصفحة المقابلة، سيتم تأطير هذا الجزء بخط منقط، بحيث يمكن حفظ الجزء أعلاه كـ shang.htm. يتم حفظ الجزء السفلي كـ xia.htm. يتم حفظ الجزء الأوسط باسم zhong.htm.
4. لقد قمنا حتى الآن بحفظ أربع صفحات، وهي مجموعة الإطارات والصفحات العلوية والمتوسطة والسفلية التي تشكل مجموعة الإطارات. لذلك، في الواقع، يتكون هذا الإطار من أربع صفحات، لذا فإن استخدام الإطار سيؤدي إلى إبطاء سرعة تصفح المستخدم.
5. انقر فوق نافذة/أخرى/إطارات لفتح لوحة الإطار. انقر على الإطار هنا لتحديده. عند تحديد إطار، يظهر خط منقط على الإطار المقابل في نافذة التحرير.
6. على سبيل المثال: حدد الإطار العلوي أعلاه، ويتم عرض خصائص الإطار أعلاه على لوحة الخصائص. حدد أيضًا الإطار الأوسط والإطار السفلي، ويمكنك أيضًا تعيين خصائصهما بشكل منفصل.
7. في نافذة التحرير، ضع الماوس على الحدود بين الإطارين. سيتغير شكل المؤشر إلى شكل سهم لأعلى ولأسفل. في هذا الوقت، انقر على الحدود لتحديد مجموعة الإطارات بأكملها.
8. في هذا الوقت، تظهر خصائص مجموعة الإطارات بأكملها على لوحة الخصائص. هنا يمكنك ضبط ما إذا كانت مجموعة الإطارات لها حدود وعرض ولون وما إلى ذلك. لكن الشيء الأكثر أهمية هو أنه يمكنك ضبط حجم كل إطار في الإطار المحدد هنا.
9. حدد الإطار العلوي على الأيقونة اليمنى للوحة الخصائص، واضبط سلوكه على 80 بكسل، وحدوده على 0.
10. حدد الإطار أدناه واضبط ارتفاع الخط على 30 بكسل والحد على 0.
11. حدد الإطار الأوسط، واضبط ارتفاع الصف على 1، والوحدة على نسبي. (نسبي يعني: نسبة الصف الحالي إلى الصفوف الأخرى. وضبطه على 1 يعني شغل كل المساحة المتبقية من نافذة التصفح باستثناء الجزء العلوي والسفلي.
12. مثال: ضع المؤشر على الإطار العلوي، ثم انقر بزر الماوس الأيمن وحدد خصائص الصفحة، ثم اضبط لون الخلفية على #FF6600. ثم أدخل/جدول، وأدخل جدولًا يحتوي على صف واحد وعمودين، وهامش الحدود هو 0. قم بتعيين عرض الخلية الأولى إلى 116 بكسل، ثم قم بإدراج صورة. اضبط المحاذاة الأفقية للخلية الثانية إلى المركز والمحاذاة الرأسية إلى الأسفل، ثم أدخل الكلمات "الأسد" و"الجدي" و"الجوزاء" بالتسلسل.
13. ضع المؤشر في الإطار الرئيسي للإطار الأوسط، وانقر بزر الماوس الأيمن وحدد خصائص الصفحة، واضبط لون الخلفية على #FFFFCC. ثم أدخل صورة كبيرة.
14. ضع المؤشر في الإطار السفلي، وانقر بزر الماوس الأيمن وحدد خصائص الصفحة لتعيين صورة خلفية.
15. عمل ثلاث صفحات إضافية كالصفحات التي سيتم ربطها بـ "الأسد" و"الجدي" و"الجوزاء".
16. حدد "الأسد"، وقم بتعيين الصفحة المراد الارتباط بها في الخصائص، ثم حدد "الحاسب المركزي" في "الهدف"، أي أنه سيتم عرض المحتوى في الإطار الأوسط.
17. قم أيضًا بتعيين الروابط الخاصة بـ "برج الجدي" و "الجوزاء".
20. قائمة الانتقال
1. انقر فوق إدراج/كائن نموذج/قائمة الانتقال في القائمة الرئيسية. يمكنك أيضًا استخدام رمز قائمة الانتقال في إدراج/نموذج لإظهار نافذة إعداد قائمة الانتقال.
2. أولاً، أدخل الكلمات "الرجاء تحديد موقع الويب ذي الصلة" في عمود "النص". ثم انقر فوق الزر "+" في النافذة. في الوقت الحالي، يوجد خيار إضافي في القائمة. هذا الخيار ليس له رابط ويستخدم فقط كنص وصف لقائمة الانتقال.
3. أدخل موقع الويب المطلوب في عمود النص، مثل "Sina"، ثم أدخل عنوان رابط موقع الويب http://www.sina.com.cn في العمود "عند التحديد، انتقل إلى URL". ، عنصر القائمة يوجد خيار آخر في العمود، هذا الخيار يتوافق مع عنوان الارتباط الخاص بالشبكة.
4. استخدم نفس الطريقة لإضافة خيارات أخرى وروابط مقابلة إلى القائمة. يمكنك أيضًا استخدام الزرين "أعلى" و"أسفل" لضبط ترتيبهما.
5. لا تحدد خيار "إدراج زر الانتقال بعد القائمة" في نافذة الإعدادات. حدد العنصر "حدد العنصر الأول بعد تغيير عنوان URL"، بحيث بعد استخدام قائمة الانتقال للانتقال إلى صفحة معينة، إذا عدت إلى صفحة قائمة الانتقال، فستظل قائمة الانتقال في الصفحة تعرض العنصر الأول حسب المحتوى الافتراضي.
6. انقر فوق "موافق" بعد الانتهاء من الإعدادات.
****نظرًا لأن قائمة الانتقال عبارة عن نموذج، يتم بالفعل إدراج النموذج (المنطقة المنقطة باللون الأحمر) أولاً، ثم يتم إدراج القائمة المنسدلة في النموذج.
7. إذا كنت تريد تعديل الخيارات، يمكنك تحديد القائمة المنسدلة في الصفحة، وفي هذا الوقت، انقر فوق "قائمة القيمة" في لوحة الخصائص لتعديل المحتويات المختلفة.
8. عند تحديد قائمة الانتقال، يظهر السلوك أيضًا في نافذة السلوك. انقر نقرًا مزدوجًا فوق السلوك للدخول إلى نافذة الإعدادات وإعادة ضبطه.
9. إذا كان العنصر الأول في "عناصر القائمة" عبارة عن رابط بدلاً من المطالبة كما هو مذكور أعلاه، فحدد "إدراج زر الانتقال بعد القائمة" في "الخيارات". أضف زر "اذهب".
21. استخدام المكونات الإضافية (امتداد وظيفة Dreamweaver)
1. قم أولاً بتنزيل المكونات الإضافية المطلوبة، المثال هنا هو Animate Browser Window. هذا مكون إضافي يغير حجم النافذة ديناميكيًا. افتح Dreamweaver Extension Manager وقم بتثبيت البرنامج الإضافي الذي تم تنزيله.
2. قم بتشغيل Dreamweaver، في الصفحة التي تم إنشاؤها، انقر بزر الماوس الأيمن فوق الزاوية اليسرى السفلية <body>، ثم انقر فوق الزر "+" في نافذة السلوك، وحدد "Animate Browser Window"، ثم قم بإجراء الإعدادات المقابلة. هنا، يتم ضبط الارتفاع والعرض على 0 قبل فتح النافذة، ولملء الشاشة بعد الفتح. حالة الزناد قيد التحميل.
22. الترجمات المصاحبة
1. ضع نقطة إدخال المؤشر حيث تريد إدراج الترجمات المصاحبة.
2. انقر فوق "محدد العلامات" في لوحة الإدراج.
3. حدد علامة الشاشة الاسمية وانقر فوق الزر "إدراج". ثم أغلق "محدد العلامات".
4. قم بالتبديل إلى عرض التعليمات البرمجية. ضع نقطة إدراج المؤشر بين علامتي الشاشة الاسمية.
5. حدد "نافذة"/"Tag Inspector". يمكن تعيين الاستخدامات المختلفة للعلامات في Tag Inspector.
6. انقر فوق السهم المنسدل الموجود على الجانب الأيمن من عنصر إعداد السلوك وحدد طريقة الحركة لتمرير محتوى الترجمة. ومعاني الخيارات الثلاثة هي: بديل: يتحرك المحتوى في اتجاهين متعاكسين. التمرير: يتم تمرير المحتوى في نفس الاتجاه. الشريحة: يتوقف المحتوى عن التمرير عندما يلامس حد الترجمة.
7. تحدد سمة الاتجاه اتجاه التمرير لمحتوى الترجمة. الخيارات الأربعة تعني: الأسفل: الحركة الهبوطية. يسار: تحرك يسارًا. اليمين: انتقل إلى اليمين. إلى الأعلى: الحركة إلى الأعلى.
8. تحدد خاصية التمرير سرعة تمرير الترجمة. بشكل عام تم ضبطه على 1.
9. تقوم سمة التمرير المؤجل بتعيين وقت الإيقاف المؤقت عند تمرير محتوى الترجمة، بالمللي ثانية. إذا كنت تريد أن يبدو التمرير سلسًا، فيجب أن تكون القيمة صغيرة قدر الإمكان. في المثال، تم ضبطه على 1 مللي ثانية.
10. تحدد سمة العرض عرض الترجمات المصاحبة. هذا أمر تعسفي، على سبيل المثال تم ضبطه على 300.
11. يقوم حدث onMouseOver بتعيين الإجراء عندما يتحرك الماوس لتمرير الترجمات، وغالبًا ما يتم ضبطه على إيقاف التمرير. يقوم حدث onMouseOut بتعيين الإجراء عندما يترك الماوس ترجمات التمرير، وغالبًا ما يتم تعيينه لبدء التمرير. لا يمكن تحديد هذين العنصرين ويمكن إدخالهما يدويًا فقط. أدخل "this.stop();" بعد onMouseOver وأدخل "this.start();" بعد onMouseOut.
12. تحدد سمة النمط نمط محتوى الترجمة. في المثال، لتعيين حجم نص الترجمة، تحتاج أيضًا إلى إدخال "font:12px;" يدويًا.
13. تحدد سمة الحلقة عدد مرات تمرير محتوى الترجمة، والقيمة الافتراضية غير محدودة. "-1" أيضًا لا نهائية.
14. جميع الرموز: محتوى الترجمة المتداول
23. إنشاء ورقة أنماط CSS
1. أدخل بعض النص على صفحة الويب.
2. افتح لوحة "CSS Style"، أو استخدم "Window/CSS Style" لفتحها.
3. توجد أربعة أزرار في الجزء السفلي من اللوحة، وهي إضافة نمط ونمط جديد وتحرير النمط وحذف النمط.
4. انقر فوق "نمط جديد" لفتح مربع الحوار. أدخل اسمًا ولاحظ أن هناك فترة قبل الاسم. على سبيل المثال، قم بتسميته .zi (الأسماء الصينية غير مقبولة). النوع: قم بإنشاء نمط مخصص، محدد في: هذا المستند فقط.
5. في هذا الوقت، افتح مربع حوار آخر، وحدد "الكتابة" في الفئة الموجودة على اليسار، ثم قم بتعيين الخط على Song Dynasty على اليمين، والحجم على 14 بكسل، وأي لون. ثم موافق.
6. حدد النص الموجود على الصفحة، ثم انقر فوق Style.zi في النافذة. في هذا الوقت، يتم تطبيق نمط CSS على هذا النص.
7. إذا كنت تريد تعديل نمط CSS المحدد للتو، فيمكنك النقر عليه ثم النقر فوق الزر "تحرير النمط" أدناه.
24. إنشاء ورقة أنماط رابط ديناميكي
1. انقر فوق مربع الحوار "نمط CSS جديد"، وحدد "فقط لهذا المستند" في العمود "محدد في"، ثم حدد "استخدام محدد CSS" في عمود "النوع".
2. عندما يحدد نوع ورقة النمط "استخدام CSS Selector" ، يتغير اسم القائمة المنسدلة إلى "Selector" ، مما يشير إلى أن محتوى الإدخال هو محدد CSS. الرابط الديناميكي.
ج: الارتباط - الحالة الطبيعية للارتباط التشعبي ؛
ج: التحول - الدولة عندما ينتقل المؤشر إلى الارتباط التشعبي ؛
3. قم بتعيين هذه الحالات بشكل منفصل. (البرتقالي).
4. استخدم نفس الطريقة لتعيين A: زارها ، وضبطها على عدم السطوح ، وضبط اللون على #FFFF00 (الأصفر).
5. المجموعة التالية أ: تحوم ، قم بتعيينها لتطوي عليها ، وتعيين اللون على #FF6600 (Orange).
6. ليست هناك حاجة لتعيين A: نشط ، وستعتمد تلقائيًا على:
7. أدخل جملة على صفحة الويب وقم بتعيين رابطها على "#" في لوحة الخصائص. هذا كل شيء.
**** ملاحظة: يجب تعيينه بترتيب: الرابط ، A: زيارته ، A: Hover ، و A: نشط ، وإلا فلن يحدث التأثير المتوقع.
إذا كنا بحاجة إلى اثنين أو أكثر من تأثيرات الارتباط على الصفحة ، فيمكننا استخدام الطريقة التالية:
1. انقر فوق الزر "النمط الجديد" ، حدد "استخدم CSS Selector" لنوع النمط ، أدخل مباشرة A.Link2: الرابط في عمود "Selector" ، ثم قم بتعيين A.Link2: رابط إلى اللون الأحمر بدون ترتيب.
2. استمر في تحديد الأسلوبين التاليين. أدخل الأسماء مباشرة وقم بتعيينها على A.Link2: تمت زيارتها ، دون تسطير باللون الأرجواني. A.Link2: تحوم ، الأزرق والطويلة.
3. في هذا الوقت ، هناك نمط مخصص يسمى Link2 تحت خيار "نمط CSS".
4. أدخل فقرة في الصفحة ، وأضف رابطًا # ، وحدد الرابط ، ثم انقر فوق النمط inly2 في نافذة ورقة النمط لتطبيق هذا النمط على الرابط.
5. يمكن استخدام نفس الطريقة لإنشاء تنسيقات ارتباط مختلفة على نفس الصفحة.
**** من أجل الحفاظ على نمط معين ، لا يُنصح بإنشاء الكثير من أنماط الارتباطات على نفس الصفحة.
25. ورقة النمط الخارجي
*** تطبيق ورقة النمط نفسها في صفحات مختلفة.
1. قم بإنشاء ورقة نمط جديدة ، واعطها اسمًا ، ثم حدد "إنشاء نمط مخصص" للنوع ، وحدد "ملف ورقة الأنماط الجديدة" للتعريف.
2. بعد التأكيد ، افتح النافذة لحفظ ورقة النمط الخارجي. ثم فقط حفظه إلى موقعك المحلي.
3. في هذا الوقت ، يمكنك أن ترى أنه تمت إضافة ملف ورقة أنماط جديد في نافذة ورقة الأنماط ، وأن لاحقة الملف هي CSS.
4. إذا كانت ورقة النمط الداخلية في الصفحة الحالية تريد تصديرها إلى ملف ورقة نمط خارجي للاستخدام من قبل الصفحات الأخرى ، فيمكنك النقر فوق الرمز الرمادي في الزاوية اليمنى العليا من نافذة ورقة النمط وتحديد "ورقة تصدير نمط" .
5. عندما تحتاج الصفحات الأخرى إلى استخدام أوراق النمط الخارجية ، يمكنك النقر فوق الزر الأول "إرفاق ورقة النمط" في نافذة ورقة النمط لفتح النافذة ، ثم حدد ملف ورقة النمط الخارجي ، وحدد "الرابط" في الإضافة ، و ، و ، و تأكيد.
26. CSS الأخرى
**** الخلفية في CSS هي تعيين الخلفية النصية ، صورة خلفية الجدول ، إلخ.
**** كتل في CSS تشير إلى ضبط تباعد النص ، المحاذاة ، التراكمية ، superscript ، الترتيب ، إلخ. من النص.
**** يشير المربع في CSS إلى ضبط المسافة الفارغة بين الصور والمحتوى النصية ، وطريقة خلط الصور والنص.
**** تشير الحدود في CSS إلى تجميل منطقة نص الجدول ، الأزرار ، إلخ.
**** القائمة في CSS تشير إلى تعيين نمط عناصر القائمة. وهذا هو ، فقرة تشبه الخطوط العريضة.
**** يشير تحديد المواقع في CSS إلى تحديد المواقع النسبية والمطلقة للصور على الصفحة.
**** امتداد في CSS ، يمكن ضبط المؤشر على نمط المؤشر ، والذي يمكن ضبطه على اليد (نوع اليد) ، crosshair (نوع متقاطع) ، نص ("i") ، انتظر (نوع الانتظار) ، الافتراضي (النوع الافتراضي) ، والمساعدة (نوع المساعدة) ، وأنواع الأسهم في اتجاهات مختلفة.
**** يمكن استخدام الامتدادات في CSS ، المرشحات الموجودة فيه ، لإنشاء تأثيرات مرشح CSS ، أي لمعالجة الشفافية ، التوهج ، إلخ. ومع ذلك ، فإن التأثير ليس واضحًا للغاية.
27. قم بإنشاء ألبوم صور عبر الإنترنت
1. أولاً ، قم بتثبيت برنامج FireWorksMX.
2. معالجة الصور التي تحتاجها لوضعها على الإنترنت ، ومعالجةها بنفس الحجم ، ووضعها في مجلد.
3. انقر فوق الأمر/إنشاء ألبوم موقع الويب في القائمة لفتح نافذة الإعدادات.
4. أدخل عنوان الألبوم ومعلومات الترجمة والمعلومات الأخرى (يمكنك أيضًا تعديله لاحقًا). "مجلد الصورة المصدر" ، حدد المجلد حيث قمت بحفظ الصورة للتو.
5. "مجلد الوجهة" ، انقر فوق الزر "استعراض" لتحديد دليل الموقع الحالي. (احفظ جميع الصور إلى الموقع)
6. يمكنك تحديد عنصر "حجم الصورة المصغرة" وفقًا لاحتياجاتك ، وعنصر "Show File Name".
7. خلية "العمود" هي عدد الصور المعروضة في كل صف.
8. عموما اختر "جودة أعلى" للما يلي "التنسيقات".
9. حدد خيار "إنشاء صفحة تنقل لكل صورة". نعم.
28. يشير وظيفة انتقال صفحة الويب المخصصة
**** إلى تأثيرات التحديث المختلفة التي تعرضها الصفحة عندما يدخل المشاهد أو يترك صفحة الويب ، مثل التمرير ، الستائر ، إلخ. ستبدو صفحة الويب أكثر ديناميكية ، ولكن يجب عليك أيضًا الانتباه إليها باعتدال ، وإلا فإن التغييرات الفاخرة للغاية قد تثير بسهولة الاشمئزاز من المشاهدين. خطوة:
1. افتح صفحة ، انقر فوق إدراج/رأس علامة/ميتا في القائمة ، وسيظهر مربع الحوار META.
2. حدد الخيار المكافئ HTTP في القائمة المنسدلة لخيارات الخصائص في مربع الحوار ، واكتب المقبل في مربع القيمة للإشارة إلى أنه سيكون هناك تأثير انتقال صفحة الويب عند إدخال صفحة الويب.
3. اكتب الأعمدة (المدة = 4) في مربع المحتوى. انكماش.
4. بعد الإدخال ، انقر فوق "موافق" للحفظ. وبهذه الطريقة ، عندما ننقر على الارتباط التشعبي لدخول هذه الصفحة ، يمكننا أن نرى التأثير.
تأثيرًا
للاختيار من بينها.
صندوق تقلص 0 حل 12
توسع يشبه مربع 1 يتقلص اليسار واليمين نحو منتصف 13
تتقلص الدائرة 2 ويتوسع الوسط إلى اليسار واليمين 14
قم بتوسيع الدائرة 3 وتقلص لأعلى ولأسفل نحو منتصف 15
قم بمسح 4 توسيع الوسط لأعلى ولأسفل 16
قم بمسح 5 توسيع إلى أسفل اليسار في الخطوات 17
تمحو 6 إلى اليسار توسع 18 إلى الجزء العلوي الأيسر في خطوات
تمحو إلى اليمين 7 توسع إلى أسفل اليمين في الخطوات 19
الستائر العمودية 8 توسع يشبه السلم إلى أعلى اليمين 20
الستائر الأفقية 9 خطوط أفقية عشوائية 21
لوحة التفتيش الأفقية 10 خطوط عمودية عشوائية 22
نمط لوحة المدقق العمودي 11 عشوائي 23
تسعة وعشرون ، تطبيق المكتبة
**** يجب استخدام بعض المحتوى في الموقع بشكل متكرر ، مثل أيقونة موقع الويب التي صنعها بنفسك ، وما إلى ذلك ، في هذا الوقت ، يتم حفظ هذا المكون في المكتبة و يمكن استدعاء في أي وقت.
1. افتح صفحة وحدد المكون الذي يجب حفظه ، مثل أيقونة.
2. انقر فوق نافذة القائمة/الموارد لفتح نافذة المورد. ثم حدد زر عينة الكتاب السفلي لفتح لوحة المكتبة.
3. انقر فوق الزر الجديد أدناه لحفظ الأيقونة التي تم تحديدها للتو إلى المكتبة.
4. عندما تريد تطبيق المحتوى في المكتبة على صفحة جديدة ، افتح لوحة المكتبة ، وحدد الرمز الذي تريد استخدامه ، ثم انقر فوق "إدراج" أدناه.
30. استخدم القوالب لإكمال الموقع بسرعة (الصفحة الرئيسية أو صفحة داخلية)
1. أولاً ، خطط لموقع الويب الذي تريد صنعه ، وتصميم محتوى كل رابط. مثل موقع الويب الخاص بي:
الروابط الموجودة على الصفحة الرئيسية هي: إصدار الويب ، والنسخة المتحركة ، يرجى ترك رسالة ، عني ، اتصل بي ، Wishing Links. الفصول الدراسية ¦original curnware ¦eheart sea التقاط صورة للحياة ¦
الروابط الموجودة على الإصدار المتحرك هي نفسها الموجودة في إصدار الويب.
فيما يلي روابط لمختلف المقالات أو صفحات الدورات التدريبية. على سبيل المثال ، يرتبط "البحث عن الحقيقة في الفصل الدراسي" إلى صفحة مليئة بعناوين خطة الدروس ، ثم من كل عنوان خطة الدرس ، يرتبط بالصفحة التي يتم فيها وضع خطة الدرس. وينطبق الشيء نفسه على الآخرين.
2. قم بتنزيل قالب صفحة الويب الأكثر ملاءمة للتخطيط الخاص بك والمفضل. والآخر هو عادةً مجلد يسمى الصور ، وهو ما نسميه المكان الذي توضع فيه الصور.
3. حدد الموقع ، ثم نسخ هذين الملف (المجلدات) إلى مجلد الموقع.
4. انقر نقرًا مزدوجًا فوق ملف index.htm لإدخال حالة التحرير للصفحة الرئيسية. يمكنك بعد ذلك تعديل الصفحة لتناسب احتياجاتك. هذا يكمل الصفحة الرئيسية.
31. احفظ صفحات الويب الحالية كقوالب
**** المستخدمة عندما يكون هناك عدد كبير من الصفحات المتكررة في موقع الويب. (تأكد من تحديد الموقع قبل إنشاء قالب جديد واستخدامه)
1. حدد صفحة وانقر فوق ملف/حفظ كقالب لحفظ الصفحة الحالية كقالب. يتم فتح نافذة "حفظ القالب" ، وإعطاء القالب اسمًا ، ثم حفظه.
2. في هذا الوقت ، يمكنك أن تجد أن المجلد المسماة Templates يتم إنشاؤه تلقائيًا في الموقع ، ويتم تخزين القوالب التي نقدمها في هذا الدليل. امتداده هو .dwt
3. لا يمكن تعديل هذا القالب أثناء استخدامه حاليًا. لذلك تحتاج إلى ضبط المنطقة القابلة للتحرير للقالب.
4. على سبيل المثال ، في صفحة القالب الحالية ، تحتاج إلى جعل الجزء الأوسط من الصفحة قابل للتحرير ، بحيث يمكنك إضافة محتوى إليه عند استخدام القالب. حدد خلية الجدول في منتصف الصفحة (اضغط على مفتاح CTRL وانقر فوق الخلية) ، وانقر فوق إدراج كائن/القالب/منطقة القالب في القائمة الرئيسية. يتم فتح مربع حوار ، حيث يمكنك إعطاء القالب اسمًا وانقر فوق "موافق".
5. تم تأطير المنطقة القابلة للتحرير المحددة في هذا الوقت بواسطة خط أزرق فاتح ، وهناك اسم المنطقة في الركن الأيسر العلوي. حفظ وإغلاق ملف القالب.
6. انقر فوق ملف/جديد في القائمة الرئيسية ، وانقر فوق خيار "القالب" أعلاه في نافذة الصفحة الجديدة.
7. في هذا الوقت ، يتم سرد المواقع المحددة حاليًا في عمود "القالب". حدد قالبًا ويمكنك معاينته في عمود "معاينة". ثم انقر فوق الزر "إنشاء" لإنشاء صفحة جديدة.
8. في الصفحة الجديدة التي تظهر ، باستثناء المنطقة القابلة للتحرير ، لا يمكن تعديل أجزاء أخرى.
32. قم بتحميل موقع الويب الخاص بك
1. تقدم بطلب للحصول على مساحة موقع الويب ثم قم بتحميله على الإنترنت. حاليًا ، لا توجد مساحة حرة.
2. بعد النقر فوق "تطبيق" ، سيظهر نموذج يطلب التسجيل ، والذي يتضمن عمومًا اسم المستخدم ، كلمة المرور ، البريد الإلكتروني ، رقم الاتصال ، المقاطعة ، اسم الصفحة الرئيسية ، فئة الصفحة الرئيسية ، مقدمة إلى الصفحة الرئيسية ، إلخ.
3. بعد ملء كل شيء ، ستحصل على العناصر التالية: ① اسم المستخدم (تم ملؤه للتو) ② كلمة المرور (تم ملئها للتو) ③ FTP عنوان الصفحة الرئيسية (في بعض الأحيان يتم إرسال العناصر المذكورة أعلاه إلى عنوان البريد الإلكتروني المملوء)
4. تنزيل وتثبيت برنامج تحميل FTP ، يمكنك استخدام CuteFTP (يمكن تنزيل نافذة/برنامج Kunshan ، مجانًا)
5. افتح برنامج CuteFTP وانقر فوق "ملف/مدير الموقع" في القائمة الرئيسية.
6. املأ عنوان تحميل FTP واسم مستخدم موقع FTP وكلمة مرور موقع FTP في مربع الحوار الذي يفتح ، ثم انقر فوق الاتصال للاتصال بخادم الموقع. (سيتصل تلقائيًا في المرة الثانية التي تفتح فيها ، لا حاجة لملئها مرة أخرى)
7. بعد الانتهاء من الاتصال ، سيظهر الإطار على الصفحة اليسرى. ) إلى واحد واحد تلو الآخر ، ويتم الانتهاء من التحميل.
33. للترويج لموقع الويب الخاص بك ،
كيف تسمح للآخرين بمعرفة عنوان الموقع؟
1. استخدم برنامجًا خاصًا لتسجيل موقع الويب الخاص بك في محركات البحث الرئيسية.
2. تسجيل الدخول اليدوي. على سبيل المثال ، افتح Baidu ( www.baidu.com ) ، وهناك رابط "تسجيل الدخول إلى موقع الويب" أدناه. المدرجة في محرك البحث في Baidu ، حتى يتمكن الآخرون من البحث إلى موقع الويب الخاص بك. وينطبق الشيء نفسه على تسجيل الدخول إلى مواقع الويب الأخرى.