आकर्षक पृष्ठहरू, वा कसरी चलिरहेको लाइन बनाउन HTML मा

आगन्तुकहरूको ध्यान आकर्षित गर्न र साइटको पृष्ठहरूको एनिमेसनलाई आकर्षित गर्न एक्स्पोजर ब्यालेन्स आवश्यक छ। आधुनिक इन्टरनेट प्रयोगकर्तालाई पर्याप्त अनुभव गरिएको छ र उनीहरूको विशिष्ट योजनाहरू पछ्याउँछ, जुन प्रस्तुतिको निश्चित रूपमा फिट हुन्छ। यो विकासकर्ताहरू र साइट डिजाइनरहरूको धेरै विज्ञापन प्रविधिहरू छन् जसले आगन्तुकहरूबाट पर्याप्त प्रतिक्रिया उत्पन्न गरेको छ। यो विचार गर्न महत्त्वपूर्ण छ। यदि योजना छैन भने एक सक्रिय साइट बनाउन को लागी व्यक्तिगत रूपमा प्रतिक्रिया गर्ने व्यक्तिलाई व्यक्तिगत रूपमा जवाफ दिन सक्ने व्यक्तिले प्रतिक्रिया गरेको प्रस्तावलाई प्रदान गर्ने सक्षम, सबैलाई व्यक्तिगत रूपमा विज्ञापन र विशेष रूपमा पृष्ठहरूको गतिशीलतामा अत्यधिक थकान देखाउने राम्रो छैन।

अप्रत्याशित साउन्डट्र्याक वा वाक्यको रूपमा अनावश्यक एनीमेशन "फोन नम्बर लेख्नुहोस् र तपाईलाई एक मिनेट पछि भनिनेछ" ले अब दर्शकलाई आकर्षित गर्दैन, तर प्रायः अधिकांश अवस्थामा संसाधनको रुचि घटाउँछन्, तर तपाईले HTML कोडमा चलिरहेको रेखालाई आवश्यक आवश्यक तत्वहरूमा ध्यान दिन सक्नुहुनेछ। साइट।

जाभास्क्रिप्ट वा HTML

एचटीएमएल र सीएसएसका क्षमताओंले तपाईंलाई चाँडो तत्वहरूको विभिन्न मूल प्रभावहरू प्राप्त गर्न अनुमति दिन्छ, र प्रायजसो सरल जाभास्क्रिप्ट कोड बिना तपाईं गर्न सक्दछ, किनकि दौडने रेखा र दौडिएको छविलाई मार्क्स ट्याग र कुनै अतिरिक्त लागतमा अनुमति दिन्छ। मूलतः यो इन्टरनेट एक्सप्लोररमा देखा पर्यो, त्यसपछि यो अन्य ब्राउजरहरूमा कार्यान्वयन गरिएको थियो।

सरल एनीमेशनमा रुचि भर्खरै घटाइएको छ, र एचटीएमएलमा चलिरहेको लाइन कसरी गर्ने भन्ने वर्णनहरू अतीतको अवधारणालाई मानिन्छ। यद्यपि यो इतिहासमा सम्बन्धित र मोटाइमा पुग्न समय छ भनेर थाहा छैन। अर्को ऐतिहासिक अवधारणा समकालीनहरु लाई सिकाउन सकिन्छ कि ब्याज अधिक महंगा स्मार्टफोन वा नैनोरोट को ज्ञान को तुलना मा अधिक हुनेछ।

माक्की ट्याग

मार्क्स ट्यागले तपाईंलाई गति माथि / तल, बाँया देखि दायाँ वा वाणी, सम्पूर्ण पेज भित्र वा अलग ब्लक भित्र सेट गर्न दिन्छ। त्यहाँ रंग, साइज, गतिको विशेषताहरू छन्। विकासकर्ताले पूर्ण रूपमा प्रदर्शित उपकरण प्यालेटसँग पृष्ठमा सामग्रीको उपस्थिति र आचरण बनाउन अर्थपूर्ण, आकर्षक र अपरिवर्तनीय बनाएको छ। तपाइँ HTML मा चलिरहेको लाइन बनाउन अघि, तपाइँलाई बुझ्न आवश्यक छ कि यो मुख्यतः आगन्तुकमा विकासकर्ताको रुचिको नतीजा हो, राम्रो सामग्रीसँग उत्तीर्ण गर्न उनको चाहना, ठीक छ सुझाव दिए। यद्यपि, यो चलिरहेको लाइनहरूमा छैन, तर पृष्ठ कसरी निष्पादित गरिएको छ र यसको तत्वहरू बिच्छेदन हुन्छन्।

प्रत्यक्ष पृष्ठ बनाउन HTML अपरिवर्तकमा कसरी चलिरहेको लाइन बनाउने विचार हरेक विकासकर्ताको टाउकोमा आउँछ। यस तत्वमा, तपाईं हालको सूचनालाई ध्यान दिन सक्नुहुन्छ, शेयरहरूको गति, मूल्य परिवर्तनहरू, छुटहरूको उपस्थिति र यति देखाउन सक्नुहुन्छ।

