reading-notes

How the Web Works

The web server that hosts a website might be located anywhere in the world when you view it. Your browser will initially connect to a Domain Name System (DNS) server to determine the location of the web server.The browser in Cambridge first communicates with a DNS server in London. The DNS server then informs the browser of the location of the web server in Paris that is hosting the site.

How Pages use Structure

Consider the stories you read in the newspaper: each one will have a title, some text, and sometimes some graphics. If the article is lengthy, there may be subheadings or quotations from individuals involved to break up the tale into sections. The newspaper’s structure aids readers in comprehending the articles.When reading a news piece online, the format is fairly similar (although it may also feature audio or video). On the right, a copy of a newspaper is displayed with the equivalent item on the newspaper’s website.

Structuring word documents

Word document structure In any text, the choice of headings and subheadings frequently indicates a hierarchy of information. A document may, for example, begin with a big header and then proceed to an introduction or the most significant content. This may be expanded upon in the subheadings farther down the page. When creating a document with a word processor, we divide the text to give it structure. Each part may have a title that describes what it covers, and each topic could have its own paragraph.

what is HTML ?

Extra Markup

So what we mean when we say Escape Characters?

There are some characters that are used in and reserved by HTML code. (For example, the left and right angled brackets.)

When employing escape characters, double-check the website in your browser to make sure the proper symbol appears. This is because certain fonts may not support all of these characters, and you may need to specify a separate font in your CSS code for these characters.

How do we Know what is the Html version?

How to add comments to the code?

What does id and class attributes do for us?

*What does <div> and do ?*

*what can help us with?*

What doer tag do ?

what do we use Escape characters in ?

HTML5 Layout

What does html5 elements indicate?

*The new HTML5 elements indicate the purpose of different parts of a web page and help to describe its structure.

what does the new element provide for us?

Older browsers that do not understand HTML5 elements need to be told which elements are block-level elements.”

What we should do To make our html5 work on Older browsers?

Process & Design

The goal is to develop a page diagram that will be utilized to structure the website. This is referred to as a site map, and it shows how those pages can be organized.

card sorting:

Card sorting is writing down each item of information that a visitor could require on a separate piece of paper and then grouping the information into categories. Each group corresponds to a page, which, on bigger sites, can be grouped together to form distinct sections of the website. The information is then organized into categories and converted into a graphic known as a site map.

Wireframes:

sketching or shading areas where each element of the page will go (such as the logo, primary navigation, headings and main bodies of text, user logins etc). By creating a wireframe you can ensure that all of the information that needs to be on a page is included.

What are the thing that we need to take when we make any website?

how does Site maps help us?

What does Wireframes allowed us to do ?

What does Design all about ?

How can we differentiate between pieces of information?

For what can we use grouping and similarity?

## DESIGNING A SCRIPT: Once you know the goal of your script, you can work out the individual tasks needed to achieve it. This high-level view of the tasks can be represented using a flowchart.

DESIGNING A SCRIPT:

Each individual task may be broken down into a sequence of steps. When you are ready to code the script, these steps can then be translated into individual lines of code.Every step for every task shown in a flowchart needs to be written in a language the computer can understand and follow.

What exactly is a script, and how can I make one?

A script is a set of instructions that the computer may use to do a task. The script may only use a portion of all the instructions each time it runs. Because computers take a different approach to problems than humans, your instructions must allow the machine to accomplish the task programmatically. To begin creating a script, break down your aim into a series of activities, then plan out each step required to achieve each assignment (a flowchart can help).

### How do computers interact with the rest of the world? Data is used by computers to construct global models. Objects are used to represent tangible items in the models.Objects can contain attributes that provide information about the object; methods that conduct tasks based on the object’s properties; and events that occur when a user interacts with the computer.Programmers may write code that says, “Run that function when this event happens”.Web browsers construct a model of the web page using HTML syntax. Each element generates a node of its own (which is a kind of object).You develop code that leverages the browser’s representation of the web page to make web pages interactive.

How do I build a web page script?

JavaScript code should be kept in its own JavaScript file. JavaScript files are text files with the. js suffix, similar to HTML pages and CSS style sheets.In HTML pages, the <Script> element instructs the browser to load the JavaScript file (much like the <1ink> element instructs the browser to load a CSS file).Because the script works with the model of the web page that the browser has produced, the HTML will not have been altered if you inspect the source code of the page in the browser.