Web Authoring

Web Authoring-Unit 59
Terminology
Authoring: An authoring system is a program that has pre-programmed
elements for the development of interactive multimedia software titles.
Authoring systems can be defined as software that allows its user to
create multimedia applications for manipulating multimedia objects. When
you use lots of different assets, like pictures, videos, text this is exactly
what Authoring is, we use them together to create a piece of multimedia
work. The final product when they are placed together, through pictures,
videos, text all come together to make a final slideshow. Authoring is
referring to how the final product is saved and how it is formatted, an
example on a website would be, the product needs to be saved as
different images and then something thats called HTML coding. if it was a
slideshow, then it can be formatted as a slideshow for a website, which is
actually one of the save as options from the file menu in PowerPoint.
Authoring can sometimes have different meanings and one of these
different terms could create a piece of software. Sometimes authoring can
mean a programme like Dreamweaver, Premiere and even Photoshop,
where you can create a website by looking at the design and dragging
pictures around, Weebly is a perfect example, Weebly is a web-hosting
service featuring a drag-and-drop website builder. As of August 2012,
Weebly hosts over 20 million sites with a monthly rate of over 1 million
unique visitors. The company is headquartered in San Francisco. Weebly
lets you crop edit and add photos to your website including videos, Polls
and text. I have been placing my work on Weebly.
Sites: A website can be viewed by anyone, once placed on the internet. It

is built up of different formats so that is created. There are different types
of websites, Social Media website, like Facebook and Twitter or there is
another sites like Wikipedia which is a general knowledge website so
people can gain knowledge. For my Assignment I will be using Dream
weather, dream weather is Adobe Dreamweaver is a proprietary web
development tool developed by Adobe Systems. Dreamweaver was
created by Macromedia in 1997, and was maintained by them until
Macromedia was acquired by Adobe Systems in 2005.
Uploading: Uploading is the transmission of a file from one computer system to

another, usually larger computer system. From a network user's point-of-view, to
upload a file is to send it to another computer that is set up to receive it. People
who share images with others on bulletin board services upload files to the BBS.
Some examples of Uploading can be as simple as sending an email, uploading
photos onto social networking sites or even updating a website, for instance, if
you were looking to add information to the site then you would have to upload it
and wait for it to finish.
File Transfer Protocol (FTP): The File Transfer Protocol is a standard

network protocol used to transfer computer files between a client and server on
a computer network. FTP is built on a client-server model architecture and uses
separate control and data connections between the client and the server. FTP
sessions work in passive or active modes. In active mode, after a client initiates a
session via a command channel request, the server initiates a data connection
back to the client and begins transferring data.
Web Page:
Web page construction: The techniques you use in constructing your website
can add a professional touch to the final presentation of your website content.
Website construction should be deliberately thought out and monitored every
step of the way. In this way the development of your website theme can be
effectively accomplished.
By the use of consistent elements throughout the website and the application of
certain basic rules to your website structure you can produce a unified
appearance and functionality that will resound with the people who will be
visiting you. The plan for your website construction needs to be consistent in
layout and theme. You should maintain a uniformity of thought and purpose in
your website design when involved in your website construction. The following
guidelines can help you to construct a website that is both logical and appealing.
Text:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Fonts:
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Colour:
<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:red">
Background-color set by using red
</h2>
<h2 style="background-color:orange">
Background-color set by using orange
</h2>
<h2 style="background-color:yellow">
Background-color set by using yellow
</h2>
<h2 style="background-color:blue;color:white">
Background-color set by using blue
</h2>
<h2 style="background-color:cyan">
Background-color set by using cyan
</h2>
</body>
</html>
Alignment:
<html> <head> <title>Text Alignment</title> </head> <body> <H1>Text
Alignment</h1> <P align="center">This is Aligned Center</center> <P
align="left">This is aligned Left</left> <p align="right">This is aligned
right</right> <hr> </body> </html>
Tables:
<!DOCTYPE html>
<html>
<body>
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
Hyperlinks:
<!DOCTYPE html>
<html>
<body>
<p><a href="http://www.w3schools.com/html/">Visit our HTML

tutorial</a></p>
</body>
</html>
Metadata:
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
HTML:
HTML is a mark-up language for describing web documents. HTML stands for
Hyper Text Mark-up Language. A mark-up language is a set of mark-up tags.
HTML documents are described by HTML tags. Each HTML tag describes different
document content. A small HTML document, would contain <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>

<p>My first paragraph.</p>
</body>
</html>
HTML elements form the building blocks of all websites. HTML allows images and
objects to be embedded and can be used to create interactive forms. It provides
a means to create structured documents by denoting structural semantics for
text such as headings, paragraphs, lists, links, quotes and other items.
Cascading Style sheets

Nature of cascading style sheets (CSS): Cascading Style Sheets is a style
sheet language used for describing the presentation of a document written in a
mark-up language. A Cascading Style Sheet (CSS) is a list of statements that can
assign various rendering properties to HTML elements. Style rules can be
specified for a single element occurrence, multiple elements and an entire
document or even multiple documents at once. It is possible to specify many
different rules for an element in different locations using different methods. All
these rules are collected and merged when the document is rendered to form a
single style rule for each element.
Feature of CSS: Feature of CSS is being able to go onto a word document
preferably Notepad you can put coding and make your own website at home or
in an educational workplace. To make a fully functional you will need to get it ran
by a webhosting server.

Web Authoring

Uploaded by

Web Authoring

Uploaded by

Web Authoring-Unit 59

Sites: A website can be viewed by anyone, once placed on the internet. It

Uploading: Uploading is the transmission of a file from one computer system to

File Transfer Protocol (FTP): The File Transfer Protocol is a standard

<p><a href="http://www.w3schools.com/html/">Visit our HTML

<h1>My First Heading</h1>

Cascading Style sheets

You might also like