active web page in web technology and three types .pptx
- 1. Active Web pages in web technology Mr.A.Balraj DCSE.,M.SC.,(Ph.D)., Assistant Professor Department of Computer Science Sri Ramakrishna College of Arts & Science Coimbatore-06
- 2. Web Page A web page is a document that is suitable for the World Wide Web and web browsers. A web browser displays a web page on a monitor or mobile device. The web page is what displays, but the term also refers to a computer file, usually written in HTML or comparable markup language. The pages in the WWW can be grouped into three broad categories: 1. Static 2. Dynamic 3. Active The category is based on the time at which the contents of the document are determined.
- 3. Static Web pages Web pages with fixed content that doesn’t change unless manually updated. Examples: Personal blogs, portfolio websites, sim Characteristics of Static Web Pages • Fixed Content: Same content for all users. • Fast Loading: No server-side processing required. • Simple Design: Ideal for basic websites. • Easy to Host: Can be hosted on simple servers or even from a file system. When to Use Static Web Pages • Personal portfolios • Small business websites • Documentation sites • Landing pages for marketing campaigns
- 4. Dynamic Web Pages Web pages that generate content dynamically based on user interactions or real-time data. Examples: Social media platforms (Facebook, Twitter), e-commerce websites (Amazon), online banking. Characteristics of Dynamic Web Pages • Content Changes: Displays different content for different users. • Interactive: Supports real-time updates and user-driven content. • Database-Driven: Often pulls data from databases to display personalized content. When to Use Dynamic Web Pages • E-commerce platforms • Social networking sites • Online banking and payment gateways • Real-time applications (chat apps, dashboards)
- 5. Active Web Pages •Definition: Web pages that respond to user actions and display dynamic content. •Examples: Social media platforms, online banking apps, e-commerce websites. Key Features of Active Web Pages • User Interaction: Forms, buttons, animations, real-time updates. • Dynamic Content: Personalized data and content updates without reloading the page. • Responsive Design: Adjusts layout based on device (mobile, desktop). Technologies Used • Frontend: HTML, CSS, JavaScript, frameworks like React, Angular, Vue.js. • Backend: Node.js, PHP, Python (Django, Flask), Java (Spring). • Databases: MySQL, MongoDB, Firebase. • APIs: REST, GraphQL for data fetching
- 6. Advantages of Active Web Pages Enhanced User Experience •Provides real-time updates and interactive features (forms, animations, live chats). •Engaging interfaces that adapt to user actions. Personalization •Displays content based on user preferences, history, or behavior. •Example: Personalized recommendations on e-commerce sites like Amazon. Real-Time Data Processing •Supports real-time applications like stock market updates, live sports scores, and chat apps. •Reduces the need for page refreshes
- 7. Improved Functionality •Advanced features like online payments, booking systems, and dashboards. •Interactive tools (e.g., maps, calculators, data visualizations). Responsive Design •Adapts seamlessly to different devices (desktops, tablets, smartphones). •Better accessibility and user convenience. Easy Content Management •Dynamic content can be updated without altering the underlying code (CMS, admin panels). •Ideal for blogs, news sites, and e-commerce platforms.
- 8. Complex Development •Requires expertise in both front-end and back-end development. •Involves complex coding, frameworks, and databases. Higher Development and Maintenance Costs •More time-consuming to design, develop, and test. •Ongoing maintenance for updates, bug fixes, and security patches. Slower Performance •Relies on server processing, which can slow down page load times. •May require additional optimization for large-scale applications. Disadvantages of Active Web Pages
- 9. E-commerce platforms (Amazon, eBay) Social media (Instagram, Twitter) Online banking and finance apps Real-time apps (chat apps, dashboards) Use Cases for Active Web Pages
- 10. Aspect Static Web Pages Active (Dynamic) Web Pages Content Fixed content that doesn’t change. Content changes based on user interaction or real-time data. User Interaction Limited (basic links, simple forms). High (forms, live chats, interactive dashboards). Technologies Used HTML, CSS, basic JavaScript. Server-side languages (PHP, Python), databases, JavaScript frameworks (React, Angular). Performance Faster loading as content is pre-loaded. Slower due to server processing and database queries. Hosting Simple hosting (even on basic servers). Requires more robust hosting (server, database support). Maintenance Easy to maintain for small sites. Complex maintenance for large sites. Cost Low development and hosting costs. Higher development, hosting, and maintenance costs.