# Web Designing Unit 1 Quick Revision

> A ten-minute revision of Web Designing Unit 1 (KCS-052): design principles, website planning, domain names, web hosting, static and dynamic websites, W3C, HTML and headings.

- Subject: Web Designing, Unit 1
- Course code: KCS-052 (AKTU). Code shown in the December 2021 lesson and notes. AKTU revises schemes, so confirm the code for your batch.
- Video: "Web Designing (WD) Unit 1 Quick Revision | AKTU | Unique AppSites" by Anubhav Goel, https://www.youtube.com/watch?v=Pctqpn3FHfo
- On YouTube since: 30 Dec 2021
- Length: 9:28
- Format: Quick revision
- Written walkthrough status: editorial draft awaiting creator review

This quick revision covers Web Designing Unit 1 in under ten minutes. It is built for the last stretch before an exam: each idea is stated briefly, in the same order as the handwritten notes, so you can check what you remember and spot what you need to revisit.

Use the video for a fast pass, then read the explanations below for the reasoning behind each point. The practice questions at the end are a quick way to test yourself without notes.

## Learning objectives
- List the principles of good web design.
- Describe the stages of planning a website, in order.
- Explain what a domain name and web hosting are, and how they relate.
- Compare static and dynamic websites.
- Explain W3C's role, what HTML is for, and how heading tags h1 to h6 are used.

## 1. Principles of web design

Good web design is less about decoration and more about making a site easy to use. The notes list eight principles that come up again and again in exam answers.

Keep the design simple and consistent, so pages look and behave the same way across the site. Make text readable, and make sure the site works well on mobile phones. Use a limited, deliberate colour palette. Pages should load quickly, navigation should be easy to follow, and the design should communicate its message clearly.

- Simplicity
- Consistency
- Readability
- Mobile compatibility
- A deliberate colour palette
- Fast loading
- Easy navigation
- Clear communication

## 2. Planning a website

A website is planned before it is coded. The notes describe seven stages, which together form a simple project lifecycle.

Start with research and goal setting: who is the site for, and what should it achieve? Then plan the site's structure, design the layout and write the content. Only then is the website coded. After testing it is launched, and maintenance continues for as long as the site is live.

1. Research and goal setting
2. Planning the site
3. Designing the layout
4. Writing content
5. Coding the website
6. Testing and launching
7. Maintenance

## 3. Domain names

Every computer on the internet is reached through an IP address, a string of numbers that is hard to remember. A domain name, such as google.com, is a human-friendly name that points to that address.

Domain names are unique: no two websites can register the same one. The domain name system is coordinated globally by ICANN, the Internet Corporation for Assigned Names and Numbers, and individual names are registered through domain registrars.

## 4. Web hosting

Web hosting is what puts a website on the internet. The site's files are stored on a server, a computer that stays connected and responds when visitors request a page.

A domain name and hosting work together: the domain name is the address people type, and hosting is where the site actually lives. Pointing the domain at the hosting server connects the two.

## 5. Static websites

A static website is made of fixed files built with HTML, CSS and JavaScript. The server sends the same files to every visitor without processing the content first, and there is no database behind the pages.

That makes static sites fast and inexpensive to host. The trade-off is that changing the content usually means editing the files themselves.

## 6. Dynamic websites

A dynamic website builds pages on the server when they are requested, using languages and platforms such as PHP or Node.js, usually together with a database. That is how sites show personalised content, search results or logged-in dashboards.

Because the server does work for every request, dynamic sites are generally slower to respond, and more costly to build and run, than static ones.

**Static and dynamic websites compared**

| Aspect | Static website | Dynamic website |
| --- | --- | --- |
| Built with | HTML, CSS and JavaScript | Server-side languages such as PHP or Node.js, plus HTML and CSS |
| Server processing | None: files are sent as they are | Pages are generated for each request |
| Database | Not needed | Usually used |
| Speed | Fast | Slower |
| Cost | Less costly | More costly |
| Updating content | Edit the files | Update data through the application |

## 7. W3C, the World Wide Web Consortium

The World Wide Web Consortium, or W3C, is the international community that develops open standards for the web, such as CSS and the Web Content Accessibility Guidelines. Its standards promote consistency, so websites behave predictably across browsers and devices.

W3C's work takes accessibility, privacy, security and internationalisation into account, and aims to keep the web stable over the long term.

## 8. HTML

HTML, HyperText Markup Language, is the markup language that describes the structure of a web page: headings, paragraphs, links, images and so on. Browsers read the HTML and display the page.

HTML has gone through several versions, from the early HTML 1.0 and 2.0 through HTML 3.2 and 4.01 to HTML5, the current version. Today HTML is maintained as a continuously updated living standard.

## 9. HTML headings

HTML has six heading levels, from <h1> to <h6>. <h1> is the most important heading and is displayed largest by default; each level after it is smaller, down to <h6>.

Use headings to show the structure of a page, not just to make text big: one main <h1> for the page title, then <h2> for sections, <h3> for sub-sections and so on. Screen readers and search engines rely on this structure.

```html
<h1>Web Designing</h1>
<h2>Unit 1</h2>
<h3>Principles of web design</h3>
```

## Key terms

- **Domain name**: A unique, human-friendly address such as google.com that points to a website's IP address.
- **IP address**: The numeric address that identifies a computer on the internet.
- **Web hosting**: A service that stores a website's files on an always-connected server so visitors can reach it.
- **Static website**: A site of fixed HTML, CSS and JavaScript files sent to every visitor without server-side processing.
- **Dynamic website**: A site whose pages are generated on the server for each request, usually from a database.
- **W3C**: The World Wide Web Consortium, which develops open web standards.
- **HTML**: HyperText Markup Language, which describes the structure of web pages.

## Practice questions

1. **List any four principles of good web design.**
   Answer: Any four of: simplicity, consistency, readability, mobile compatibility, a deliberate colour palette, fast loading, easy navigation and clear communication.
2. **What are the stages of planning a website, in order?**
   Answer: Research and goal setting, planning the site, designing the layout, writing content, coding the website, testing and launching, then maintenance.
3. **How are a domain name and web hosting related?**
   Answer: The domain name is the address visitors type; hosting is the server where the site's files are stored. The domain is pointed at the hosting server.
4. **Give two differences between static and dynamic websites.**
   Answer: Static sites send fixed files with no server processing or database; dynamic sites generate pages on the server, usually from a database. Static sites are faster and cheaper, while dynamic sites are slower and costlier but can show changing, personalised content.
5. **What does W3C do?**
   Answer: It develops open web standards that promote consistency, and takes accessibility, privacy, security and internationalisation into account.
6. **Which heading tag is displayed largest by default, and how many heading levels are there?**
   Answer: <h1> is displayed largest. There are six levels, <h1> to <h6>.

## Related

- Notes: [Web Designing Unit 1 quick revision notes](https://www.uniqueappsites.com/notes/web-designing-unit-1-notes)
- Revision checklist: [Web Designing Unit 1 revision checklist](https://www.uniqueappsites.com/revision/web-designing-unit-1-revision-checklist)

---
Source page: https://www.uniqueappsites.com/lessons/web-designing-unit-1-quick-revision
Published by Unique AppSites (https://www.uniqueappsites.com/), the channel by Anubhav Goel. Course codes and syllabi can change. Match the material to your current university scheme before relying on it for exam preparation.