Marquee को आधारभूत विशेषताहरु

Marquee ले एचटीएमएलमा चलिरहेको लाइन कसरी वर्णन गर्ने विकल्पहरूको एक विशेष चयन प्रस्ताव गर्दैन।

• व्यवहार विशेषताले तत्वहरूको पक्ष (वैकल्पिक) बीचको गति निर्दिष्ट गर्दछ;
• स्क्रोलिङ, जसमा सर्कलमा सामग्री एक तत्व सीमाबाट आउँछ र अर्को (स्क्रोल) जान्छ;
• तपाईं यी शब्दहरू र "गों" तिनीहरूलाई एक-अर्कामा (स्लाइड) गर्न सक्नुहुन्छ।

गतिको दिशा निर्देशन विशेषता विशेषता निर्धारण गर्दछ, जसले तपाईंलाई बायाँ-दायाँ चक्र (बायाँ | दाँया) वा माथि-डाउन (माथि | तल) परिभाषित गर्न अनुमति दिन्छ।

यस क्षेत्रको सीमाहरू जसमा चौडाइ र उचाइ विशेषताहरू द्वारा निर्धारण गरिन्छ, जसको साथ तपाईंले "ठीक" प्रभावहरू निर्दिष्ट गर्न सक्नुहुन्छ। это не всегда именно перемещение информации. सबै पछि, एचटीएमएलमा चलिरहेको लाइन कसरी गर्ने भन्ने सोझै विचार जानकारीको आंदोलन होइन। तपाईं एक सानो वर्ण (जस्तै उदाहरण को लागि, "ओ", "x", "!", ...) को लागि धेरै साना सिमाना सेट गर्न सक्नुहुन्छ र जाभास्क्रिप्ट कोड को एकल बाइट खर्च बिना तत्व को पुरा तरिकाले अप्रत्याशित र आकर्षक संरचना प्राप्त गर्न सक्नुहुन्छ।

छवि घुसाउनुहोस्

तपाईं जानकारी मात्र, तर एचटीएमएल मार्कअप को अन्य तत्वहरू पनि सार्न सक्नुहुन्न। जब तपाई हिँड्दा मूल प्रभावहरू प्राप्त गर्न सक्नुहुन्छ, उदाहरणका लागि * * gif छविहरू। PNG र JPG ढाँचाहरूको विपरीत, GIF रेखाचित्र आफैद्वारा एनिमेटेड हुन सक्छ। उदाहरणका लागि, तपाईं कारको कताई पहिया ड्रिगर गर्न सक्नुहुन्छ वा ड्रप जुन परिवर्तन गर्दा मैदानमा उड्छ। व्हीलको तेर्सो साथमा आन्दोलन सेट गर्दै, जो आफै घुमाउँछ, तपाईं गतिको भ्रम सिर्जना गर्न सक्नुहुनेछ। ठीक छ, चार पाङ्ग्राहरू पहिले नै जाभास्क्रिप्ट कोडको एक लाइन बिना एक जीवित कार हो।

त्यसै गरी, तपाईं बूलेट आन्दोलनलाई माथिबाट तल सेट गर्न सक्नुहुन्छ। जब छवि "गिर" हुन्छ भने, यदि यो परिवर्तन प्रक्रियाको एरोओम्याटिक्ससँग मेल खान्छ भने, पूर्ण रूपमा अपमानजनक कार्यहरू द्वारा वांछित प्रभाव प्राप्त गरिनेछ।

एचटीएमएल वैकल्पिकमा चलिरहेका लाइन कसरी सरल र प्रभावकारी छ? तपाईं गैर-परम्परागत तरिकाहरू प्रयोग गर्न रोचक विकल्पहरूसँग आउन सक्नुहुन्छ। यो ज्ञात छ कि पात्रहरुको रंग, पृष्ठभूमि, लोड हुँदैछ छविहरू, तत्वहरूको साइजलाई हेरफेर गर्न अनुमति दिईएको पृष्ठहरूमा गतिशीलतामा। यसले चलिरहेको रेखाहरू सिर्जना गर्न सम्भव बनाउँछ, उदाहरणका लागि, पारदर्शिताको विभिन्न डिग्रीसँग पृष्ठमा उनीहरूको साइज वा स्थिति परिवर्तन गर्नुहुने तत्त्वहरूको अनुक्रमको रूपमा।

हाइपरटेक्चर र प्रोग्रामिंग: सबै औपचारिक रूपमा र सख्तीमा लेखिएको छ, तर सख्त औपचारिक डिजाइनहरूले जानकारीको सुविधाजनक, कुशल र गतिशील प्रस्तुतिको लागि संभावनालाई सीमित गर्दैन।