The language:
Most developer that know coding have a specific language that they know. Its unusual for a developer to know all of these.
HTML - Hyper Test Makeup language
(Is the structure of making a website)
CSS - Cascading style sheets
Java - Android language
Javascript - Advanced effects and added interactivity
SQI - Database language
PHP - Server based language
IOS - Apple language
Ruby - Twitter
The positives of learning to code:
Taking design into you're own hands
Looking at freelance opportunity - able to offer more services, less collaboration more independent practice.
Negatives of coding
- Be aware of changing technologies and platforms. Some languages will become irrelevant as time goes on.
- Not visual
Designing for
Browsers...
Primarily the software we access the Internet through. Popular examples include
Considerations
- What device will it be used through?
- Attention span of average user (2.5 seconds) How can the user be assured that your design is reliable?
- Accessibility to people with different needs (visual/hearing impairments)
- Awareness of licensing (Look at the royalties and what is allowed) Who owns what you're using and how should it be used?
- Differing formats that website can be displayed
Responsive web design
Responsive design looking at the changes in different formats and how a page responds to this.
Print & Screen design:
The difference in print is that the rules have already been established, we can change the way we do things but theres a generally accepted way of doing things. The good thing about digital design is different as the solution is then adopted by others, theres room for critique at new designs. No generally excepted way of doing things which leaves this open for discussion and change.
Accessibility
Screen readers are programs that read out the contents of a computer screen to a user. They are most commonly used by people with visual impairments. In the same way that many countries have legislation's that require public buildings to be accessible to those with disabilities, many laws have also been passed that require websites be accessibly to those with disabilities.
Using code
HTML - Structure
Opening and close tag
HTML dvides each element of a webpage within an open and close tag, Tags act like containers, they tell you something about the information what lies between the opening and closing tag
Opening tag:
<p>
Closing tag:
</p>
If these are not included the website wont be functional
Tags
<html>
<Head>
<title>
<body>
Due to the nature of coding, if something is misplaces, it effects the entire functionality of the website. Its a very intricate practice. Have to be able to work at you're own speed for best understand sing.
WYSIWYG
What you see is what you get.
Dreamweaver - not advised to look at outcome while working. Rely on the code to guide
Websites can be made in textedit, word eg.
Starting to make a website
1. <html> (from this point onwards we are working on html)
2. <head> anything that makes a website functional. Reference these languages in head, not visual in the design. Meta tags are put in the head
<title> Title is visible but not in the website. (Title has to be in the head element of the website) closing the title (closing the title) </head>
3. <body> Visual aspect of the design
Close the body </body>
and the html <>/html
Anything that needs to be visible has to be between the opening and close tag.
Resources for learning to code
- Code academy
- HTM & CSS: Design and Build web site
No comments:
Post a Comment