Home Employability Skillzzzzz

Standards Presentation

1.1.1 Research Career Opportunities

Application Developers create apps to perform specific tasks based on client specifications. Game Developers create games for consoles, tablets, phones, or arcade machines. Jobs involving multimedia have to do with helping clients bring their ideas to life. Web developers create and maintain websites. SEO specialist make people's information more easily accessible.

1.1.2 History and Impact of Social Media

Social media allows for people to see and share information. Handwritten letters were the start of social media. Then came the telegraph, telephone, and texting. The first social media site that everyone can agree actually was social media was a website called Six Degrees. From Six Degrees, the internet moved into the era of blogging and instant messaging. Myspace lead to Linkedin which lead to Facebook.

1.1.3 Role of W3C in Defining Web Standards

October 1994 W3C founded at MIT by Tim Berners-Lee. W3C is an international community including member organizations, full-time staff, and the public. Web standars promote consistency in design. A plus to web standards is web pages will display on a wide variety of browsers and computers. W3C Mission “To lead the World Wide Web to its full potential by developing protocols and guidelines that ensures the long-term growth of the Web.“.

1.1.5 Compare and Contrast The Internet to the World Wide Web

The Internet is a massive network of networks, a networking infrastructure. It connects millions of computers together globally, forming a network in which any computer can communicate with any other computer as long as they are both connected to the Internet. It connects millions of computers together globally, forming a network in which any computer can communicate with any other computer as long as they are both connected to the Internet. The World Wide Web is a collection of web pages following the http protocol that can be accessed via the Internet from any part of the world. They are connected in use; the world wide web is used off the internet.

1.2.1 Color Theory

Color theory or a body of practical guidance to color mixing and the visual effects of a specific color combination. Color theories create a logical structure for color. 3 Types of Color Wheels: Primary, Secondary, and Tertiary. Color harmony can be defined as a pleasing arrangement of colors. Warm colors are vivid and energetic, and tend to advance in space. Cool colors give an impression of calm, and create a soothing impression.

1.2.2 Explain the Principles of Design

Balance is the notion that elements are symmetrical. Grid System is a set of measurements a designer can use to align and size objects within the given format. Rule of Thirds is when A picture is divided into 3 sections vertically and horizontally. Typography Involves the thoughtful and deliberate selection of typefaces, point size, line length, and any element that can affect of design. White Space is the portion of a page left unmarked. Color Theory is a body of practical guidance to color mixing and the visual effects of a specific color combination

1.2.3 Explain the Elements of Design

Point or mark is the smallest most basic element. Lines catch the viewers eye in a design. Color has 3 properties: hue, value, and intensity. A shape is any enclosed space defined by lines or in contrast to its surroundings. Textures can be brought into a composition to give it life. Frames organize information and create hierarchy for the eye. Type can be a visual element of your page as well as provide structure between content and visuals.

1.2.4 Describe the Role of Typography

Typography conveys a feeling to the reader. The choice of typeface can affect how a piece is understood. Good typography is utilitarian in that it should allow the reader to focus on the content and not the formatting. Consistency makes your work look professional and helps keep the reader focused on the content. Hierarchy makes sure that your content gets read in the order it is meant to be read in. Alignment helps keep the look of the piece unified. A typeface is a set of characters that share common design features.

1.2.5 Evaluate the Use of Whitespace

White Space is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted. It is often refered to as negative space. A page crammed full of text or graphics with very little white space runs the risk of appearing busy or cluttered, and is typically difficult to read. White space makes sure that the page looks nice and not cluttered. Designers use whitespace to create a feeling of sophistication and elegance for upscale brands.

1.2.6 Describe the Web Design and Development Life Cycle

There are 7 steps in the Web Development Lifecycle.

  1. Analysis is that the website itself will be about.
  2. Specification is how your website will be used.
  3. Wireframes are the layout of our website.
  4. Content Production This is about making your website truly YOUR WEBSITE, also includes some content writing.
  5. Development and Coding is one of the most important steps, content writing and content publishing your websit
  6. Launch and Site Promotion is publishing your website.
  7. Maintenance and Support is about being able to check in and update whatever is needed on your website.

1.3.1 Define Common Terminology and Acronyms

HTML is an acronym for HyperText Markup Language and is used as a language for website development. XHTML is an acronym for eXtensible HyperText Markup Language. It is basically an extended version of HTML that meets the XML standards. Short for eXtensible Markup Language, XML refers to a collection of rules or standards for creating other writing languages such as XHTML for instance. CSS is Short for Cascading Style Sheets, the CSS is utilised to create the look and feel of web documents including fonts, spacing, layout and more. GIF is an Abbreviation or acronym for Graphics Interchange Format, to be more precise, GIF is a tool for animated web images. JPEG is a file format for images, developed by the Joint Photographic Experts Group. It’s designed for photos and not computer-generated graphics and uses the file extension .jpg.

2.1.4 Copyright, Trademarks, and Intellectual Properties

