قبل أن نبدأ في إعدادها، دعونا نحلل هذه الصفحة أولاً. ألق نظرة على ما يتم استخدامه في هذه الصفحة.
□العنوان "صفحتي الرئيسية" الموجود أعلى صفحة الويب عبارة عن فقرة من النص.
□ توجد صورة في منتصف صفحة الويب.
□رسالة الترحيب في الأسفل عبارة عن فقرة من النص.
□خلفية صفحة الويب ذات لون أرجواني غامق.
بعد تصور هيكل صفحة الويب هذه، يمكننا البدء في إنشائها.
قم أولاً بتشغيل Dreamweaver وتأكد من إنشاء موقع ويب (الدليل الجذر) باستخدام مدير الموقع.
لتسهيل عملية الإنتاج، يرجى فتح مدير الموارد مسبقًا وجمع الصور لاستخدامها في مجلد الصور بدليل موقع الويب.
[ أدخل نص العنوان]
أدخل حالة عرض تصميم تحرير الصفحة. في الظروف العادية، يكون المحرر افتراضيًا على المحاذاة إلى اليسار، ويومض المؤشر في الزاوية اليسرى العليا، ويكون موضع المؤشر هو موضع نقطة الإدراج. إذا كنت تريد إدراج النص في المركز، فانقر فوق الزر الأوسط في لوحة الخصائص. ابدأ طريقة الإدخال الصينية وأدخل الكلمات الأربع "صفحتي الرئيسية". لا يهم إذا كان الخط صغيرا، يمكننا إعداده.
[ضبط تنسيق النص] حدد النص واضبط تنسيق الخط على الخط الافتراضي في لوحة الخصائص أعلاه. يمكن تغيير حجم الخط حسب الرغبة. وحدد "B" لجعل الخط غامقًا.
[تعيين لون النص] حدد النص أولاً، وانقر فوق أيقونة تحديد اللون في لوحة الخصائص، واستخدم القطارة لتحديد اللون في محدد الألوان المنبثق.
[تعيين عنوان ولون خلفية صفحة الويب]
انقر على قائمة "تعديل" وحدد "خصائص الصفحة". ينبثق النظام مربع حوار خصائص الصفحة (كما هو موضح أدناه)
يرجى ملء العنوان "صفحتي الرئيسية" في مربع إدخال العنوان.
تعيين لون الخلفية: يمكن أن تكون خلفية صفحة الويب صورة أو لونًا. في هذه الحالة هو اللون. افتح محدد لون الخلفية كما هو موضح أعلاه لتحديده. إذا كنت تريد تعيين الخلفية لصورة، فانقر فوق الزر "استعراض" لصورة الخلفية، وسينبثق النظام مربع حوار لتحديد الصورة، حدد ملف صورة الخلفية وانقر فوق الزر "موافق".
في حالة عرض التصميم، انقر بالماوس في المساحة الفارغة على يمين العنوان "صفحتي الرئيسية"، ثم اضغط على Enter لتغيير الخط، واتبع الخطوات أدناه لإدراج صورة وتوسيط الصورة. يمكنك أيضًا محاذاته إلى اليسار باستخدام زر Align Left في لوحة Properties.
【أدخل صورة】اختر إحدى الطرق التالية:
(1) استخدم قائمة "إدراج": حدد "صورة" في القائمة "إدراج"، وسينبثق مربع الحوار "تحديد ملف مصدر الصورة"، وحدد ملف الصورة، ثم انقر فوق "موافق". كما هو موضح أدناه:
(2) استخدم عمود الإدراج: انقر فوق زر كائن عمود الإدراج > الزر تحديد، وسينبثق مربع الحوار "تحديد ملف مصدر الصورة"، وستكون بقية العمليات هي نفسها كما هو مذكور أعلاه.
(3) استخدم لوحة "الموارد" في مجموعة اللوحات (كما هو موضح أدناه): انقر فوق الزر، وقم بتوسيع مجلد الصورة في الدليل الجذر، وحدد الملف، واسحبه إلى الموضع المناسب في مساحة العمل باستخدام الماوس.
ملحوظة: لسهولة الإدارة قمنا بوضع الصور في مجلد "الصور". إذا كان هناك عدد قليل من الصور، فيمكنك أيضًا وضعها في الدليل الجذر للموقع. لاحظ أنه يجب تسمية اسم الملف باللغة الإنجليزية أو بينيين وبأحرف صغيرة، ولا يمكن أن يكون باللغة الصينية، وإلا فستكون هناك بعض المشاكل.
تم إدراج صورة. (أدخل ملف الرسوم المتحركة *.swf، ثم حدد قائمة "إدراج" > الوسائط > الفلاش).
[أدخل نص الترحيب]
انقر في المساحة الفارغة الموجودة على يمين الصورة واضغط على Enter لالتفاف السطر. مع الاستمرار في اتباع الطريقة المذكورة أعلاه، أدخل النص "مرحبًا..." ثم استخدم لوحة الخصائص لتعيين النص.
احفظ الصفحة.
تم تحرير صفحة بسيطة مثل هذا.
[معاينة صفحة الويب] اضغط على F12 في محرر الصفحة لمعاينة تأثير صفحة الويب.
عادةً ما تتم تسمية الصفحة الأولى من موقع الويب، وهي الصفحة الرئيسية، باسم Index.htm عند الحفظ.
[ملخص] أنشأنا صفحة ويب بسيطة.
هناك أربعة محتويات:
①إدراج الصورة وإعدادات المحاذاة؛
② تنسيق النص واللون وإعدادات الخط الغامق؛
③تحديد لون الخلفية؛
④قم بمعاينة صفحة الويب لرؤية التأثير الفعلي.
لا يجب عليك إتقانها فحسب، بل يجب عليك أيضًا ممارستها بشكل متكرر.