Html – Hyper text make up language
CSS – cascading style sheets
Java – android language
Javascript – advanced effects and added interactivity
SQL- database language
PHP- server based language
iOS- apple language
Ruby – twitter
Developers have their own languages that they know how to use.
Bold languages – main 2 that any developer will know (basics for web design)
SQL AND PHP – bring information from a database to pull onto a website
Things to consider when designer:
which browsers must it work on (most popular browsers)
which devices must they work on?
when a website responds to the device that is it on it is called responsive design.
A good design for website navigation is being able to get to any page from any page
hamburger icon - 3 horizontal lines, representing a drop down menu.
The main issue with hamburger icon is that people can't see the icons that the menu includes so the icons are not used.
72 pixels per inch is the standard for images on web as the images load faster compared to images that have more pixels.
The average amount of time a person judges whether or not to stay on the site is 2.6seconds, so you need to make an impression as fast as possible and keep image size low so that the page loads fast.
screen readers are programs that read out the contents on a computer to a user that i blind, or partially blind. In the same way that many countries have legislations that require public buildings to be accessible to those with disabilities, many laws have also been passed that required websites be accessible to those with disabilities.
Today google fonts are used so when you go on a website it downloads it automatically so you can see the font on any computer.
Learning code basics
HTML divides each element of a website within an open and closed tag, tags act like containers, they tell you something about the information what lies between the opening and closing tags.
open tag - <home>
closed tag - </home>
To start a paragraph of text it would be <p> as the open and </p> as the close
4 elements that have to be included in a website:
open-
<html>
<head>
<title>
<body>
closed-
</html>
</head>
</title>
</body>
if you have these things wrong then the website doesnt work :
-spelling mistakes
-spaces where they shoulds
-something not closed
-slashes where they shouldnt be
wysiwyg - what you see is what you get
making basic website
start if with open <html> shows that we are talking in hyper text makeup language
open <head> (nothing in head is visible in the design, but is there to tell the website how other language you are using, also what search engines use to get results)
open <title> this will be visible on the website and is search able
type title without open or close 'uni website'
close the title tage </title> and close head </head>
open <body>
type body text
close body </body>
close site </html>
No comments:
Post a Comment