Download File - History

8/3/2015 7:25:00 AM
Week 3:
 Html- connects all internet together, goes in different directions
http://year10webdesign2015.weebly.com/week-1.html
what is html:
Hypertext Mark up language
www: world wide web








web cache serve: holding tank for the most popular item: link:
interne, billions of devises
Sorting the internet
Rules- acronyms
IP address, connecting to another IP address
URL: uniform
ISP:
DNS
cables and signals connecting people to the internet all over the
world
How does a website work:
 http: Hypertext Transfer Protocol: foundation of data
communication for the world wide web.
 server: a computer or computer program which manages access
to a service in a network.
 operating system: running windows, Linux( backbone of the
internet)





web service: window server, a panache, help builds our web
server
coding language: HTML: indext.html file, send back through the
internet to computer
CMS: word press: graphical interface to create or edit your
website, let you create dynamic looking sites
Data bass in order to function word press, a place to get
information from
Output/ html code
8/3/2015 7:25:00 AM
HTML: Hypertext Mark up language
www: world wide web
Web Cache Server: It is a information technology for the temporary
storage of web documents
 Sorting the Internet
 Rules acronyms
IP Address: Numbers separated by full stops that identifies each
computer
Url: Union Resource Locator, it is a reference to a resource on the
internet
ISP: Internet Service Provider, a company that provides you with access
to internet
Dns: Domain Name Servers,
HTTP: Hypertext transfer Protocol, distributed information systems
TCP:
Server: Operating System - (OS) windows, Linux
Web service
Iis: Internet Information Server, group of internet servers
Apache:
Coding Language: Designed to communicate instructions to a computer.
This is to create programs to control the behavior.
Dynamics: php, pearl, asp
CMS: Content Management System, a computer application that allows
publishing, editing and organizing.
JavaScript: Computer programming language used to create interactive
effects within web browsers.
Database: Data held in a computer, one that is accessible in many ways.
Output (html code):
CSS: Cascading Style Sheets, style sheet language used for describing
the look and formatting of a document written in a markup language.
8/3/2015 7:25:00 AM
1. Organisation and Structure: It must be organised with very noticeable
button layout
2. Simple Navigation: The button layout should be very noticeable so
people know what do press and where to go.
3. Original content:
4. Outstanding Design: A great design will attract a decent amount of
traffic to your website.
5. Speed: The speed of the website is very important with servers that
can manage the traffic flow
6. Clean and Validated Code:
7. Easy to read: An easy reading site will keep the reader on your website
and use your recourses
8. Search engine optimization: Putting your website on a search engine
will increase the traffic flow as more people can see it when they search
for your site.
9. Tracking:
10. Link Building
8/3/2015 7:25:00 AM
WHO created Python?
To Python was created by Guido Van Rossum.
WHAT is it?
Python is a programming language
WHY is it used ?
Python is used to create websites.
WHEN was it invented
Python was invented in December 1989.
HOW do you use it to create a WEBSITE?
8/3/2015 7:25:00 AM
Python web development
Django:







Getting started
1. Give a basic overview of Django
2. Show favourite Django apps
3. Talk about advanced python language
Web application framework
2005- first release (had immediate popularity)
3 years later, community participation
New version every 6 months (new ways to enter code)
8/3/2015 7:25:00 AM
1. The <h1> tag:
The header tag, or the <h1> tag in HTML, will usually be the title of a
post, or other highlighted text on the page
First
heading:
2. The <p> tag:
A paragraph of text.
<p>This is some text in a paragraph.</p>
3. The <article> tag:
Represents a self-contained structure in a document, page, application, or
site, which is intended to be independently distributable.
 <article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser
developed by Google, released in 2008.</p>
</article>
4. The <section> tag:
Defines sections in a
document, such as chapters,
headers, footers, or any
other sections of the
document.
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>
5. The <a> tag:
Defines a hyperlink, which is used to link from one page to another.
<a href="http://www.w3schools.com">Visit W3Schools.com!</a>
6. The <aside> tag:
Content aside from the content it is placed in.
7. The <header> tag:
Represents a container for introductory content or a set of directional
links.
8. The <nav> tag:
Set of navigation links.
9. The <img> tag:
An image in an HTML page.
8/3/2015 7:25:00 AM
8/3/2015 7:25:00 AM





<a> tag: it is what denotes a link and is used on practically
every webpage on the internet to link to other documents and
sites
Default setting: without adding in a my styling of your own,
links will be underlines and blue, and once visited will turn
purple. Your cursor will also change appearance in most
browsers
link text: the link text is what your user will see, so make sure
its descriptive. Try to avoid using ‘ click here’ instead, word the
surrounding text
Href: where you enter in the destination for the link. Usually this
will be somewhere else within your site, but it can also be to
another page on the internet
Relative paths: can only be used when linking pages or files
within a site directory. E.g.: < a href=
portfolio.html>portfolio<a/a>
Links are the key building blocks of the entire internet
8/3/2015 7:25:00 AM
The DIV Tag
3/08/2015 7:25:00 AM
The basic Div.
A Div. is started by using this simple piece of code: <div>. Following on
from that, you can then insert all the content you want to contain within
the div.
Closing the Div.
Once you have inserted all the content, you need to make sure you close
off the div by using </div>. Note the forward slash denoting the ending of
the current div.
Adding the Div.
A div can have a unique identifier so it can be recognized in a style sheet
or by any JavaScript you may add. To apply an ID to a div, use: <div
id=”myDivid:></div>
Adding a class:
Classes are similar to IDs, but many items on a page can have the same
class. To apply a class to a div, use: <div class=”myDivClass”></div>.
Using classes makes styling multiple elements much easier.
8/3/2015 7:25:00 AM
Good/ Bad websites:
Google is an example of a good website because it has everything you
looking for and can search whenever you like. It has examples to help
you out with things, there is everything on Google. It is a well known
source and was created by Larry Page in September 4 1998.
Hot Math’s is confusing but is also
useful to use. There are many things
scattered on the page.
Text Edit/ 3 column layout
Final text edit:
Final 3 column layout:
3/08/2015 7:25:00 AM