UNIT 3 WCMS
Planning and Developing Dynamic Web Content Sites
Definition: Dynamic content is any digital or online content that changes based on data, user behaviour and
preferences. This can be text, audio or video format content. This type of content prioritizes personalization and
can increase engagement with your brand.
Examples:
Social Media Platforms: Websites like Facebook, Twitter, and Instagram
E-commerce Sites: Websites such as Amazon, Myntra, and Flipkart
News Portals: Websites like CNN, BBC, and The New York Times
Travel Booking Sites: Platforms such as Expedia, Booking.com, and Airbnb
Educational Platforms: Websites like Byjus, Coursera, and Udemy
Streaming services: Netflix, Amazon Prime.
Features of Dynamic Web Content.
• These websites are very flesible.
• In these websites the content can be quickly changed on the user’s computer without new page request to
the web broswer.
• In these websites the owner have the ability to update and add new content to the site.
• Most of the dynamic web content is assembled on the web using server scripting languages.
Advantages Of Dynamic Web Content
• It provides more functional websites.
• It is very easy to update.
• It provides a user friendly interactive interface for users.
• It provides a better user experince.
• It provides real time data.
Disadvantages Of Dynamic Web Content
• These are more expensive to develop.
• Hosting of these websites is also costlier.
• It requires a rapid, high-end web server.
• High production costs.
• Low speed compared to a static websites.
Page 1
UNIT 3 WCMS
Planning and developing dynamic web content sites involves following steps:
1. Define Objectives:
Clearly outline the purpose and goals of your website. Identify the target audience and their needs.
2. Content Strategy:
Plan the types of content to be included, such as images, text , videos, or interactive elements, and how they will
be organized and presented.
3. User Experience (UX) Design:
Create wireframes and prototypes to visualize the layout, navigation, and user interface of the website. Consider
user flows and interactions for a seamless experience.
4. Choose a Technology stack
Select the appropriate technology stack based on your requirements and expertise.
• Frontend Development: Build the frontend of the website using HTML, CSS, and JavaScript
frameworks/libraries (e.g., Bootstrap, React, Vue.js).
• Backend Development: Develop the backend website using PHP , Python and Ruby libraries.
5. Dynamic Content Types:
Incorporate dynamic features such as user-generated content, personalized recommendations, social media
integration, and real-time updates to enhance user engagement and interaction.
6. Data Architecture:
Plan the structure of your data to support dynamic content. Consider databases, data models, and APIs for data
retrieval.
7. Content Management System (CMS):
Choose a CMS that supports dynamic content creation and management. Ensure it allows for easy updates and
modifications.
8. Testing
Conduct thorough testing of the website to identify and fix any bugs, usability issues, or performance
bottlenecks.
9. Deployment:
Deploy the website to a production server or hosting platform. Configure server settings, domain name, SSL
certificate, and security measures to ensure the website is accessible and secure.
10. Content Updates and Maintenance:
Continuously update and maintain the website's content to keep it fresh, relevant, and engaging.
11. Responsive Design:
Implement a responsive design to ensure your dynamic content adapts to different devices and screen sizes.
Page 2
UNIT 3 WCMS
12. Performance Optimization:
Optimize code, images, and other assets to ensure fast loading times. Consider content delivery networks (CDNs)
for improved performance.
13. Security Updates:
Regularly update the website's software, plugins, and dependencies to patch security vulnerabilities and protect
against potential threats.
14. Scalability:
Design the architecture with scalability in mind to handle potential increases in traffic and data. Consider cloud-
based solutions for scalability and flexibility.
Website Design using CSS
Definition:- CSS stands for “ Cascading Style Sheet” language used for describing the presentation of a
document written in a HTML. CSS helps the web developer to control the layout and other visual aspects of the
web pages. It is generally used with HTML to change the style of web page and user interfaces.
CSS allows user to add style and formating to the HTML elements such as changing the colors , fonts and
layouts.
It provides a set of rules that are used to style the HTML elements and it allows user to alter the appearance of
the web page by changing the background, font size , color and other visual elements.
Page 3
UNIT 3 WCMS
Advantages of CSS
• CSS saves a lot of time.
• It helps to makes consistent and spontaneous changes.
• CSS has the ability to re-position.
• It has better device compatibility.
Disadvantages of CSS
• Lack of security.
• CSS has limited control over layouts.
• There could be cross browser issues while using CSS.
• CSS has multiple levels , that can creates confusion for non-developers and beginners.
How website is designed using CSS?
➢ Understanding CSS:
Learn the basics of Cascading Style Sheets (CSS) for styling web content. Understand selectors,
properties, and values.
➢ Selectors and Properties:
CSS operates on a set of selectors and properties. Selectors target HTML elements, classes, or IDs, while
properties define how those elements should look i.e color, font-size, and margin to specify their
appearance.
➢ Box Model:
The box model is a fundamental concept in CSS that describes how elements are rendered on the
webpage. Each HTML element is represented as a rectangular box with content, padding, borders, and
margins.
➢ Layout Design:
This includes using properties like display, float, position, flexbox, and grid to control the positioning and
arrangement of elements.
➢ Typography and Colors schemes:
CSS allows you to customize the typography and colors of text elements on your website. Additionally,
CSS provides options for specifying background colors, gradients, and images to enhance the visual
appeal of the websites.
➢ Images and Multimedia:
Optimize and style images using CSS for a polished look. Implement responsive techniques for
multimedia elements.
➢ Responsive Design using CSS:
Media queries and viewport settings enable developers to adapt the layout and styling of web pages based
on the characteristics of the device, ensuring a consistent and optimal user experience across different
platforms.
➢ Navigation Design:
Design clear and intuitive navigation menus. Use CSS to style navigation elements for better user
experience.
Page 4
UNIT 3 WCMS
➢ Browser Compatibility:
Test your website on different browsers to ensure cross-browser compatibility. Use CSS prefixes or
fallbacks when necessary.
➢ Accessibility:
Implement accessibility best practices with CSS. Ensure your website is navigable and understandable for
users with disabilities.
Creating and Maintaining a Wikisite
Wiki: A wiki is a collaborative website that allows users to create, edit, and organize content collectively.
Wikipedia is one of the most well-known examples of a wiki, where users can contribute and edit articles on a
wide range of topics.
Creating a Wikisite
❖ Choose a Wiki Platform:
Select a wiki platform or software. Some popular options include MediaWiki, DokuWiki, Confluence,
and Tiki Wiki.
❖ Set Up Hosting:
Choose whether to self-host or use a hosted solution. Ensure your chosen hosting environment meets the
requirements of the selected wiki platform.
❖ Install Wiki Software:
Install the chosen wiki software on your hosting server. Many platforms offer installation guides or
scripts to make this process easier.
❖ Configure Settings: Customize the wiki settings, such as access controls, user permissions, and the look
and feel of the site. Set up user roles and permissions as needed.
❖ Create Initial Content:
Start populating the wikisite with initial content. Create main pages, categories, and templates to provide
a structure for future contributions.
❖ Implement Navigation:
Set up a clear navigation structure. Use categories, tags, and a hierarchical organization to make it easy
for users to find information.
Maintaining a Wikisite
❖ Content Organization:
Create a clear and intuitive structure for your wiki. Use categories, sections, and hierarchies to organize
information logically.
Page 5
UNIT 3 WCMS
❖ Content Creation:
Start by creating the core content of your wiki. Organize it logically with a clear structure using
categories, pages, and links.
❖ User Contributions:
Encourage users to contribute by allowing them to create and edit content. Set guidelines and rules for
contributing to maintain quality.
❖ Version Control:
Most wiki platforms offer version control, allowing you to track changes and revisions made by users.
This helps in case you need to revert to a previous version.
❖ Content Moderation:
Implement content moderation if necessary to prevent spam, vandalism, or inappropriate edits.
❖ Regular Content Review:
Periodically review and update the content on your wiki site to ensure accuracy, relevance, and
completeness. Encourage users to contribute new information and make corrections as needed.
❖ Backup and Recovery:
Regularly back up your wiki site to prevent data loss. Have a recovery plan in place in case of technical
issues or data corruption.
❖ SEO and Searchability:
Optimize your wiki for search engines by using relevant keywords and structuring content for
searchability.
❖ Community Building:
Foster a community around your wiki by engaging with users, encouraging discussions, and
acknowledging valuable contributions
❖ Performance and Scalability:
As your wiki grows, monitor performance and consider scaling your hosting resources if needed to
handle increased traffic and content.
❖ User Support:
Provide support to users who have questions or need assistance with editing or using the wiki. Maintain
clear documentation and FAQs.
❖ User Permissions and Access Control:
Set up proper user permissions and access control to manage who can edit, create, or delete content.
Regularly review and update user roles and permissions to maintain security.
❖ Security:
Implement security measures to protect your wiki from vulnerabilities, unauthorized access, and spam.
Regularly update your wiki software and plugins for security patches.
❖ Analytics:
Use analytics tools to track user behavior, traffic patterns, and popular content to make informed
decisions for improvements.
Page 6
UNIT 3 WCMS
Creating and Managing Blog Sites
Definition:- A blog is an online platform where one (or) more individuals post content related to a particular
topic.
A blog site is type of websites where individuals, groups (or) organizations regularly publish articles,
posts (or) entries on various topics. It is a platform where a writer (or) even a group of writers share their views
an individual subject.
Best free Blog sites
❖ Wordpresss (www.wordpress.org)
❖ Wix(www.Wix.com)
❖ Medium (www.medium.com)
❖ Ghost(www.ghost.org)
❖ Joomal(www.joomal.org)
Advantages of Blog sites
➢ Blog sites can be developed with the help of simple procedure.
➢ A blog post goes public.
➢ It can be accsses and read bby everyone who have an access to internet.
➢ Easy and quick to update (or) add new posts.
Disadvantages of Blog sites
➢ One major drawback is that not all information can be shared on blog sites.
➢ The need to have a computer may not be feasible for everyone.
➢ Need to keep it constantly updated otherwise blogger lose potential readers.
➢ Easy to start , hard to maintain.
Types of Blog Sites
❖ Personal Blog: Written by an individual about their personal experiences, thoughts, and interests.
❖ Lifestyle Blog: Focuses on various aspects of the author's lifestyle, including fashion, beauty, travel,
health, and personal development.
❖ Travel Blog: Documents the author's journeys, adventures, and travel tips.
❖ Tech Blog: Covers technology-related topics, including gadget reviews, software tutorials, and industry
news.
❖ Business and Entrepreneurship Blog: Targets business professionals, entrepreneurs, and those
interested in starting or growing a business.
❖ Educational Blog: Offers educational content on a particular subject or field of study.
Page 7
UNIT 3 WCMS
Creating and Managing Blog Sites:
Here are following steps involved in creating and managing blog site
1. Define Blog Objectives:
Clearly outline the purpose and goals of your blog. Identify your target audience and the topics you'll cover.
2. Choose a Blogging Platform:
Select a suitable blogging platform (e.g., WordPress, Blogger, Medium). Consider factors like ease of use,
customization options, and scalability.
3. Design user friendly interface:
Ensure blog is mobile friendly for users accessing it on smartphones (or) tablets.
4. Promote Blog:
Share blog posts on social media platforms like Twitter, Facebook, LinkedIn.
5. Regular Maintenance:
Update blog regularly with fresh content.
6. Backup Blog:
Regularly backup blog to prevent data loss.
Page 8
