الاستخدامات السحرية لجداول DreamWeaver - شرح تفصيلي لإنتاج الإطارات السلكية (1)
الكاتب:Eve Coleوقت التحديث:2009-05-30 18:36:28
في DreamWeaver، يتم استخدام الجداول بشكل أكثر شيوعًا في تخطيط صفحات الويب وتحديد موضع المحتوى. في الواقع، بالإضافة إلى تطبيق هذه "الوظائف الكبيرة"، من خلال طرق مرنة مختلفة، يمكن للجداول أيضًا تحقيق العديد من التأثيرات التي يصعب تحقيقها بشكل عام في التصميم، ويعتبر إنتاج "الإطار السلكي" الذي سيتم عرضه أدناه مثالًا جيدًا. بالطبع استخدامه الذكي يتجاوز ذلك.
غالبًا ما تظهر كائنات "الإطار السلكي" في صفحات الويب، مثل خط رفيع أو مربع وما إلى ذلك. في الإنتاج المنسق لتأثيرات معينة، يعد تعديل "الإطار السلكي" أمرًا ضروريًا. ومع ذلك، فمن المؤسف أن العديد من أدوات تصميم الويب السائدة لا توفر وظائف إنشاء إطار سلكي واضحة ومباشرة نسبيًا. وفي هذه الحالة، من المهم بشكل خاص استخدام عناصر أخرى لتحقيق المراوغة.
1> إنتاج خطوط رفيعة ذات عرض متقاطع
بادئ ذي بدء، أعتقد أنه يجب على الجميع فهم مفهوم "الخط الرفيع عبر العرض" هنا، وتنعكس نقطة مهمة جدًا في "الخط الرفيع"، ولهذا السبب يتعين علينا استخدام الجداول لتحقيق ذلك.
يعرف جميع مستخدمي الإنترنت الذين تعرضوا لتصميم الويب أنه في HTML (لغة نقل النص التشعبي)، هناك علامة، يتم استخدام هذه العلامة لإنشاء كائن "الخط الأفقي"، ثم يجب أن تتساءل، أليس الخط الأفقي مجرد خط رفيع؟ لماذا استخدام الجداول للقيام بذلك؟
في الواقع، يتم استخدام الخطوط الأفقية لإنشاء خطوط، بما في ذلك تأثيرات البانر والرأسية، والتي يمكن تحقيقها. ولكن انطلاقًا من التطبيق الحالي، فإن الخط الأفقي ببساطة لا يمكنه تحقيق الدقة التي نطلبها، أي التأثير الحقيقي للارتفاع = 1 بكسل.
فيما يلي مجموعة من الرسوم التوضيحية ذات الخطوط الرفيعة المصنوعة من الخطوط الأفقية:
من الواضح أن الأولين منهما يبدوان أكثر خشونة، والأخير، الذي تم ضبطه يدويًا على ارتفاع 1 في لوحة الخصائص، من الواضح أنه لا يلبي متطلباتنا إذا كنت ترغب في تغيير لون الخط الأفقي، فعليك يجب أن تذهب إلى الكود المصدري، ولا يمكن تحقيقه إلا من خلال الوسيط، ولكنه ليس مناسبًا جدًا للاستخدام. بعد فهم ما ورد أعلاه، دعنا نلقي نظرة على كيفية تحقيق نتائج أفضل من خلال الجداول.
انقر على أيقونة "جدول" في لوحة "الكائن" أو حدد القائمة "إدراج" - "جدول" لإدراج كائن جدول بارتفاع وعرض 1 في الموضع المناسب في صفحة الويب. كما هو موضح في الصورة