Wednesday, 19 September 2012

Today I have had a lesson at collage on how to create a webpage. I found this quite challenging and a real head ache - but do feel that the more use to setting commands ect. I might eventually start to enjoy creating and designing webpages. 

This is the out come of my very first attempt ...




















Here is the webpage prior to any styling...











As you can clearly see it is very bland! 

Here are the codes used which we set up on TextEdit. The screen grabs show the before and after of adding styles...




Codes that I used to firstly create the basics then improve the webpage's original look were as follows...
- <html>. This is the abbreviation for hypetext rmarkup language. The dictionary definition for html is "It isthe standard protocol for formatting and displaying documents onthe World Wide Web". 
- <head>. This is the code for Heading. 
<body>. This is referring to the main bulk of text and image.
- <h1>. This is the code for the first heading. 
- <h2>. This is the code for the second heading and so on. 
- <p>. This means paragraph. 
- <a. This is the code for anchor. 
- <img. Image is what this code means. 
- href. This code means hypertext reference.
- <style>. this is the code for when wanting to style text and layout. 
When beginning a command, e.g. when wanting to change the style, the code needs to be typed in with two surrounding chevrons like this... <style>. when the command is completely finished then chevrons are needed again but also a forward slash after the first chevron. example... </style>. 

No comments:

Post a Comment