برنامج Dreamweaver MX 2004 من الصفر (3)
الكاتب:Eve Cole
وقت التحديث:2009-05-31 21:02:57
استخدم أطر العمل لبناء صفحات الويب <BR> بعد أن نقوم بتسجيل الدخول إلى بعض المنتديات، يمكننا رؤية اسم كل منطقة مناقشة على اليسار، انقر فوق أي منطقة مناقشة لرؤية محتوى منطقة المناقشة المقابلة في المنطقة اليمنى، ولكن يتم عرض الأجزاء اليمنى واليسرى بشكل مستقل، على سبيل المثال، لن يؤثر سحب شريط التمرير على اليسار على العرض على اليمين. في الواقع، هذا هو استخدام تقنية الإطار في الصفحة، لذلك يمكن تقسيم مساحة عرض المتصفح إلى عدة أجزاء، ويمكن لكل جزء عرض محتوى صفحة الويب بشكل مستقل. كما أن الجمع بين عدة إطارات لتكوين مجموعة إطارات يمكن أن يمنح الصفحة تأثيرًا أكثر ثراءً.
1. إنشاء الإطارات ومجموعات الإطارات
الخطوة 1: قم بإنشاء صفحة جديدة في Dreamweaver MX 2004. بعد تشغيل الأمر "View → Visual Aids → Frame Borders"، يمكنك رؤية حد يظهر في نافذة التحرير، بعد النقر فوق الحد بالماوس، يمكنك رؤية حد منقط الإطار، مما يشير إلى أن الصفحة التي تم إنشاؤها حديثًا تأتي مع إطار.
الخطوة 2: اضغط على الزر "Alt" واسحب الحدود بالماوس. بعد تحرير الماوس، يمكنك تقسيم النافذة إلى قسمين، وبالتالي تقسيم الصفحة إلى حدين. على سبيل المثال، يمكن أن يؤدي سحب الحدود اليسرى واليمنى إلى تقسيم النافذة إلى أجزاء يسارية ويمينية، ويمكن أن يؤدي سحب الحدود العلوية والسفلية إلى تقسيم النافذة إلى أجزاء علوية وسفلية. بالإضافة إلى ذلك، يمكن أيضًا سحب الزوايا الأربع للنافذة، بحيث يمكن تقسيم النافذة مباشرة إلى أربع مناطق (الشكل 1). عندما يتم تقسيم النافذة إلى عدة إطارات، يمكن تحرير كل إطار كصفحة ويب مستقلة، أو يمكن تعيين صفحة موجودة مباشرة إلى الإطار.
الشكل 1
الخطوة 3: يُسمح بتداخل الإطارات. على سبيل المثال، لإنشاء الإطار الموضح في الشكل 2، يمكنك أولاً تقسيمه إلى قسمين أفقيًا من خلال الطريقة المذكورة أعلاه، ولكن بعد ذلك لا يمكنك سحب الحدود مباشرة، وإلا ستحصل على الإطار. هو مبين في الشكل 1. الطريقة الصحيحة هي النقر أولاً على الإطار الأيمن في لوحة الإطار في الزاوية اليمنى السفلية، ثم الضغط على الزر "Alt" لسحب الحدود.
الشكل 2
نصيحة: إذا قمت بسحب الحدود عن طريق الخطأ، فما عليك سوى استخدام الماوس لسحب الخط الذي يجب حذفه إلى حدود الإطار الأصلي لحذفه.
2. إطار التحرير
غالبًا ما تمزج الصفحات بين الإطارات ومجموعات الإطارات، ويمكن إجراء إعدادات سمات مختلفة عن طريق تحديد كائنات مختلفة.
الخطوة الأولى: خصائص الإطار. بعد تحديد مجموعة الإطارات، يمكنك رؤية لوحة كائن الخاصية (كما هو موضح في الشكل 3). يمكن لعنصر "الحدود" تعيين ما إذا كان سيتم عرض الحدود، ويمكن لعنصر "عرض الحدود" تعيين عرض الحدود، و"لون الحدود". "يمكن ضبط لون الحدود. . بالإضافة إلى ذلك، يمكنك أيضًا تعيين حجم كل حد. في هذا الوقت، حدد صفًا أو عمودًا في الصورة المصغرة على الجانب الأيمن من اللوحة، ثم أدخل قيمة في مربع الإدخال "Alue" المجاور له، وحدد. بكسل أو نسبة مئوية كوحدة.
الشكل 3
الخطوة 2: خصائص الإطار. إذا قمت بتحديد أي إطار في لوحة الإطار، فسيتم عرض الإطار المحدد بحد أسود، وفي هذا الوقت، يمكنك إجراء الإعدادات المقابلة في لوحة الخصائص (الشكل 4). على سبيل المثال، يمكنك هنا تعيين ملف صفحة الويب في الإطار من خلال شريط العناوين "Src"، ويشير "Scroll" إلى ما إذا كان سيتم إضافة شريط تمرير، ويمكن لـ "Border" تحديد ما إذا كان سيتم عرض الحدود، أم لا، ويسمح خيار "No resize" حجم الإطار الذي سيتم تغييره في المتصفح، ويقوم ""عرض الهامش"" و"ارتفاع الهامش" على التوالي بتعيين عرض الحد وارتفاعه لتحديد المسافة بين المحتوى الموجود في الإطار والحد.
الشكل 4
الخطوة 3: أدخل المحتوى في الإطار. بعد النقر فوق أي إطار باستخدام الماوس، يمكنك إدراج محتوى نصي مختلف وصور ورسوم فلاش متحركة وموسيقى خلفية وعناصر صفحة ويب أخرى تمامًا مثل صفحات التحرير العادية.
في الواقع، يمكن أن يؤدي استخدام الأطر إلى تخطيط معقول لتخطيط صفحة الويب، وهو أمر مهم بشكل خاص في المراحل الأولى من تصميم الويب، لذلك يحتاج الجميع إلى ممارسة المزيد في الاستخدام اليومي، وهو أمر مفيد جدًا لبناء موقع ويب ممتاز!