Web Design

Robert Eastwood

Terminology

Authoring
Authoring is when you use a lot of different assets such as videos, text and
pictures and then be able to use them to create a piece of multimedia work.
Authoring refers to how the final product is saved and used. For a website for
example the product would need to be saved and there is also HTML coding.
Authoring can have multiple different meanings and one of these different terms
could be a piece of software. Authoring can also be involved in the creation and
integration of a interactive user interface which is composed with menus and
chapter stops that allows the user to access different elements of your content
independently. Authoring can be used by programs such as Dreamweaver where
you can create a website by using the design and moving pictures around the
page, this will also make a HTML code. An example is LCDS which is created by
Microsoft, it is a free tool which helps the community create high quality,
interactive courses. Another example is Jackdaw which is where the user can
create interactive content.

Sites
A webpage normally has a homepage, a transitional page, a content page and a
action page. These pages are hosted online and appear on the internet when you
type in a domain name. All websites must have hosting, which is where a website
pays money to somebody who has a server so they can actually use their website.
Servers are just computers which are online and can be seen on any other
computer if they are also online. The websites address is the domain name. Every
website must have a domain name and also a load of different pages and also
contains pictures, video, sound and text. Websites can be seen all over the world
and as long as people are connected to the internet and type in the right
address/name then every country can see it.

Uploading
Uploading refers to when you download data from one place to somewhere else
by uploading. A example of this is on Facebook or Instagram, when you upload
a photo from a computer. By transferring a file/photo from one place to another,
you are moving it to is where you upload it to. Uploading can be done on
different scales. If it is a bigger scale it will be for businesses upload important
files and documents for customers to see. Uploading can vary in speed depending
on the internet connection the uploader has. If an upload of the exact same file
may be faster if you upload it from a better more improved computer with a faster
upload speed. Also the size of the file can affect the upload speed. The larger the
file the longer it takes to download.

File Transfer Protocol (FTP)

A FTP is a software or programme which makes it easy to transfer files between
different computers but it is more commonly used for uploading files from a
computer to a websites server. This happens when logging in to your hosting
through FTP client programme. The FTP will ask for your username, password
and server/host. This is done to make sure that people cannot upload files to
anybody elses website. There are many different FTP clients which can be
downloaded and most of them are free. FTP support is provided as part of a suite
of different programs that come from IP/TCP. But a FTP client program with a
graphical user interface must be downloaded from the company that made it.

Web Page

Web Page Construction

Web pages can be constructed in different ways such as hand-writing the HTML
coding, creating a webpage in Flash using ActionScript or using Dreamweaver
and using the automatic coding creating to design a website. When wanting to
construct a web page using HTML codes then you should know there is not just
one way of doing it there are a lot of different ways. A web page is structured
with a header and a body.

Text
With text on a page, experimenting with different HTML tags get different effects around
different words or phrases within the writing. HTML can define different elements for
formatting output, such as bold or italic text.
The text effects is created in the text element An example of this is making writing bold by using
the <b> tag.
<b>Bold Title</b>
Another tag to use with text is the <pre> which controls the number of spaces in a block of text.
<pre>
Hello
Welcome
To My
Presentation
</pre>

Fonts
Different fonts are affected by the HTML code which decides the size of the text and colour.
The CSS text formatting is much better but the older ones are still useful.

An example of this is:

<font size="3" color="red">Hello</font>
<font size="2" color="blue">Welcome to my Presentation</font>
<font face="verdana" color="green">Robert Eastwood</font>

Colour

Images
Images are defined with the <img> tag.
The alt attribute you can get for alternate
text for an image if the image will not
show. The alt attribute provides other
information for an image if a user cannot
view it for some reason.

Tables
Tables are made with the <table> tag. Tables are
divided into table rows with the tag <tr> whereas
table data has the tag <td>. A table row can be
divided into table headings with the tag <th>.

Hyperlink
A hyperlink is a text or an image you can click on, and jump to another document. Links are
defined with the <a> tag:
<a href="url">link text</a>
The href attribute specifies the destination address and the link text is the visible part.

HTML

HTML
The HTML element is everything from the start tag to the end tag. A HTML element can be nested.
All HTML documents consist of nested HTML elements. The <html> element defines the entire
document. It has the start tag which is <html> and an end tag which is </html>. The <body>
element defines the document body and it the same as how the html code is set out. The <h1>
element defines a heading. A <p> element defines a paragraph.

XHTML
XHTML stands for Extensible Hypertext Markup Language. XHTML is very similar to HTML but is
more strict. XHTML is supported by all major browsers. When combining the strengths of HTML
and XML, XHTML was created. The market today consists of different browser technologies. Some
browsers run on computers and some can run on smaller devices. An XHTML document must have
an XHTML DOCTYPE declaration. The stages of converting a HTML to a XHTML:
1) Add an XHTML <!DOCTYPE> to the first line of every page.
2) Add an XMLNS attribute to the HTML element of every page.
3) Change all element name to lowercase letters.
4) Close all empty elements
5) Change all attribute names to lowercase.
6) Then quote all attribute values.

Cascading Style Sheets

CSS
Styling can be added to HTML elements in different ways such as Inline(using a style attribute in HTML),
Internal( using a <style> element in the HTML <head> section) and External( using one or more external
CSS files).
Inline
Inline styling is useful for applying a unique style to a single HTML element. Inline styling uses the style
attribute.
Internal
An internal style sheet can be used define a known style for all HTML elements on a page.
External
External style sheet are ideal when the style is applied to different pages. You can also change the look of an
entire website by changing a single file.
The CSS colour property defines the text colour. The CSS font family property defines the font to be used .
The CSS font size property defines the text size.

Metadata
Meta elements are typically used to specify page description, keywords, author of
the document and when it was last modified. Metadata can be used by browsers,
search engines and other web services.