HTML

AUTHORING
The way authoring works is by offering
people the chance to make a website
and by teaching them how to code a
website using HTML , this give the user
use of some tools to help code the
website and explains each part and what
it does .
By using HTML it makes it easier to
create a webpage, there is other
software and ways to create a webpage
but HTML is the easier and it also offers
the users features and tools that they
wouldnt be able to get in normal text
editor.

WHAT IS AN HTML FILE?

HTML stands Hyper Text Markup Language.
HTML files a re used for tags, these help to
create and programme a website.
The way it works is when someone presses
on a certain link or website on the internet
HTML helps to display the right page to the
user.

SITES
A site/ website is information stored on a page that people can
access using the internet from anywhere, these can be cessed and
shown on many different device such as a computer or phone as
long as the can connect to the internet. The pages can be displayed
and navigated though in many different way usually by using
hyperlinks these are normally made as a HTML format and can link
to other websites.
Websites and pages can be designed and shown in many different
ways and can be edited and changed easily if needed by the
creator, because of how easy it is to change the website each page
on the internet will be different to any other weather that be the
style and overall look of the website to have a user navigates
through it.

UPLOADING
Uploading is away of sharing data and a file or
information from one computer to another usually
digitally using the internet or a shared area or work
space, this makes moving lager files easier and it also
makes it faster and more convenient for people as this
file can then be accessed from any where around the
world.

FILE TRANSFER PROTOCOL

File Transfer Protocol or FTP is the main way that people upload files to the
internet like HTTP which is used to display the webpage. FTP is used to get the
data/ webpage to the user meaning the computer acts as the server for that file
and the HTTP is used to display it. FTP is also widely used to download certain
files and software to computers from another source or server.
The way a user can use FTP can be done in many different ways sometimes it
does it without the user even knowing , the way it does this is when you search
for something from your browser if the file needs downloading the your computer
will use FTP to download the file or FTP will sometimes be recommended to the
user when they are downloading something via their browser . To edit certain
files you need to be able to log on to the FTP server where the data and webpage
is stored, of the file is an open one this means that the public can edit the page
without needing to log on to a server this is commonly used for sites like
Wikipedia one major problem with this is that no one has control over what is
being changed on the site and the information that is on there could be wrong.
What HTML editor allows the creator to do is add images to the webpage by
adding it to the main body of the website and also allows them to create
hyperlinks. By using HTML it allows the creator to make the site/page more
interesting as a background image can be added and also small little details
small buttons and things like a page counter, although this doesnt change how
the page runs it makes it look more professional.

WEB PAGE CONSTRUCTION

Webpages can be created in many different can all look and work differently to
any other as they can all be designed in different ways weather that being HTML
coding or had-drawn. To help people create website there is some software that
does all the necessary coding for you then shows you how to edit the other
sections to make the website more personalised to make sure that it looks and
works how the creator wanted, this can be done on software such as
Dreamweaver for coding and to cerate the actually page in flash using
ActionScript.
There is more than one way to code a website by using HTML one of these being
that software codes for you.
1. Open Windows Notepad (click on Start Run, type in 'notepad', click on OK).
2. Type in the the words "Hello World!"
3. Save the text file with an .htm extension (e.g., mypage.htm ).
4. Locate where you saved your .htm file and double-click on it.

WEBPAGE TEXT
To help make certain things standout on a page the
creator can use different type of text, the way they do
this is but using different types of HTML tags that go
around a certain word or phrase.
The way this is done is by using a thing called tags,
tags are a line of HTML coding come before and after a
certain line of text to add an effect or style to a line of
text for example to underline a line of text you would
put <U> before the text and </U> after the line of text
and is id done with in the HTML. What the / does is tells
the computer that it is the end of that command and
that anything inbetween these two commands will be
underlined.
Here are some other commands you can add in to
change the text when coding website.
<EM> This tag makes the text italic </EM>
<P> This tag starts a new paragraph </P>
<BR> This tag creates a break before the new text
</BR>

WEBPAGE FONTS
What fonts do is give a different style and overall look to
the text and this can turn a website from looking
cartoony to looking professional.
The way this is changed is by using HTML tags and this
can also change things like the size and colour.
To change the font size you would use the HTML for
example <font size=8> the you type the text after this
then when you have finished you then put </font> to
show thats the end of your text, to this command you
can also add in colour=blue for example so as well as it
changing the font it will also change the colour.

