Web Authoring

Unit 59 Web Authoring - Updated
Terminology
Authoring: Authoring is the software you can use when you are making a
website, for example, when I will make a website I will be using a software
called Dreamweaver and this is because it is the most efficient way of
making a website, and you also learn the most from it because you are doing
coding and things of that nature. If you want to make a website which is
quick and dont care about doing all the coding stuff, you can go on a site
called Weebly which I have also used to make my portfolio. But the main kind
of software is Dreamweaver, they do everything through coding and this
means you have to put a particular code to make some text appear or have
an image. Coding is tricky for people who have no training so if you have
never used coding I would advise that you dont go straight into
Dreamweaver, doing some training on a website or if you desperately need a
website, go on Weebly.
Sites: A website is a collection of pages that have something in them and

other people can access the website. A website doesnt have to be a
collection of pages; it could just be one singular page. A website is
something when you go online and type in a URL and then it takes you to a
website and this can only be up and running if it is ran by a website hoster.
They allow you to have a domain name such as .com or .co.uk. A web hoster
tends to be a big company where they host your websites and you give them
monthly pay to your website up and running. A website can be about
anything whether that is for doing research or playing games, if you can
think of it there will be a website for it. You can view websites that arent
even from your home country for example, you can be viewing a website
that has been made in Japan and thats the beauty of the internet. Your
website can include anything you want it to, whether that be text, images,
videos, whatever you want, you can include it.
Uploading: Uploading is when you put something online whether that be an

image or something else and then everyone in the world can view it, thats
uploading. There are a few websites which do this, for example, when you
share an image on Facebook or share an image on Twitter, or you put a video
on YouTube, youre sharing things with the world. Its not also just images
and videos, you can be a big company and you need to share important files
with your employees or put an important document on the company website
for people who have just joined the company. Uploading can be unreliable as
well, for example, if you upload something to the internet it can take a long
time to upload so if you needed something getting to someone fast, then you
have to make sure you have fast internet otherwise it will take a while to
upload especially if it is a big file. Plus, even when it has uploaded and its a
huge file, it can take a while to load and then you cant carry on doing what
you are doing.
File Transfer Protocol: A FTP (File Transfer Protocol) is where you go on a

software or a computer program and this allows you to transfer files between
computers and this allows companies to transfers files between themselves
and this allows them to get through work very fast and this also helps them
get through their work a lot faster. This is most efficient when you are
making a website and then you can use the file transfer protocol to get some
files that will be needed for the website. They also have web hosting servers
for websites, and this allows your website to be released to the world and
you can log on to these servers by putting in a username and password, and
you get this by opening the website and then getting in run by a web hosting
server.
Web Page
Web Page Construction: Basic Codes,
Head,
Body (BG Color, Background Image)
Page Title
Text: <html>
<head>
<title>Formatted Text</title>
</head>
<body>
Font Styles
<P><b> Bold Text</b>

<P><i> Italic Text</i>
<P><u> Underlines Text</u>
<hr>
Headings
<h1>Heading size 1 </h1>
<h2>Heading size 2</h2>
<h4>Heading size
4</h4>
<h6>Heading size 6</h6>
<hr>
<P><center>This is Aligned Centre</center>
<hr>
</body>
</html>
Text is very important in making a website without text people wont know
what the website is about and what to do on the website so adding text to a
website is very important. This is what it should look like when you use one
of these codes:
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>
Colour is need to give your website a little spice, and its also to make it look
a little nicer as well. Adding colour is easy, the tricky part is finding a colour
that matches the website you are making. This is what it should look like:
Font: family:verdana;">A heading, Size 1

in Verdana</h1>
<p style="font
family:arial;color:red;font
size:20px;">A paragraph in Arial 20px high and
Red.</p>
<p>
<hr>
<h2>Text Alignment</h2>
<h1 style="text
align:center;">Center
aligned
heading</h1>
<p style="text
align:right;">This is a paragraph
aligned right.</p>
<p style="text
align:left;">This is a paragraph
aligned left.</p>
<hr>
</body>
</html>
Font is key to making a website because you cant have a font that is hard to
read because some people might not be able to read it. You need to take in
to count that people may have visual difficulties so you have to choose a font
that works for everyone.
Images: <!DOCTYPE html>
<html>
<body>
<h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View"
style="width:304px;height:228px;">
</body>
</html>
Images is needed in all websites to make it look a lot more interesting,

