Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

THE WEB

No description
by

Mousa Alatiah

on 15 December 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of THE WEB

THE WEB
THE WEB
LEARN HTML, CSS & MORE
MOUSA | MOHAMMED | ABDULLAH | TAHA
INTRO
What is “Web”?
World Wide Web is known simply as “the web”, and it is a method of sharing information over the internet
TWO SIDES
BACK-END
FRONT-END
Front-End
Back-End
Text Editors
HTML
CSS
HTML
CSS
JAVA-SCRIPT
STRUCTURE
COLORING
EVENT-ACTION
The part that will be responsible for formatting the content on the web page is CSS.
CSS used by web pages to keep information in the proper display format. CSS files help define font, size, color, spacing and border.
cascading style sheet
Web page have a different type of represent information it could be text, image, video.
Two ways to apply CSS
Internal
External
<p
style="
color: red;
"
>
TEXT
</p>
<link
rel="
stylesheet
" href="
name.css
"
>
CSS Basics
p

{
font-size: 14px;
color: red;
}

Selector
Fonts
Colors
SIMPLE CSS CODE
is the basic element in CSS that control all the styling applied to any specific HTML tag
font can be modified in many ways

There are over 15,000,000
font-family
size
color
weight
style
decoration
color representation
hex
RGB
#FFFFFF
rgb(
255
.
255
.
255
)
Distinguish the syntax for each language.
Contains many features that help coding.
Ability to add extension to add more features.
SublimeText
Brackets
Atom
The most common used editor
The capability of multiple selections
More features like snippets and minimap
Developed using HTML and CSS
Open source project by Adobe
Can pull out design information from a PSD
Atom is new text editor that have been developed by GitHub
Have a lot of customization
HTML is the language for web pages structuring
Tags
Hyper Text Markup Language
HTML page have extension filename as “.html” or “.htm”
<tag

attribute="value"
>
content
</tag>
opening tag are the basic element of HTML
<p> is a paragraph tag
<img> is an image tag
Attributes are extra bits of information. that give more control over the tag.
<p align="left">
is a paragraph tag aligned left
<img src="sea.png"> is an image tag and src is the URL for the image
closing tag
</p>
is closing paragraph tag
<img> tag do not need a closing tag cause it does not have content so it's called self-closing tag
Back-End consists of three parts
Server
Application
Database
Server is powerful computer that works 24 hours and it has connected to the internet, it can be accessed from everywhere through the internet
Application is a set of instructions to perform a task.
Database is the warehouse where data is stored
Back-End Programming Languages
designed to link the user-side and the server-side together
EX: Ruby, Python, PHP
THANK YOU
ANY QUESTION?
MOUSA | MOHAMMED | ABDULLAH | TAHA
Full transcript