Web Design Terms

Description

by shante salsberry and justin bollanos
Daydian Castillo
Flashcards by Daydian Castillo, updated more than 1 year ago
Daydian Castillo
Created by Daydian Castillo about 6 years ago
12
0

Resource summary

Question Answer
Browser -a program with a graphical user interface for displaying HTML files, used to navigate the World Wide Web.
URL -an acronym for Uniform Resource Locator and is a reference (an address) to a resource on the Internet.
Application - aka computer program or piece of software designed and written to fulfill a particular purpose of the user.
Web Application - A web application or "web app" is a software program that runs on a web server. Unlike traditional desktop applications, which are launched by your operating system, web apps must be accessed through a web browser.
Website - a place on the internet that contains information about a person, organization, etc., that usually consists of multiple pages joined by hyperlinks.
Blog a regularly updated website typically written in an informal or conversational style.
Vlog - a video blog. Some argue that having a YouTube channel is not the same thing. They say that having your own video website and not just using YouTube’s platform can make a stronger connection with your audience. For instance, people may find you on YouTube, but if you’re selling something, you will want to direct them to your website for them to find out more and make a purchase.
Web Standards - what regulates web technologies in order to ensure long-term progress of the web (Jeffrey Zeldman helped start these).
Front-End - Refers to the part of the web users interact with, like buttons. It uses HTML/CSS (front-end languages) to make what you see.
Back-End - Refers to the part of the web users don’t see. It uses back-end languages (like Javascript) to make it function in terms of storing data, for instance, if you were buying a plane ticket.
Workflow - the sequence of processes through which a project passes from initiation to completion.
Web Designer - this term used to refer to the designer that created web designs using a program like Photoshop, but today most web designers know Photoshop, HTML & CSS.
Photoshop - Image-editing software used in a web design workflow.
Sketch - a web application used to design websites that some web designers like using over Photoshop.
Balsami'q - a web application used to create wireframes that offers pre-made UI elements allowing you to drag and drop to quickly structure the content.
HTML - stands for HyperText Markup Language and it’s the front end code that displays content.
CSS - stands for Cascading Style Sheets and it’s the front end code that styles and arranges content.
Deliverable - something that can be provided to the client to show project development and help with communication to understand client needs/wants before too much work has gone into the project.
Style Tile - a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. (Samantha Warren created this concept.)
Wireframe - a design deliverable that depicts layout and arrangement of the website’s content without the use of typographic style, color, or graphics. It shows the basic structure of a webpage. Can use any program, but some people like Balsamiq.
Mockup - a webpage typically made in Photoshop or Sketch that shows the design only. It includes graphics, colors, typography, etc.
Prototype - an actual webpage built with HTML and CSS. It looks complete, but lacks a lot of functionality.
Low-Fidelity vs. High-Fidelity - this is how simple or how detailed your design deliverables are. Your client may request a certain level of detail in your wireframes, style tiles, design mockups or prototypes (or they might allowing you to decide). You may want to resist against using a high level of detail early on in the project so that you and your client don’t get distracted by details (it saves time and money).
Gutter - The space between columns on a grid.
Grid - A framework of spaced bars that help graphic designers arrange text and images on the page in a way that will look even, attractive and consistent throughout.
GuideGuide - Adobe Photoshop plugin designed to create custom grids.
Code School - An online learning destination for existing and aspiring developers that teaches through entertaining content.
Responsive Web Design - building websites that provide optimal viewing experiences across a wide range of devices. (Ethan Marcotte coined this term.)
User-Friendly - refers to designing a website to be intuitive, easy to navigate and having a clear purpose.
User Interface (aka UI) - a device or program enabling a user to communicate with a computer.
UI Elements - page elements that offer a consistent visual language to represent information on the web. Things like: ● Buttons - Icons that when pressed, activate a function. ● Navigation - A set of buttons, text or images in a row or column that serves as a control point to link the user to sections on a website. ● Forms - Electronic forms are made up of fields where users select options or type in answers to fill out. The data is sent directly to a forms processing application, which enters the information into a database.
User Experience (aka UX) - the overall experience of a person using a product such as a website or computer application, especially in terms of how easy or pleasing it is to use.
Lorem Ipsum - placeholder or dummy text used when copy is not yet available.
Canva - a web app that makes designing social media ads easy.
Show full summary Hide full summary

Similar

The Digestive System
cian.buckley
Mapa Mental - Estilos de Aprendizagem
miminoma
LOGARITHMS
pelumi opabisi
Physics P1
Phoebe Drew
GCSE AQA Biology 1 Cloning & Genetic Engineering
Lilac Potato
Japanese Hiragana
pangcaberte
World War I
Lydia Klein
1PR101 2.test - Část 14.
Nikola Truong
SFDC App Builder 1 (176-200ish)
Connie Woolard
TISSUE TYPES
Missi Shoup
3MA114 Management_test 1/2
Jakub Beyr