With external developers you will need to hire various people for various jobs, so need to understand the language to an extent in order to hire the right people and not get charged wrongly..
Languages involved
HTML - Hyper Text Markup Language
CSS - Cascading
Java - Android language
Javascript - Advanced effects and added interactivity
SQL - Database language
PHP - Server based language
iOS - Apple
Ruby - Twitter
HTML, or hypertext markup language, is for structuring content on a Web page. It deals with tags, attributes and elements to create page titles, paragraphs, headings, lists, links, images, tables and forms. Advanced forms of HTML, such as HTML5, enable designers to create more elaborate structures, such as canvases for drawing, video playback, better forms and offline Web applications.
XHTML stands for extensible hypertext markup language. XHTML is what most websites are coded with. Coding in XHTML enables you to design a simple text-based website without going through a steep learning curve. It's the computer language used for ordinary text and images and almost all websites use either XHTML or HTML.
CSS stands for cascading style sheets. A CSS file separates your website HTML -- or XHTML -- content from its style, allowing you to use HTML and XHTML to structure content but accomplish all of the page's style through the CSS file. Using CSS correctly can alter the look of a simple XHTML design. This is done by switching between style sheets. The better you get with CSS, the better your XHTML designs will become. CSS is a nice fit for beginners, though, as it tends to leave a nice, clean design even if the designer isn't skilled in its nuances.
The further you delve into coding, you'll find more codes are used in conjunction with each other. JavaScript, for instance, is used with HTML to access a Web page's document object model, or DOM. Using JavaScript enables nice touches such as changing an image's size, effect or colour whenever a user interacts with it. JavaScript also works with input forms to validate information. It's a bit harder to grasp, however, than the aforementioned coding skills.
I found a good introductory website called 'Coding for Designers' which provides a free, self-paced introductory course to HTML and CSS for designers with graphic design experience. No prior web or coding experience is necessary.- https://thegymnasium.com/courses/GYM/100/0/about
We use specific software browsers to access the internet, such as Chrome, Safari, Firefox, etc. And all of these have become adaptable to all the various devices we have in our modernised world now. A website needs to be able to adapt to these various platforms, due to the various sizes of the screens, for example the same website needs to fit on both a 27inch iMac, aswell as a little iPhone screen or tablet. This is called a Responsive Website.
This icon is called the hamburger icon. It is a button in a graphical user interface carrying an icon consisting of three parallel horizontal lines (displayed as ☰). It is often placed in the top left or top right of a user interface with a drop-down list following it, revealing various categories or features of a website/app.- It takes 2.6 seconds for a website visitors to decide whether to stay on the site to explore or not. So as a designer we need to capture an insightful and impactful snippet to fetch that interest to keep the viewer
- 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 legislations that require public buildings to be accessible to those with disabilities, many laws have also been passed that require websites be accessible to those with disabilities.
- Need to understand that using typography online comes with licensing. Unless you deliberately use a royalty free typeface, there will often be a licensing cost to make this typeface available to the entire world via your site, otherwise you are essentially using someones work for free, and this can be punished/billed.
CODE
Every element of a website when coding, be it a paragraph or anything, has to be coded within open/closed arrows
WYSIWYG - What you see is what you get
Every site needs these tags -
<html>
<head> - not visible in design, tells browser what other languages you are using + metatags (what search engines use to find a site)
<title> is visible, but not within the design
<body> is visible on the site
You have to close the tabs with the forward slash version after- </head>
We had a quick go at making the worlds simplest website in TextEdit..
Once set up, I simply saved it as index.html..
Simon gave us some really good books to help us develop with our coding skills if we so chose to (he feels it is easier to learn by our means, rather than attending talks, lessons, etc as it is entirely working at your own pace or everything will go wrong)..
OR - https://www.codecademy.com/ - another free site to learn (What Hungry Sandwich Club used to initially learn)
No comments:
Post a Comment