كيف تجعل موقع الويب الخاص بك ديناميكيًا
هل لا يزال موقع الويب الخاص بك ثابتًا كما كان دائمًا؟ من بين النمو الهندسي الحالي لمواقع الإنترنت على الإنترنت ، لا يزال عدد كبير منها متمسكًا بستاتيك ويتخلفون عن وتيرة العصر بشكل غير مرئي. ما يسمى ثابتة أن محتوى صفحة الويب لموقع الويب ثابت. مستند HTML ثابت. يستخدم محتوى صفحتها رمز HTML القياسي فقط ، وعلى الأكثر ، يرافقه الصور الديناميكية GIF89A الشهيرة ، مثل تأثير الرسوم المتحركة للعديد من الجراء والقطط التي تدور حولها. إذا أراد مشرف موقع الويب تحديث محتوى صفحة الويب ، فيجب عليه أو هي تحديث جميع مستنداته HTML يدويًا.
الضعف المميت في مواقع الويب الثابتة هو أنه ليس من السهل الحفاظ عليه. الخيال.
لا يمكنك إلا أن تسأل: إذن ما هو موقع ويب ديناميكي؟ هذا هو جوهر المقالة.
1. التفاعل يعني أن صفحات الويب ستتغير بشكل حيوي واستجابةها وفقًا لمتطلبات المستخدم وخياراتها ، واستخدام المتصفح كواجهة العميل.
2. التحديث التلقائي يعني أنك لست بحاجة إلى تحديث مستند HTML يدويًا ، وسيتم إنشاء صفحة جديدة تلقائيًا ، والتي يمكن أن توفر عبء العمل بشكل كبير.
3. يتغير من وقت لآخر ، أي عندما يزور أشخاص مختلفين نفس موقع الويب في أوقات مختلفة وسيقوم أشخاص مختلفون بإنتاج صفحات مختلفة.
الآن بعد أن أصبح لديك مفهوم أساسي لمواقع الويب الديناميكية ، يجب عليك اختيار سلاح مختص بعد ذلك. هناك العديد من الطرق لجعل موقع الويب الخاص بك ديناميكيًا ، وهذا يعتمد على ماهية احتياجاتك. إذا كنت محفوظًا لموقعك الشخصي واستخدمت مساحة مجانية للصفحة الرئيسية ، فيمكنك في معظم الحالات استخدام Java و Java Script وأحدث تقنية DHTML. كن محظوظًا جدًا للعب بتكنولوجيا ديناميكية حقيقية. ستتم مناقشة تقنية CGI و ASP لاحقًا.
ما هو بالضبط DHTML؟ كيف يختلف عن HTML التقليدية؟ يتم تنزيل DHTML عندما يتم تنزيل صفحة ويب من خادم ويب ولم تعد بحاجة إلى معالجتها بواسطة الخادم ، ولكنها تقوم بتحديث المحتوى ونمط التخطيط والرسوم المتحركة في المتصفح. على سبيل المثال ، عندما ينتقل الماوس إلى فقرة المقالة ، يمكن أن تتحول الفقرة إلى اللون الأزرق ، أو عند النقر فوق ارتباط تشعبي ، سيتم إنشاء دليل منسق المنسدلة تلقائيًا. هذا هو HTML الديناميكي (HTML الديناميكي) ، وهو أحد أكثر الابتكارات إثارة والعملية في التطور السريع للإنترنت في السنوات الأخيرة. إنه مفهوم يتم تحقيقه من خلال التطوير الشامل للتقنيات المختلفة ، بما في ذلك Script Java ، و VB0Script ، ونموذج كائن الوثيقة ، والطبقات وأوراق نمط متتالية (أوراق أنماط CSS) ، إلخ. من المؤسف أنه بعد عدة معارك بين متصفحات Netscape و Microsoft IE ، ما زلنا لم نتلق معيارًا موحدًا لدعم DHTML. لذلك ، يجب وصف هذه المقالة بشكل منفصل عند تقديم DHTML. دعنا أولاً نلقي نظرة على دعم Microsoft IE 4 لـ DHTML:
1. المحتوى الديناميكي: تحديث محتوى صفحة الويب ديناميكيًا ، وإدراج مكونات أو تعديلها أو حذفها ديناميكيًا في أي وقت ، مثل النص ، العلامات ، إلخ.
2. أوراق الأنماط الديناميكية: من خلال أوراق نمط W3C المتتالية (محرف متصل ، يشار إليها باسم CSS1 أو CSS) ، فإنه يوفر حجم الخط وحجم الخط والسماكة وأسلوب الخط وارتفاع خط HTML. الخط أو الخط الأفقي الأوسط ، المسافة من الحافة ، تركز على اليسار أو التركيز ، المسافة البادئة ، صورة الخلفية أو لونها ووظائف التنضيد الأخرى. يمكن أن تتغير أنماط التخطيط الديناميكي بشكل ديناميكي نمط التصميم في أي وقت.
3. تحديد المواقع الديناميكية: من خلال مشروع العمل في W 3 C على تحديد موقع HTML مع أوراق نمط متتالية ، فإنه يوفر وظيفة تحديد المواقع لمكونات HTML في محاور X و Y و Z ، مما يسمح للمصممين بوضع الصور أو عناصر التحكم أو النص ، إلخ. في أي مكان على الصفحة. من خلال وضعه على محور z مختلف ، يمكن للمصمم إنتاج تأثيرات متداخلة.
4. الوعي المدمج للبيانات: لا حاجة إلى برامج معقدة أو إنفاق الكثير من الموارد على الخادم ، مما يسمح لمصممي الويب بمعالجة المستندات في الوقت الفعلي.
5. دعم الوسائط المتعددة المدمجة: IE 4.0 يجمع بين CSS وعناصر التحكم ActiveX المدمجة لتوفير وظائف دعم الوسائط المتعددة ، بما في ذلك وظائف الوسائط المتعددة مثل تأثيرات التحويل ، وتأثيرات المرشح ، والتحكم في المسار ، والتحكم في التسلسل ، والرسوم المتحركة ، والرسم ، وتشغيل الصوت والصور .
دعونا نلقي نظرة على الدعم المقدم من Netscape Communicator 4.0 لـ DHTML:
1. أوراق الأنماط الديناميكية: دعم W 3 C صفائح نمط متتالية (نمط نوع متصل ، يشار إليه باسم CSS1 أو CSS) ، وأوراق نمط السيناريو Java محلية الصنع.
2. الطبقات الديناميكية: توفر وظائف وضع الصور والنصوص ، وتغيير ترتيب الصور والنصوص المتداخلة ، والتحكم في الاختباء أو عرض الصور والنصوص ، والسماح لك بتصميم تأثيرات الرسوم المتحركة!
3. الخطوط الديناميكية: توفر وظيفة تنزيل الخطوط من الخادم. يمكن ملاحظة أنه على الرغم من أن IE 4.0 و Netscape Communicator 4.0 يوفران دعم HTML الديناميكي ، في الواقع ، باستثناء المواصفات المماثلة لأوراق الأناقة المتتالية ، فإن الباقي مختلف تمامًا. لذلك ، عندما تقوم بتصميم صفحات DHTML ، يجب النظر في مشكلات التوافق بالكامل. سيشرح المؤلف أساليب الاستخدام وتقنيات التصميم لـ DHTML بعناية في الفصل 2 "ثمانية عشر فنون قتالية لتصميم الويب الديناميكي" ، يرجى إيلاء اهتمام وثيق.
ربما بالنسبة لموقع الويب الشخصي ، فإن الاستخدام الكامل لتكنولوجيا DHTML يكفي لجعل صفحة الويب تأتي في الحياة ومليئة بالديناميكية. ومع ذلك ، بالنسبة للشركات التي تبني مواقع الويب التجارية ، فإن الأمر بعيد عن أن يكون لديك DHTML. نظرًا لأن التأثيرات الديناميكية التي تحدث فقط على متصفح العميل لا يمكن أن تلبي الاحتياجات الديناميكية للمواقع التجارية مثل كميات كبيرة من استفسارات المعلومات ، استشارة العملاء ، تفاعل الموارد ، إلخ. لذلك ، كمصمم لمواقع الويب التجارية ، من الضروري تصميم موقع ديناميكي أكثر عملية وتفاعلية. نظرًا لأن معظم مواقع الويب التجارية لديها كمية كبيرة من البيانات والمعلومات ، فإن النية الأصلية لبناء شبكة تتمثل في تسهيل العملاء للاستعلام عن معلومات الشركة ، وتسهيل التواصل مع العملاء ، والحصول على تعليقات المعلومات في الوقت المناسب. بعد ذلك ، ستواجه حتماً كيفية السماح للمستخدمين بالاستعلام عن معلومات قاعدة بيانات الويب من خلال الإنترنت أو إنترانت في واجهة المتصفح ، وحتى إدخال المعلومات على خادم الويب وتحديثها وحذفها. أدناه ، سأقدم بإيجاز العديد من طرق تصميم موقع الويب الديناميكي الشائع:
1. يتم استخدام الطريقة التقليدية لـ CGI (واجهة البوابة المشتركة) لتنفيذ النموذج القابل للتنفيذ بواسطة النموذج. . يحتوي استخدام CGI للوصول إلى قواعد بيانات الويب على العديد من العيوب ، مثل ليس من السهل تطويره ، وتكلفة التغيير والتعديل العالية ، والوظائف المحدودة ، وليس من السهل اكتشاف الأخطاء ، وسرعة التنفيذ البطيئة ، وما إلى ذلك ، لأنه لا يتم دمجها في مستندات HTML ، يجب استخدامه بالكامل مع HTML.
2. موصل قاعدة بيانات الإنترنت IDC) هو واحد من ميزات خادم معلومات الإنترنت الذي يحتوي على معلومات ISAPI. IIS. ما عليك سوى إتقان المعرفة الأساسية لـ HTML و SQL وكتابة بعض التعليمات البرمجية لتجميع تطبيقات قاعدة البيانات التفاعلية ، والسماح للمستخدمين بالاستعلام عن خادم الويب وإدخاله وتحديثه وحذفه في خادم الويب في معلومات بيانات واجهة المتصفح. كما هو الحال مع مبرمجي VB ، فإن الملفات التي تشكل تطبيق IDC توضيحية. دورة التنمية والتعليقات. لكن سعر هذه البساطة هو التضحية بالكثير من المرونة ، مما يجبرك على التخلي عن الكثير من التحكم في واجهة المستخدم وكل القدرة على التحقق من البيانات تقريبًا. لذلك IDC مناسب فقط لتطبيقات الويب البسيطة.
3. كائن بيانات ActiveX (ADO) هو الخيار الأفضل لتطبيقات قاعدة بيانات الويب.
ما هو بالضبط كائن بيانات ActiveX (ADO لفترة قصيرة)؟ تتيح لك تقنية كائن بيانات ActiveX الاندماج مع صفحات الخادم النشطة (ASP) لإنشاء محتوى صفحة ويب يوفر معلومات البيانات. أدخل البيانات وتحديثها وحذفها على خادم الويب في واجهة المتصفح. عندما يملأ المتصفح على جانب المستخدم المعلومات المطلوبة للدخول في النموذج وضغط على زر الإرسال ، يتم إرسال طلب HTTP إلى خادم الويب من خلال الإنترنت و intranet. النموذج (اسم لاحقة) على خادم الويب. مستند ASP هو مستند نصي عادي يتضمن: علامات HTML ، رمز برنامج لغة VBSCRIPT أو JSCRIPT ، بناء جملة ASP ، وتعليمات SQL Language منظمة. يتم توصيل مستند خادم الويب IIS3.0/4.0. تتمتع ADO بمزايا الاستخدام السهل ، والتطوير السريع والتنفيذ ، وموارد النظام الأقل ، ومساحة القرص الصغيرة.
ما ورد أعلاه هي التقنيات الديناميكية شائعة في تصميم المواقع التجارية. مستقبل. لذلك ، في الفصل الثاني من هذا المقال ، "ثمانية عشر فنون عسكرية لتصميم الويب الديناميكي" ، سيشرح المؤلف استخدام ADO و ASP ، لذلك ترقبوا.