######



![]()





| tag | Description |
|---|---|
| <header> | Defines a header for a document or a section |
| <nav> | Defines a set of navigation links |
| <section> | Defines a section in a document |
| <article> | Defines an independent, self-contained content |
| <aside> | Defines content aside from the content (like a sidebar) |
| <footer> | Defines a footer for a document or a section |
| Defines additional details that the user can open and close on demand | |
| <summary> | Defines a heading for the details element |
The aim is to create a Site Map
of the pages that will be used
to structure the site. figure1 show the example of Site Map

A wireframe is a simple sketch of the key information that needs to go on each page of a site. It shows the hierarchy of the information and how much space it might require. Figure2 is show example of WireFrames

The primary aim of any kind of visual design is to communicate. Organizing and prioritizing information on a page helps users understand its importance and what order to read it in.The Visual hierarchyand Design NaVigation are Examples of Visual Design
You can use contrast to create a visual hierarchy that gets across your key message and helps users find what they are looking for.
Site navigation not only helps people find where they want to go, but also helps them understand what your site is about and how it is organized.Good navigation tends to follow these principles.
1- Concise
2- Clear
3- Selective


A script is a series of instructions that a computer can follow to achieve a goal.
script are made up of instruction a computer can follow step-by-step. A browser may use different parts of the script depending on how the user interacts with the web pages. script can run different sections of the code in response to the situation around them.
To write a script, you need to first state your goal and then list the tasks that need to be completed in order to achieve it.
you need to define the task you want to achieve. You can think of this as a puzzle for the computer to solve.
To design a script you split the goal out into a series of tasks that are going to be involved in solving this puzzle. This can be represented using a flowchart. You can then write down individual steps that the computer needs to perform in order to complete each individual task (and any information it needs to perform the task), rather like writing a recipe that it can follow.


Each of the steps needs to be written in a programming language that the computer understands. In our case, this is JavaScript.
In computer programming, each physica l thing in the world can be represented as an object. Programmers might say that there is one instance of the object. Each object can have its own: properties , events and methods
Programmers call these characteristics the properties of an object. Each property has a name and a value, and each of these name/value pairs tells you something about each individual instance of the object.
An event is the computer’s way of sticking up its hand to say, “Hey, this just happened!”
Programmers choose which events they respond to. When a specific event happens, that event can be used to trigger a specific section of the code.
Scripts often use different events to trigger different types of functionality.
So a script will state which events the programmer wants to respond to, and what part of the script should be run when each of those events occur.
Methods typically represent how people (or other things) interact with an object in the real world.



1- HTML only 2- HTML + CSS 3- HTML + CSS + JavaScript

*