people add images to get their point across in websites and to do this you
need to be able to code. This is what it should look like:
Tables: <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>
</table>
Hyperlinks: <a href="http://www.w3schools.com/html/">Visit our HTML
tutorial</a>
Hyperlinks are needed but can be used for effect as if you are making a
website about a company, you can then say click here to find out more and
then people can find out more by clicking on the hyperlink and then you are
done.
Language and Terminology: The language and terminology are key whilst
using coding because you must know it all because if you dont you arent
going to understand what you will be doing, for example, add in the HTML
code that is required for changing the colour. You may understand what this
means, or you would at least know what they want you to do but you cant
do it because you dont know what to do, thus meaning if you learnt the
correct language and terminology, you wouldnt be having this problem. You
can fix this by going on the internet and looking up coding because that way
you will learn in a fun and easy way.
Metadata: Metadata is "data that provides information about other data".
Two types of metadata exist: structural metadata and descriptive metadata.
Structural metadata is data about the containers of data. Descriptive
metadata uses individual instances of application data or the data content.
The purpose of metadata is to let people know about data which people have
found and then they use metadata to get more information, it also tells you
whether or not that data someone has found is just like another piece of data
and is the exact same piece of data with minor changes. Metadata is not only
used to provide more information, it is also used to organize data and many
other things, but those two are the biggest tasks it has to do.
HTML
Nature of HTML: The HTML codes are the most important part of making a
website, if you don't have these codes then you can't make your website,
you can make one if the company that the website you are making already
do that for you, but most companies do it yourself and without the codes you
can't make the website. The HTML codes is the most popular form of coding,
the second biggest and the third biggest are CSS and JavaScript.
XHTML: Extensible Hypertext Markup Language or otherwise known as
XHTML codes are an updated version of the HTML codes. This was made for
companies who want to do more when they are making websites or making a
web hosting server. The XHTML was made in 2000 and then became famous
worldwide and then it becomes used a lot but nowhere near as much as
HTML coding. It's not more commonly used nowadays because HTML is a
much better alternative and the XHTML coding hasn't been used for a while
but it's still being developed now.
Features: There are a lot HTML features and the main ones that everyone
use are text. The text feature allows you add text in your website you can do
this by putting in the code - for a heading - '<h1>My First Heading</h1>'
and for a paragraph '<p>My first paragraph.</p>'. Another feature is
changing the font colour or changing the background colour and you can do
this by doing this code '<h2 style="background-color:rgb(0,255,0)"
>Background-color set by using rgb(0,255,0) </h2>' and this allows you to
change the colour of the background. Another feature is font and this allows
you to change the text style and you can do this by doing this code '<h1
style="font-family:verdana;">This is a heading</h1>'. The features for the
XHTML coding are a more powerful functions for example putting far higher
quality images on a website or putting in some text, videos or even a
podcast, you can put whatever you like on it, whatever you can think of
XHTML.
How to use: HTML codes: <!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
XHTML codes: <?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>My page title</title>
</head>
<body>
</body>
</html>
Cascading Style Sheets
Nature of Cascading Style Sheets: Cascading style sheets or otherwise
known as CSS is responsible for describing a document written up in markup
language and what that is specific coding which will make something happen
in a word document. Have you ever opened up a file and seen a lot of weird
symbols and then you realise this isnt what I should be on? Thats it. You can
go on a Word or a Notepad document and type some code in and then save
it as a internal.html file and then things will happen as you can see below.
Features of Cascading Style Sheets: The features of Cascading Style

Sheets are being able to go on some sort of document and then be able to
write some code and then it will show up, there is a lot of code you can use
whilst doing this, for example, this can work for making a website and you
can do this by going on Notepad and writing in code and then saving it as a
CascadingStyleSheets file format and you can also save it as a internal.html
file as well either work, and then you can go load it up and you have your
website, you then just have to get it up and running by going to a website
server hoster and then your website is good to go. This is typically used by
companies who are just starting and use coding to make their websites this
is also commonly used by colleges for their media students.
How to Use Cascading Style Sheets: Using it is rather easy, you only
have to go on a word document like Word, but preferably Notepad because
thats the best document to put basic coding in there. You do it by simply
putting it basic coding which you know and then saving in a internal.html
format or a CascadingStyleSheets file format, you can then access your
website.

Web Authoring

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Web Authoring

Diunggah oleh

Hak Cipta:

Format Tersedia

Unit 59 Web Authoring - Updated

Sites: A website is a collection of pages that have something in them and

Uploading: Uploading is when you put something online whether that be an

File Transfer Protocol: A FTP (File Transfer Protocol) is where you go on a

<P><b> Bold Text</b>

Colour: <!DOCTYPE html>

Font: family:verdana;">A heading, Size 1

Images is needed in all websites to make it look a lot more interesting,

Tables: <table style="width:100%">

XHTML codes: <?xml version="1.0" encoding="utf-8"?>

Features of Cascading Style Sheets: The features of Cascading Style

Anda mungkin juga menyukai