الجداول في Dreamweaver

سوف تتعلم في هذا الدرس كيفية إنشاء جدول في أدوبي دريم ويفر قبل أن نتمكن من العمل على جدولنا نحن بحاجة إلى إعداد موقع في دريم ويفر لذلك سنذهب إلى القائمة موقع، ثم إلى موقع جديد سنقوم بتسمية هذا العمل باستخدام الجداول وسنضغط على أيقونة المجلد الآن أخذت مجلد ملفات الدرس من هذه الوحدة الثالثة وأضعها على سطح المكتب لذلك سأقوم باختيار Module3_tables وأحدد هذا المجلد وسنضغط على الزر حفظ إذا كنت بحاجة إلى معرفة المزيد حول العمل باستخدام المواقع في دريم ويفر يمكنك العودة إلى الوحدة الأولي والي درس إدارة المواقع في دريم ويفر لمعرفة المزيد حول سبب عملنا باستخدام المواقع في دريم ويفر سأنتقل إلى لوحة الملفات وسأنقر نقرًا مزدوجًا على hikes.html سيؤدي ذلك إلى فتح هذا الملف في نافذتنا الرئيسية سنستخدم جدول بصفته جدول الحقائق في هذا المستند ومع ذلك، من المهم أن نلاحظ أنه في بداية التصميم لأجل الإنترنت تستخدم الجداول كعناصر تصميم قبل CSS، أوراق الأنماط المتتالية ولا تزال تستخدم حتى اليوم كعناصر تصميم في البريد الإلكتروني بتنسيق HTML الآن لدي طريقة العرض Design المحددة من أوضاع العرض الخاصة بي لذلك إذا كانت طريقة العرض Live هي المحددة فسأطلب منك الصعود واختيار العرض Design وسنضع المؤشر في هذا المربع هنا على اليسار وسنكتب HIKING TRAILS ثم نضغط على مفتاح الإدخال الآن من أجل إضافة جدول سنصعد إلى قائمة "إدراج" إلى "جدول" يظهر مربع حوار الجدول وسنقوم بإنشاء جدول بثلاثة صفوف وعمودين سيكون لدينا عرض جدول 300 بكسل والحد سمكه مقدار واحد الآن، إذا أردنا ذلك، يمكننا اختيار ذلك إما عمود رأس أو صف رأس أو كليهما لكننا سنترك ذلك على أنه لا يوجد وسنضغط على "موافق" في دريم ويفر، أسهل طريقة لإجراء التغييرات على الجدول الخاص بك في الأسفل هنا في لوحة الخصائص لذا سنغير عرض الجدول من 300 إلى 600 ويمكنك أن ترى كيف يتناسب بشكل جيد مع تلك المنطقة سنذهب إلى حيث ينص محاذاة سنغير ذلك من الافتراضي إلى المنتصف لذلك سوف يتم توسيطه بشكل جيد في منطقتنا وسنكتب في هذا الصف العلوي Hiking Trails in MA والآن، من أجل الوصول إلى القسم التالي كل ما علينا فعله هو النقر فوق مفتاح Tab ويمكنك أن ترى أن هذا يغير جدولنا قليلاً فقط ومن المهم أن تعرف أنه عند تصميم الجداول أن هناك أشياء معينة تجعل هذا الجدول مرنًا وبالتالي، سوف يتغير مع وضع المعلومات في خلايا الجدول سأضغط على مفتاح Tab مرة أخرى وسأكتب Trail Name ومفتاح Tab واكتب المدينة لذا، يمكنك أن ترى، عند كتابة كلمة المدينة Town فإن الأعمدة تتغير أكثر قليلاً الآن بعد أن أصبح لدينا المزيد من المعلومات في جدولنا فأنا أريد العودة وإجراء بعض التغييرات الإضافية على الجدول سنضغط على هذا الرقم 600 في أعلى جدولنا ونحدد الجدول وهذا يسمح لنا بإحضار لوحة الخصائص الخاصة بنا لجدولنا مرة أخرى وسنتحدث عن حشو الخلية وتباعد الخلايا في جدولنا إذا لم تضع رقمًا في حشو الخلية وتباعد الخلايا الخاصة بك، سيضع HTML افتراضيًا بكسل واحد من المساحة المتروكة في كل منها حشو الخلية هو مقدار المساحة بين حافة الخلية والمحتوى لذلك إذا وضعنا حشو للخلية بمقدار 10 وضغطنا على مفتاح الإدخال يمكنك أن ترى كيف أصبحت الكتابة الآن بعيدة قليلاً من حافة الخلايا تباعد الخلايا، سأكتب خمسة في الوقت الحالي وهو مقدار المسافة بين الخلايا نفسها لذلك سأحذف ذلك وأضغط على مفتاح الإدخال واترك ذلك على الإعداد الافتراضي الآن الخصائص الأخرى التي لدينا لجدولنا هي خاصية الحد حاليًا، لدينا حد بمقدار واحد ولكن يمكنك معرفة ما إذا كنا نضع حد بمقدار صفر دريم ويفر، في طريقة العرض Design سيظهر لنا حواف الجدول الخاص بنا ولكن إذا انتقلنا إلى العرض Live يمكنك أن ترى كيف أننا لا نرى حدود الجدول على الإطلاق سأعيد هذا إلى طريقة العرض Design لأن طريقة العرض Design تساعدنا في العمل بشكل أكثر كفاءة عند العمل باستخدام الجداول في الدروس القادمة سوف نتعلم المزيد عن تعديل وتنسيق الخلايا الخاصة بنا لذلك، في هذا الدرس، تعلمت كيفية إنشاء جدول في أدوبي دريم ويفر