Please enable JavaScript.
Coggle requires JavaScript to display documents.
1.3.4 - web technologies (HTML (<a>. (<a href="url">…
1.3.4 - web technologies
HTML
used as a layout for webpage
simple on screen formatting but now more compex
<html> .
beginning of webpage
<link> .
too a CSS file
<link rel="stylesheet" type="text/css" href="theme.css">
<head> .
holds visule relvent information
title and link
<title>.
for top of web screen title
<h1> to<h3>
titles in decreasing size
<img>.
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
<a>.
<a href="url">link text</a>
links
remember href and text
<div>.
The <div> tag defines a division or a section in an HTML document.
.
The <div> tag is used to group block-elements to format them with CSS
<div style="color:#0000FF">.
<frorm>.
The <form> tag is used to create an HTML form for user input.
<form action="/action_page.php" method="get">
<input>.
with a text box or a submit button
<input type="submit" value="Submit">.
<input type="text" name="lname">.
<p>.
text tag
<li>.
used at the beginning of lists
<ul>. unorderd list
<ol> ordered list
<script> .
inputting java script
<b> for bold <i> for italics <em> empheses
remember "
CSS
allow consistent and professional looking webpages
sets up colour style and font outside of the main document
elements
change h2 to blue
h2{
colour:blue;
}
needs to be linked in
can be done in html vie - style = "colour:blue;"
classes
propities
background-colour
border-colour
border-style
border-width
color, name and hex
font-family
font-size
height
width
classes
. to ideify
.info box{
used in html class="infobox"
idetifyer
uses "#"
e.g "#meue"
accessed using id="menue"
allows for html to be simpler and more readernle
java script
controlling behaviour
client side-validation
loading new content
adding interactivity
onclick="document.getElementById("demo").innerHTML = "hello JavaScript!"
onclick="myFunction()"
place function in script tags
use ids to get data
getElementByid
document.
.value
isNAN - not a number
innerHTML adds data
output done with window.alert
its a scripting language so interpteded
search engine indexing
search engines are used to find information -google
the search engines runs the request agisnt the index
data is collected and sorted in to indexes
constant update
links are updated which cnhanges
spiders crawl over the web and indexing the words via links
meta tags are extra key words to make it more likely to be found
client vs server side processing
most of our interaction evolves connecting a client to a server
requests are sent and retrived
many interactiosn
processing can happen at client or server
client side
Java script
web traffic reduced
server has less to process
fewer delays
data is validateed
server side
sesitive data cant be processed by client
quearying data base
database store
slow carrying out large processing
page rank
compiles and ranks website pages and results list when you perform a serach
used to work out results list
greater links to a page improves imporatnce
PR(A)=(1-d)+d(PR(T1)/C(T1)+...+PR(Tn)/C(Tn))
PR() page rank
C() out bound links
d dampening factor
aims
assighn rank based on search terms
forgiving of spelling mistakes
deals with millions of results
uses inward links
assigns inward links ranks
regularly re calulates
abused by link farms
the inter net why
world wide web
collection fo 100s of pages
uses html
uses hypelinks
images and other mdei
entertamnet
education
finace
control
commerce