WEBPAGE COLOURS
To help make pieces of text or information standout on a
page you can change the font and size but also the colour
the way this is usually done is by using a thing called hex
colour codes, the reason for the colours to be in codes is
to help give the creator a wider verity when it come to
customising their webpage and because there is so many
different shades to each colour they all have a separate
code to make sure that you get the colour and shade you
want.
Each code is different with the most common ones being
(#000000) and (#ffffff) which is black and white but the
more complex the colour and shade the more complicated
the code.

WEBPAGE IMAGES
When creating and coding a website its
more complicated to add an image as you
need to add it in to the HTML by coding it in
so that the website knows what image to
show and when.
These codes will be different depending on
the image like what format it was saved in,
if it is a vector or raster image, it could be a
gif and it also depends on the image
resolution and size.

WEBPAGE TABLES
To create table to store information in on a webpage
needs to be coded in that are written in to a HTML,
the style of table also changes the type of coding
that needs to be put in as some are simple and easy
where as some can be more complicated.
Here are some codes for tables
<TABLE BORDER=2>
<TR> <TD>..</TD> <TD>1493</TD> </TR>
<TR> <TD>..</TD> <TD>3829</TD> </TR>
<TR> <TD>..</TD> <TD>8372</TD> </TR>
<TR> <TD>..</TD> <TD>4827</TD> </TR>
</TABLE>
Where the dots are is where you would add in the
name for the information that wold be put in to the
table for example names then it is followed by a
number.

WEBPAGE HYPERLINKS
Hyperlinks are another area of coding but are done
through HTML but are used to add a link to a site or
webpage.
This is the type of code that is usually used when adding in
a hyperlink.
<a href=.>Title the visitor sees</a>
The dots are where the URL of the website or page you
want to link will go, when this link is pressed by the user a
new tab will open on their browser and it will open up the
website or page that belongs to that link.

WEBPAGE LANGUAGE
When using HTML software instructions are usually out on
scree or in a booklet to show each feature of the software and
how to code using HTML this is helpful for teaching students
as it gives them tasks to complete whilst teaching them how
to code.
When coding there is many different programs that a student
can use to make a website and to make it easier for them to
code the first part of the code will be done for them but it will
explain why it is needed.

WEBPAGE TERMINOLOGY
When coding and creating a webpage there are many
different phrases and key words that will get used that you
might not know.
HITS/VISITORS
This is the number of people that visit and use your website
and usually this is how people view the success of a website
and more people are likely to use it if it has a lot of people
using it as they are more likely to trust a site that is doing well
and they might have heard of it before rather than a site that
dont know.
SERVER
This is where the website is run from and where every bit of
information about the website is stored if something happens
with the server it can effect the website in a negative why for
example if the server crashes or goes down then website cant
be accessed by anyone and this can lose the website money
are they then dont have anyone visiting their website.

WEBPAGE METADATA
Metadata is basically the coding behind the coding and data but is
hard to understand as it is difficult and complicated, one thing
that uses metadata is images/photo as when an image is taken
loads of data is stored with in the image for example at what time
it was taken and the location these can be seen by the user as an
add on to the image.
Metadata with in a website uses HTML coding and it shows and
extra information that needs to be seen by the user or create and
it also allows web browsers to search through the website very
quickly to see what the site is about so it can show it to a user if
the website matches their search, the way this is done is through
HTML tags that hold information that the browser can accesses
and read quickly.

HTML AND XHTML

Both HTML and XHTML are types of coding but do have
differences as XHTML is more strict and if there is any sort of
fault no matter how small it wont work and the whole site
wouldnt work properly where as standard HTML if there was
a fault then only that part wouldnt work but it wouldnt
effect the rest of the website.
HTML is usually used for demos as mistakes can be made
and the website will still work and this makes it easier for
people learning to code also the demo will give them a
template to follow so they dont have to make everything
themselves as it is a tricky and hard thing to do.

FEATURES OF HTML AND XHTML

The main use for HTML is to build website and add things in
like text, links and images
and by using HTML it allows some mistakes that new first
time coders might do as it will only effect the bit that is
wrong and not the whole website unlike XHTML that is very
strict and if any mistake is done in the coding it will effect the
whole website and it just wont work. this type of software will
usually be used by people that build and code website all the
time or if it is their job as they are less likely to make
mistakes.

HOW TO USE HTML AND XHTML

although both HTML and XHTML coding look the same its
all to do with the coding and this depends on what you are
making and if you are comfortable with coding and you
know what you are doing.
here are what HTML and XHTML codes look like and this is
the everything that is included in each.
<html>
<head>
<title>...</title>
<body>
<h1>
</body>
<html>
<head>
<title>...</title>
</head>
<body>
<h1>.........</h1>
</body>
</html>

CSS NATURE OF CASCADING STYLE

SHEETS
CSS is a language software that works with HTML and it helps website do
thing HTML cant handle by its self.
CSS allows the create to design the website with more options and choices
as HTML doesnt offer a lot of designing features just basic things like colour,
images and font. What CSS does is basically create a website template that
can be changed and edited by the editor to help create a website that is
different and suit what its selling .
The way CSS coding works is very similar to HTML as they both use tags but
with CSS you can add in more commands that have a wider verity of options
and styles to pick from. CSS allows you to change even the smallest thing
like the style of the slider at the side of the screen along with colours, text
and fonts that HTML dont have.