Friday 21 October 2011

Helpful Websites


Both websites make web designing surprisingly easy and understandable.

http://www.tizag.com/ suggested by my web design teacher
http://www.w3schools.com/ I found this myself, quite helpful.

Have a go. Here's my first try.

<html>

<head>

<title> Becki made a website </title>

<meta name = "description" content = "piglet in sky" />

<meta name = "keywords content = "piglet, sky" />

</head>

<body>

<body background= "http://freeimagesarchive.com/data/media/29/13_sky.jpg" />
<!--reminder: alignment!! --->

<p align="center"><b> welcome </b>
<i> to the world of tomorrow</i>
where <font size = "30"> piglets </font>

<font size = "9" color = "deeppink">  rule </color> </font>
</p>


<p> 

<font face="century gothic" <b> hello

<font size = "30"> how are </font>

<font size = "9" color = "forestgreen"> you </color> </font>

</b></p>
<h1><i> is this big? </i></h1>

<h2> is this smaller? <h2>

</font face>


</p>

<p>
<font face="times new roman" <font size = "60"> <i> 
<a href = "http://blackwoodspinhole.blogspot.com/">  click here for a pinhole blog </a href>



</font></i> </body>

</p>

<img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFVfi5GDs9WhwqXgAL-e8HtlA6F_iucS5V3O5uK5uXWnRNhWAWwfX_gcvtX7W-eVPnTz490ILLsQrXiS-hRzjLldzktivns7DnmmZLbIHTWBPEw6dOb_TMJFyfj5jFTVTV8sNpN9nfJN4/s1600/piglet.jpg" alt="piglet being held"/>


</html>

<p>
<font face = "Lucida Calligraphy">

<font size = "18" color = "lemonchiffon">

<ul>
<li>piglets</li>
<li>piglets in pj's</li>
<li>piglets in houses</li>
</ul>

</color> </font>
</font face>


</p>


<p>

<font face = "pristina">

<font size = "24" color = "indianred">

<oll>
<li>piglets</li>
<li>piglets in pj's</li>
<li>piglets in houses</li>
</ol>

</color> </font>

</font face>


</p>

Understanding common web coding protocols


WWW stands for the World Wide Web, which is a system of interlinked hypertext documents which can be accessed via the internet, using a web browser. The purpose of a web browser is to visually display images, videos, text or other multimedia that are stored on either your computer or on websites.  A person can navigate between them using the web coding protocol hyperlinks, a basic link that can take you from one website to another or images, videos etc.  Other web coding protocols include meta tags, the element which provides metadata about a web page. 

(Basically like on twitter when you #something, the tag is what connects the webpage to a search item.)

As well as web coding protocols there are common web coding languages such as HTML, XHTML, CS; HTML stands for Hyper Text Markup Language which is the predominant mark-up language for web pages, acting as the basic building-blocks of webpage’s. XHTML stands for eXtensible HyperText Markup Language and is an extension of HTML as it is a hybrid of it and XML. CSS stands for Cascading Style Sheets which is a form of style sheet language used to describe the look and formatting of a document written in a markup language. Most people use it to create the style of a web page that is written in HTML and XHTML.


The typical structure of a coded page begins with the following:

 <html>
<body>

<p>Use this and you pretty much just made your first webpage.</p>

</body>
</html>


The text between <html> and </html> describes the web page; where as what is actually displayed on the webpage is the text between <body> and </body>. With the text between <p> and </p> being a paragraph.

IT IS IMPORTANT THAT THE NESTING TAGS <p> </p> ARE CORRECT! If they’re not correct or you have not closed the tag, the effect you had hoped for will not occur; and/or appear where you don not want it to. 

With the advancements of technology a person doesn’t have to start from scratch in using HTML to create their website they can get help by using WYSIWYG the acronym for What You See Is What You Get software. This software constantly displays onscreen the content (text, graphics etc.) exactly how it would appear online throughout editing. Software’s that provide this are to name but a few FrontPage, Dreamweaver and Expression Web.


To publish a web site it needs to be stored on a web server and if it has a graphics featured on it, it is ideal to use an FTP (File Transfer Protocol) which will act as a middle man to transfer files from one host to another host over the Internet.

Once your website is published you’ll need to promote it if you want people to see it of course there’s the obvious, tell your friends, post it on your social networking site etc. Now you could always use SEO and SMO, search engine optimization is the course of action that will improve the visibility of your website in search engines. Where as social media optimization is a type of internet promotion that uses social media activity, hoping to attract unique visitors to website content. 

E.g. if you look at the right hand side of your facebook screen its full of advert;, adverts you might usually ignore if it didn’t say: ... liked this. See which other friends, liked this.