Wednesday, 25 April 2012

Web Session 1: Basic Web Development

The very basic html tags that are included in every website in the world are:
<html> - tells the browser the language of the code.
<title> - the title of the page, displayed at the top of the browser.
<head> - the fundamentals of the website that are not to be displayed.
<body> - the visible elements of the website.

The order these go in is as follows:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>

Other tags that cropped up after researching existing sites:
<!doctype html> - more complex version of html, used to cater for Internet Explorer as it works differently to other browsers.
<script> - relates to Javascript.
<style> - relates to CSS (Cascading Style Sheets)
<div> - stands for division, directly relates to CSS.
<ul> - unordered list.

---

Every part of the website needs to be contained in a root folder.  This needs to be named appropriately, all lowercase with no spaces, hyphens or numbers - which is the same for any web files.  



Site > New Site links the root folder to the file.


This icon previews the webpage.

---

CSS allows for more possibilities with a smaller file size.  A style sheet can be embedded into the HTML code:

{ }Opens and closes a command, eg. body.
;Closes a logo, eg.
#
div ID
The link icon at the bottom of the insert window.

You can add comments that won't effect the code, just for reference only.  To do this "/*" will grey out everything else and will allow you to add text that will make the code clearer.  "*/" closes it.

---

A good file type to use to preserve transparency in images is png-24.  If there is a full background, JPEG is the file type to use.













No comments:

Post a Comment