Gra 422

Front 1

In order to use javascript, what tag must be used?

Back 1

SCRIPT TAG

Front 2

Media Query

Back 2

allows you to target CSS rules based on screen size, device orientation or display density
"use this css for this job"

Front 3

Java script and J Query

Back 3

javascript= language
j query= library of functions
-written in javascript, allows us to refer to something using ID or class

Front 4

DOM

Back 4

Document Object Model
-JS uses DOM to define things
-shows how the elements interact with eachother

Front 5

ID

Back 5

can use only once

Front 6

Class

Back 6

can use multiple times

Front 7

JQ example

Back 7

$('#id').click(function){$('box').fadeout("slow");});

Front 8

fatten box

Back 8

$('fatten').click(function(){
$('box').height(
$('#box4').height () +10

Front 9

slide

Back 9

$('slide').click(function()
$('#box4').animate({
left: '-=300'}

Front 10

can javascript be disabled on a browser

Back 10

yes

Front 11

API Documentation

Back 11

shows all comands

Front 12

# or $ or .

Back 12

# means ID selector
$= jquery
.= class/element/selector

Front 13

div tag

Back 13

The <div> tag defines a division or a section in an HTML document.

The <div> tag is used to group block-elements to format them with CSS.

Front 14

Cross Media

Back 14

encompasses multiple medi formatting
-onlines games, fbook, twitter, tv,

Front 15

QR Codes

Back 15

uses urls
-can track how many people visited website

Front 16

PURLS

Back 16

Personalized URLs
-goes to certain page customized for you
-track and up sell
-improve customer profile

Front 17

Data Mining

Back 17

capture and analyze data to build customer profile
ex. air miles

Front 18

Email Marketing

Back 18

-HTML3, 1996
-table based layout for consistency

Front 19

the medium is the message

Back 19

Marshall McLuhan

Front 20

Cross Media Marketing Campaign Channels

Back 20

1. Digital
2. print
3. social
4. experimental

Front 21

how to center in css

Back 21

margin: 0 (auto)
**second value effects horizontal positioning left to right

Front 22

examples of pseudo selectors

Back 22

CSS pseudo-classes are used to add special effects to some selectors
ex. hover, visited

Front 23

SPAN vs DIV

Back 23

Div= block
span= inline

Front 24

augmented reality

Back 24

overlaying info in real time using a phone or glasses

Front 25

whats new in HTML5

Back 25

aside section
The <aside> tag defines some content aside from the content it is placed in.
The aside content should be related to the surrounding content.

Front 26

3 uses of XML and what it is

Back 26

XML stands for eXtensible Markup Language.
XML is designed to transport and store data.
XML is important to know, and very easy to learn.Google maps
SVG
MS Office

Front 27

in this html, <a href="page.html"> text </a) what is condsidered the element, attribute, and value

Back 27

element= a
attribute - h ref
value= page.html

Front 28

difference between hash and hashtag

Back 28

hashtag= tag embedded in a message when blogging
hash= sign that helps you target things in HTML

Front 29

SEO

Back 29

Search Engine Optimization

Front 30

HTML
CSS
JS

Back 30

html= structure
css= style content
js= enables interaction w content

Front 31

Meta Element

Back 31

Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
-always with head tags
- gives info to spiders

Front 32

Spiders

Back 32

A computer program that searches the Internet for web pages. Common web spiders are the one used by search engines like Google to index the web. Web spiders are also called web robots or wanderers

Front 33

4 file formats for image optimization

Back 33

png8 - 256 colours, has transparency, compared to gifs
png 24- 16 mill., transparency, can be compared to jpegs
jpeg- same as png24 without transparency, does shading well, good compression
gif- same as png8, stair cassey

Front 34

RSS feeds

Back 34

Really Simple Syndication, Rich site summary
RSS defines an easy way to share and view headlines and content
language used= xml

Front 35

paragraph, class of red

Back 35

element=paragraph
attribute= class
value= red

Front 36

div, id of 'junk'

Back 36

element= div
attribute= id
value= junk

Front 37

Nesting in HTML

Back 37

have div elements with other info inside it

Front 38

open source video compression format

Back 38

theora

Front 39

server side optimization technique

Back 39

g-zip
zips individual images, browser unzips images to page

Front 40

what type of protocal do we use to connect to the STW server

Back 40

SFTP
Safe File Transfer Protocol

Front 41

If you havent included a style sheet, what controls your page?

Back 41

CSS browser defaults

Front 42

../directory

Back 42

relative link
showing that the file is one level above the current file folder

Front 43

set of files that change the appearance of a wordpress site

Back 43

wordpress theme

Front 44

problems with javascript?

Back 44

accessibilty. especailly with drop down menu's

Front 45

webkit
moz
o

Back 45

vendor preflixes in css

Front 46

CSS Reset does...

Back 46

resets all the browsers styles
Browsers make assumptions. They all have built in style sheets. A CSS reset is used to level the playing field. Reset first and then begin cascading

Front 47

Bookstrap
Kubed
1140 grid

Back 47

css framework

Front 48

what does the matte option do when saving an optimized image with transparency

Back 48

chooses a colour to rest-on

Front 49

optimization technique for large amounts of code

Back 49

modifying code

Front 50

4 positions available in CSS

Back 50

relative, static, fixed, absolute

Front 51

What is the SVG file format used for?

Back 51

used for XML-based Vector image

Front 52

Is it necessary to include a class or ID in every div element on your website? (explain why, don't say yes or no)

Back 52

not necessary but useful. Organization (of code) and targeting are the main reasons.

Front 53

In what case would you use SVG over GIF or PNG-8

Back 53

two-dimensional graphics that has support for interactivity and animation. They can scale bitmap images while gifs can't

Front 54

Which panel is used to setup FTP in Dreamweaver?

Back 54

manage sites > edit site > server. Then fill in respective information.

Front 55

When linking a CSS file, what does media="screen" target?

Back 55

the way the website is seen on a screen/monitor.

Front 56

Name a tag similar to DIV

Back 56

Span--the difference being a span is inline and div is block”
<header> or <footer> or <p>

Front 57

In CSS shorthand, what does the first, second and third bit/number represent in a hex colour? For example #FFF.

Back 57

first - r value, second - g value , third b -value

Front 58

What's the quickest way to determine which HTML specification is used to make webpage?

Back 58

<!doctype>

Front 59

Which file format would you use to optimize an image with many shades?

Back 59

PNG-24 has the best colour preservation but JPEG has good colour w/ lossy compression

Front 60

What 2 technologies can be used to create open-source animation on websites?

Back 60

JS and CSS can be used to implement open-source animations.

Front 61

What is the primary difference between XHTML and HTML5

Back 61

is it that XHTML follows XML syntax, and HTML5 doesn't

Front 62

What JavaScript library did we use in our labs

Back 62

J Query

Front 63

SVG

Back 63

SVG stands for Scalable Vector Graphics.

SVG defines graphics in XML format.

Front 64

attribute

Back 64

Attributes typically consisted of words such as class (refers to one or more classnames of an element, e.g. style sheet), id (unique “id” or name), style (in line CSS), and title (extra information about an element).

Front 65

ordered and unordered list

Back 65

Unordered lists are typically used for navigation menus (no bullet marks), versus Ordered lists create bullet marks

Front 66

absolute path

Back 66

Links to a specific location, typically using the domain.

Front 67

relative path

Back 67

Links to within your directory. <a href=“docs/file.pdf”>Link</a>
Contains only a directory or file name. Continues to work when moving site from server to server, reference files within your project

Front 68

example of inline (span)

Back 68

Inline: a, strong, em, td, input, span,img.

Front 69

example of block (div)

Back 69

ul/ol, table, form, h1, blockquote, canvas

Front 70

special characters use...

Back 70

&;
ex. &iquest;
(invert question mark)

Front 71

Document Type Definition

Back 71

It tells you browser what language a document is written in. For example: XHTML, XML, HTML...

Front 72

where should javascript be positioned

Back 72

should be in footer.

Front 73

checkbox

Back 73

multiple form list of options

Front 74

radio button

Back 74

single form list of options

Front 75

server side

Back 75

Validates after data received by server. But is slower due to submitting and waiting. Reliable because server interprets data, more secure.

Front 76

client side

Back 76

Validates before data is sent, and relies on browser (JS). Can be turned off by client which can create problems. Uses OnSubmit or OnBlur.

Front 77

frames

Back 77

Webpages within webpages

Front 78

WCAG

Back 78

Web Content Accessibility Guidelines

Front 79

hierarchy

Back 79

The last property to be applied is the one that will take effect. External < Internal < Inline !Important overrides.

Front 80

float property

Back 80

Allows block elements to stack horizontally. Always specify a width. Moves elements to edge of the container. Float: left, right

Front 81

position property

Back 81

Absolute: position relative to container
Relative: position from element origin
Fixed: position which moves with page
Static: normal flow (not moved from element origin)

Front 82

Minifying Code

Back 82

Removing all unnecessary characters from source code.

Front 83

jpeg
gif
ong

Back 83

JPEG: Joint Photographic Experts Group
GIF: Graphic Interchange File:
PNG: Portabe Network Graphic: (8-24 bit)

Front 84

javascript

Back 84

• Controls user-content interactions
• Client-Side
• Open-Source
• Made by Netscape
• One of the first browsers that were open source, this code used to create Mozilla Firefox.

Front 85

▪ AJAX:

Back 85

Asynchronous Javascript Extensible Markup Language

Front 86

▪ JSON

Back 86

Javascript Object Notation

Front 87

cms

Back 87

Content Management System
Used to publish, organize, and maintain information. Centralizes content for easy access.
•Web CMS is a piece of software installed on a server. Info can be stored in different formats.
•Tag and/or categorize, Search Features. Powerful systems can format info according to needs.
•WordPress is a CMS, Tumblr is not.
27 of top blogs use WordPress, 16 use TypePad

Front 88

why word press

Back 88

1-click installer, fully customizable, open source. Themes & plug-ins, ease of use and Wordpress.com Can come with hosting, free.
technologies Used: php, jQUERY, MySQL, CSS3, HTML5, XML, RSS
php: Hypertext Preprocessor
▪ Can call functions within itself
MySQL: Database Function
Both are open source

Front 89

order of operations

Back 89

1. HTTP request sent to server
2. Server uses PHP to query Database for content
3. MySQL database sends content
4. PHP interprets content and adds theme
5. PHP responds with HTML, CSS, and JS code
6. User interacts with page
7. Jquery runs interaction and may send AJAX call

Front 90

wordpress plugins and themes

Back 90

Plug-ins:
• Translation, E-Commerce, Social networks, Email Marketing, Automatic backups, Jquery enhancements, Forms Generators, Caching, Widgets, Security, SEO
Themes:
• HTML layout, visual appearance, Semantic structure, often have plug-ins within, free and premium, template pages, define widgets and menu areas, often require customization, PHP+HTML+CSS+JS

Front 91

search engine optimization

Back 91

• 99% visits to sites come from search engines, Google has 87% market share
• Robots crawl through links, index's analyzing content, ranks accordingly.
• Can create separate robot.txt file found in root directory to help search engine find things.

Front 92

controlling spiders

Back 92

Simple text file which specifies what should be accessed.
Honour system, placed in root directory of site.
Control which spiders have access, blocked items do not appear in results.
• Relative Links

Front 93

sitemap in xml

Back 93

Filename: sitemap.xml
Submitted to search engines, often created server-side. Online tools help create XML.
▪ Specifies page priority, location, modification date, title, frequency of updates.