Website Design And Implementation

Question 1

Advantages of wire framing

Answer 1

No need to create a fully working web page in order to give clients a clear idea of the look and feel of the designed website
Fast to produce
Navigation structure and user interface can be tested and refined pre implementation
Development needs identified before coding begins

Question 2

High definition wire frame

Answer 2

Includes additional details such as font sizes, fonts and colour
Takes longer to produce but closely resembles the final web page

Question 3

Site Structures

Answer 3

Developers will create a map showing the website structure
Includes a brief note on the content of each page
Shows the different levels in the site structure

Question 4

HTML: Page Structures

Answer 4

HTML is a descriptive language used to describe the position and attributes of each object in the web page
Contain only text which an include the location of other stored files such as graphics, sound and video
Loaded by the browser when web page is displayed

Question 5

HTML document structure

Question 6

Body contains

Answer 6

Visible content of the webpage

Question 7

Head contains

Answer 7

Title, scripts, styles and meta information

Elements not displayed on the web page

Question 8

Cascading Style Sheets

Answer 8

Used to store style information from the HTML

When web page is displayed styles are taken from the linked CSS file and applied to HTML tags

Question 9

Advantage of style sheets

Answer 9

Can be linked to multiple web pages
This allows a whole website to be controlled by the styles stored in a single file
If multiple CSS files are created then the same HTML document can be displayed in multiple views - can be viewed on a small smartphone screen or read by a visually impaired user who prefers larger text

Question 10

IDs and Classes (HTML)

Answer 10

User-defined styles that are not associated with a specific HTML tag
IDs may only be assigned to a single tag, classes can be used multiple times

Question 11

If two styles are applied then the browser decides which to apply using the rule

Answer 11

IDs are most important
Then classes
Then HTML tag styles

Question 12

Interaction

Answer 12

Offers the user options to click on
Website responds to these by;
Changing page content 
Playing a video or animation
Moving/Revealing an object
Giving feedback to the user

Question 13

Dynamic web page

Answer 13

Any website which changes its contents

Common uses of dynamic content is to have an area of the page that displays a repeating set of graphics

Question 14

Interactive and dynamic content is created by

Answer 14

HTML/CSS
JavaScript
PHP
Flash

Question 15

HTML/CSS create dynamic web pages by

Answer 15

Creation of dynamic layouts which react to different hardware or user selections

Question 16

JavaScript creates dynamic web pages by

Answer 16

Animates page contents, allows user keyboard input and response
Loads new page data
Submits data to a server

Question 17

PHP creates dynamic web pages by

Answer 17

Links to SQL databases
Collect information from users
Dynamically generates web pages using database data

Question 18

Flash creates dynamic web pages by

Answer 18

Creates full multimedia content

Eg Games/slideshows

Question 19

Database Driven website

Answer 19

Any website which allows its users to search through stored information

Question 20

Amazon search example for allowing users to search through a database

Answer 20

1 Web page uses embedded code to send search criteria to Amazons web server
2 Script is then run, requests that correct information is filtered from database fields/records
3 Database server returns results which match criteria to web server
4 Code on web server generates HTML document with information received from database server to be received and displayed by the browser

Question 21

Dynamic web page facts

Answer 21

Dynamic web pages created by database searches exist solely for that user
Most common scripting language used to dynamically generate web pages is PHP

Question 22

Wire framing

Answer 22

Skeleton outline of a websites layout or design
Contains no content but shows clearly the size and position of the main site components
Navigation, text boxes, graphics and advertising
Hand drawn or produced using software