Skip to content

Latest commit

 

History

History
162 lines (123 loc) · 6.9 KB

File metadata and controls

162 lines (123 loc) · 6.9 KB

html:hypertext markup language

that use to create website structure allows to us using many take to build our website .

css :cascading style sheets

that enable us to design my page this means change color and order the element inside the page and so on .

How the Web Works

browser:is a software application for accessing the World Wide Web. that enable the user to access and using the websites.

A web server is server software, or a system of one or more computers dedicated to running this software, that can satisfy client HTTP requests on the public World Wide Web or also on private LANs and WANs.

Screen readers are programs that read out the contents of a computer screen to a user. They are commonly used by people with visual impairments.

How the Web Works.

1-when write the name of website via ISP such as google.com, bbc.co.uk, microsoft.com. 2-Your computer contacts a network of servers called Domain Name System (DNS)to convert the name to IP address. 3-The unique number that the DNS server returns to your computer allows your browser to contact the web server . 4-The web server then sends the page you requested back to your web browser.

Attributes : write in opening tag that consist from name and value provide us additional info the contents of an element. Notepad is a simple text editor for Microsoft Windows and a basic text-editing program which enables computer users to create documents.

form: Use for bundling info that related to each other .

form

block level elements:Some elements will always appear to start on new line in the browser window. These are known as block level elements.for example tage p

inline elements: Some elements will always appear to continue on the same line as their neighbouring elements. example tage img,a,...

The div tage element allows you to group a set of elements together in one block-level box.

An HTML iframe is used to display a web page within a web page. The meta tag defines metadata about an HTML document. Metadata is data (information) about data.

meta tags always go inside the head element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

There is a method to let web designers take control over the viewport (the user's visible area of a web page), through the meta tag (See "Setting The Viewport" example below). meta

HTML5 Layout

this is Hypertext Markup Language contain many tags appear recently meaning this update to html this easier language and quickly understand it

this is Hypertext Markup Language contain many tags appear recently meaning this update to html this easier language and quickly understand it this contain two type of tag .

semantic tags

such as section

not semantic tage

such as tag div

and that contain many tags generally the web contain about head and body

the head contain title but not appear on the page

the body contain

header that appear in the page and main contain all tage that uses in the page and the footer contain the information about the company info

this section submit to you many process before create own website such as must you understand your visitor to attract them to your website show the webpage in a way organize to help your visitor to find his order

Who is the Site For? if the individual you can focus about this topic it very important determine who are the audience means determine their age their ,region,income ,their interest....

if the company you can focus about this topic What is the size of the company or relevant department? ● What is the position of people in the company who visit your site? ● Will visitors be using the site for themselves or for someone else? ● How large is the budget they control?

Why People Visit to spacified why people come with your websites must you ask them about this questions

1: The first attempts to discover the underlying motivations for why visitors come to the site. 2: The second examines the specific goals of the visitors. These are the triggers making

them come to the site now. What Information Your Visitors Need you focus about why people need visiting your site . catch their attention about the product that you feel they need it use the priority of your product

Now that you know what needs to appear on your site, you can start to organize the information into sections or pages.

site map:diagram about your site

card sorting

To help you decide what information should go on each page.

javascript & jQuery

javascript make the website more interactive and more interesting and user-friendly. jQuery because it makes writing JavaScript a lot easier.

Learning to program with JavaScript involves:

Understanding some basic programming concepts. Learning the language itself, . Becoming familiar with how it is applied by looking at examples of how JavaScript is commonly used in websites today. equipment you need to use javascript. computer with a modern web browserinstalled, and your favorite code edito

vhow to use javascript

ACCESS CONTENT

javascript allows us select any element or attribute from the page such as select all text inside element p or from class and id to the element.

MODIFY CONTENT

You can use JavaScript to add elements, attributes, and text to the page, or remove them. For example: Add a paragraph of text after the first element

PROGRAM RULES

You can specify a set of steps for the browser to follow (like a recipe), which allows it to access or change the content of a page. A gallery script could check which image a user clicked on and display a larger version of that image

REACT TO EVENTS

You can specify that a script should run when a specific event has occurred. A button is pressed ---> show the popup

Review html+css

html.

(opening tag that contain attribut +closing tage)

css

selector refer the name of the element or class or id it declaration block contain property and value

jQuery

jQuery will help you deal with cross-browser inconsistencies

key concepts in computer programming must you learn it

-1 What is a script and how do i create one? -RECIPES: follow the instruction step by step to create the perfect website.

-handbooks: to procedures to follow in certain situations.

-MANUALS: make test to function. To write a script, you need to first Brainstorming to all goal that you want to achieve it

use the flowchart to facilitate achieve your goals

divide the individual task to subtask to facilitate your task