The point of a copyright is to give the originator permission to do almost anything with their work, including allow others to use it for something. This keeps people from stealing work of others. Trademarks are the same thing but with symbols or words in a phrase representing a company or product. Patents are for inventions so once you make one no one else can. Overall, copyrights, trademarks, and patents are good to keep your work YOURS. You can sell copyrights, trademarks, and patents to others. Follow the laws and don’t take anyone else’s work either.

2.2.2 Model Acceptable Security Practices

Installing protective software can help protect your information. Strong passwords help to keep others from accsesing personal information. Backing up information on a regular basis keeps your information from getting deleted. Keeping others from accessing your computer helps aswell. Keep your computer in secure place. Strong passwords use a combination of letters, numbers, and special characters. Shut down or restart your computer at least weekly.

2.2.4 Secure vs Unsecure Protocol

HTTPS adds an extra level of security to your website. the S stands for secure. it means all comunications between your browser and website are encrypted. it takes HTTP protocol and layers encription ontop of it. if its a trusted website it will have a padlock in the adress. It will also be green. it protects customer information from being stolen.

3.1.2 Apply File Naming Protocol

Avoid using Spaces in Filenames. Instead use underscore or hyphen. Consistently use all lowecase letters. It makes your job easier in the long run. Use a descriptive short title. It is best to limit filenames to letters, numbers, underscores, hyphens, and periods. Use proper suffixes. If its an HTML document then you should use the suffix .html.

3.1.3 Demonstrate and Use Correct File Paths for Relative and Absolute Links

A attribute is a link. An absolute path is a way all the way from the root directory. An absolute link, links to another wesite. An asolute path always starts with /. A relative path links to a page relative to the page youre already on. A relative link links to a page within your website. ../ links to the folder above the one you are already in.

3.2.1 Identify Commonly Used Layout Techniques for Web Design

Layouts in web design can vary drastically from tables to responsive layouts. Responsive layouts engage the viewer and allow for all sorts of neat little add ins, the page adjusts to the viewer and the viewer can interact with the page. Tables are lame try not to use them as they can look bad on different devices. Twelve Column Grid layouts are smart to use and like responsive layouts, adjust to the viewer and can be interacted with. Overall the goal of web design layouts is to make the viewer have the advantage over the page, they should be able to interact, and the site should adjust to their “needs” or devices or special viewing platforms.

3.2.2 Develop Appropriate Navigation Systems

Sitemaps contain information about website resources and their location. They are supposed to help make a wesite easier to explore. Linear Sitemaps go in a sequential order. Heirarchical Site Maps are shaped by natural logic. Nonlinear Sitemaps allow users to navigate freely. Composite sitemaps a common on websites with a shopping cart. XML sitemaps lists URLs for a site along with additional metadata.

3.2.3 Develop Wireframe for Initial Design Concept

Wireframes are meant to be a precursor to designing a website. The files and folders of the back end may be neat and organized but not every web designer knows how to organize the front end. Wireframes help designers now what they want to do before they get involved in the designing element of the site. It provides a basis layout for what the site should look like. They can be difficult and hard but overall, they are meant to help the designer with their work.

3.2.4 Calculate Resolution for various displays

Screen resolution is the number of pixels on a screen. Resolution can be changed by the designer and device. image resolutions have to be compatable with screen resolutions. Aspect ratio is the ration of width to screen height of an image or screen. Screen resolution depends of your device. PPI is pixels per inch. it can be caculated by total screen resolution divided by amount of inches your screen is.

3.2.5 Identify the Uses of CSS

CSS Stands for “Cascading Style Sheets”. CSS provides web developers with a standard way to define apply and manage sets of style characteristics. CSS Improves website presentation, Makes updates easier and smoother, and Helps web pages load faster. CSS is browser dependent. Types of CSS External, Internal, and Inline.

3.4.1 Media File Formats

JPG stands for Joint Photographic Group. Gif stands for Graphics Interchange Format. PNG stands for Portable Networks Graphics. JPG is the most common image file format. GIFs are best for images with lots of color. PNG is best used for logos and artwork. Audio File Formats are MIDI, Real Audio, and WMA.

6.2.2 Current Trends in Social Media

Dribble is a place where designers can share projects, get ideas, and advice. Cargo allows its members to create personal websites.LoveDsgn is a social website for designers, typographers, all kinds of creative people. If you want to share industry updates linked in and slide share are good options. For sharing videp content Instagram, Vine, or Periscope are great options. For sharing image based content Instagram is a great option.

6.3.1-6.3.2 Cloud Computing and Relevant Technologies

The practice of using a network of remote servers hosted on the internet to store, manage, and process data.Cloud computing is sharing resources, software and information via a network. The data is stored on physical servers. As long as the internet is accessable so are files in applications stored in the cloud. Open source technologies have been around for a while. Google Drive is the most common software program of cloud technology. The cloud can be accessed from anywhere for little to no cost. There is a potential lack of security and it is totally dependent upon the internet.