Overview of web development technologies: HTML, CSS, JavaScript, and PHP.
This course introduces the core technologies of web development, including HTML, CSS, JavaScript, and PHP, used to build dynamic and responsive websites. It also covers the fundamentals of Content Management Systems (CMS), highlighting their role in simplifying website creation and management. Students will explore popular CMS platforms such as WordPress, Joomla, and MS SharePoint, gaining insights into their features and how to install wordpress.
1. Overview of web development technologies: HTML, CSS, JavaScript, and PHP.
1.1. CSS (CASCADING STYLE SHEETS)
CSS (CASCADING STYLE SHEETS)
Definition
CSS is used to control the appearance and layout of web content structured with HTML. It separates content from presentation, allowing consistent styling across multiple pages.
Features
- Style rules apply to elements via selectors (element, class, ID, etc.).
- Supports color, spacing, alignment, fonts, and animations.
- Enables responsive design through media queries.
- Can be applied inline, internally (<style>), or externally via .css files
Syntax Example
body {
background-color: #ffffff;
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
}
h1 {
color: #2c3e50;
text-align: center;
}
Applying CSS
<head>
<link rel="stylesheet" href="style.css">
</head>
Role in Web Development
CSS ensures that a website is visually appealing and consistent. It plays a critical role in user experience (UX) and interface design.