Website Flashcards
Describe a linear website structure.
In this structure each page is simply linked to the one before. This only really works if the website has very few pages.
Describe a hierarchical navigation website structure.
A hierarchical navigation structure is tree-like in its nature. The home page is at the top. Underneath it breaks into categories which can be further broken into different sub-categories.
Describe a multi-level navigation website structure.
‘Multi-level’ navigation is often used to organise pages in a logical fashion, meaning that hierarchical structures are extended to include sub-pages, sub-sub-pages, and so on. e.g. Amazon
What is CSS used for?
CSS stands for Cascading Style Sheets and they define how the different elements of a web page are to be displayed (The presentation)
What are some advantages of CSS?
The layout of many documents or even an entire website can be controlled from one style sheet, reducing the amount of code required for formatting.
The developer gets a more precise control over layout than by using HTML tags.
Several different stylesheets can be used to change the look of a site according to users’ preferences.
What is meta-tags and where are they found in the HTML?
They are used to specify page description, keywords, author of the document last modified and other metadata. They are found in the head tag of the HTML.
What is a static web page?
A static web page is one that does not change every time it is loaded, or if the user clicks on a button. They look the same and the content shown on the screen does not change unless the hyperlink is clicked or a new version of the web page is uploaded.
What is a dynamic web page?
A dynamic web page is a web page that displays different content each time it is viewed. For example, the web page may change with the time of day, the user that accesses the web page, or the type of user interaction.
Why is separating HTML and CSS useful?
Saves time by reusing code
Find errors quicker.
More organised.
What is the CSS syntax?
They are made up of a selector and a group of attributes called the declaration with a property and value.
What are the advantages to static website?
quick to develop, cheap to develop and cheap to host.
What are the disadvantages to a static website?
requires web development expertise to update, not as useful for user, content can get outdated.
What are the advantages to a dynamic website?
more functional, easier to update, helps in search engines
What are the disadvantages to a dynamic website?
slower, more expensive to develop. Hosting costs a little more.
What is an interactive websites?
An interactive web page is one that requires the user to click on buttons or other elements and interact.
What do style sheets allow us to do?
Style sheets allow us to separate the look and feel of a web page from its content and structure.
Style sheets allow us to make sure pages on a website are consistent in appearance.
What is scripting?
including sections of program code in your website, to help it more dynamic or interactive
What is client-side scripting?
a section of code is sent to the client computer and executed there, in the browser. Commonly used to add interactive elements to the website. e.g. Javascript.
what is server-side scripting?
a section of code is executed by the web page, used to create dynamic webpages, often connected to a database on the server. e.g. PHP
What is JavaScript?
is a scripting language used to control the behavior of webpages.
What is SQL?
a language used to access and manipulate databases (add/delete/modify records)
What is lossless compression?
reduces file sizes without removing any data e.g. GIF/PNG
What is lossy compression?
reduces file size by removing some data e.g. JPEG/MP3/MP4
Give a description of SEO (search engine optimization)
the process of improving the ranking of your website in search engine results in order to increase traffic
Give 3 SEO techniques.
use metatags.
use concise URLs
unique, concise, descriptive title in title tag
What is a web crawler?
a piece of software which follows links from web page, analyses the text on each page, and indexes the pages with related keywords.
What do search engines used to find relevant pages when carrying out a search?
web crawlers.
how can load times be reduced?
single CSS file to hold all the formatting info for the site.
putting all javascript in a single external file
reduce internal commentary/white space.
how can web accessibility be improved?
make text content easily readable and understandable.
make all functionality accessible from the keyboard.
how can usability be improved?
make main navigation easily identifiable, with easy to find links.
use consistent style throughout
What is beta testing?
testing on the final website before it goes live. testers can be anyone not involved e.g. potential costumers. Identify any problems that occur in normal use.
What is usability testing?
involves testing how easy the website is to use.
What is eye-tracking?
analyse the way in which a user reads the info on a webpage, this can help in adjusting the layout to focus attention
What is think aloud testing?
think aloud testing involves users describing their thought process when completing a task. - identifying design issues.
Wireframes can be drawn or digital. Give 2 advantages of a designer using a digital wireframe when meeting with a client.
Allows the user to view a prototype on screen and interact with some of the functions and features.
State one part of a website that is generated using client-side scripting.
Search facility
Register / sign in links
Images
Validating inputs
State one part of a website that is generated using server-side scripting.
Data output from webserver (lists of cookies. Members etc)
Data to be returned after a Search query
