Term
|
Definition
| Responsible for producing HTML and CSS documents. |
|
|
Term
|
Definition
| Responsible for producing PHP scripts. |
|
|
Term
|
Definition
| Responsible for producing photoshop page sketch. |
|
|
Term
|
Definition
| Responsible for producing story boards. |
|
|
Term
|
Definition
| Guides the development of Web-related technologies. |
|
|
Term
|
Definition
| Checks a form field for valid entry. |
|
|
Term
|
Definition
| Creates a custom server-side web application. |
|
|
Term
|
Definition
| Identifies text as a second-level heading |
|
|
Term
|
Definition
| Defines a new markup language for sharing financial information. |
|
|
Term
|
Definition
| Makes all second level headings blue. |
|
|
Term
|
Definition
| Concerned with aspects of a site that appear in or are related to the browser. |
|
|
Term
|
Definition
| Involves the programming required on the server for site functionality. |
|
|
Term
|
Definition
| Provides a visual interface for creating entire web pages, including the necessary HTML, CSS, and scripts. |
|
|
Term
|
Definition
| Provide only shortcuts to writing HTML documents manually. |
|
|
Term
|
Definition
| _______ is the creation and definition of the structure and behaviors of a system, product or service. Its origins are in industrial design and HCI. Goal is to make the site as easy, efficient, and delightful to use as possible. |
|
|
Term
| User Interface Design (UI) |
|
Definition
| Closely related to IxD, __________ tends to be more narrowly focused on the functional organization of the page as well as the specific tools (buttons, links, menus, and so on) that users use to navigate content or accomplish tasks. |
|
|
Term
|
Definition
| Takes a more holistic view-ensuring the entire experience with the site is favorable. Based on a solid understanding of users and their needs based on observation and interviews. |
|
|
Term
|
Definition
| The approach of designing around the user's needs, desires, and limitations of users as it is central to the design of the site or Web application. |
|
|
Term
|
Definition
| Shows the structure of a web page using only outlines for each content type and widget. |
|
|
Term
|
Definition
| Indicates the structure of the site as a whole and how individual pages relate to one another. |
|
|
Term
|
Definition
Traces the path through a site or application from the point of view of a typical users.
Aims to demonstrate the steps it takes to accomplish tasks, outlines and possible options, and also introduces some standard page types. |
|
|
Term
|
Definition
| A method for showing how the parts of a site or application are connected that tends to focus on technical details rather than telling a story. |
|
|
Term
|
Definition
| The process of preparing content for delivery on the Web, or more specifically, marking up the content with HTML tags that describe its content and function. |
|
|
Term
|
Definition
Refers to any aspect of the design process that appears in or relates directly to the browser.
Tasks:
-Graphic design and image production
-Interface design
-Information design as it pertains to the user's experience of the site
-HTML document and style sheet development
-Javascript |
|
|
Term
|
Definition
Refers to the programs and scripts that work on the server behind the scenes to make web pages dynamic and interactive. In general, this falls in the hands of experiences programmers, but it is good for all web designers to be familiar with it.
Tasks:
-Information design as it pertains to how the information is organized on the server
-Forms processing
-Database programming
-Content management systems
-OTher server-side web applications using PHP, JSP, Ruby, ASP.NET, Java, and other programming languages. |
|
|
Term
|
Definition
| Makes sure that every bit of text on a site, from long explanatory text down to the labels on buttons, supports the brand identity and marketing goals of the company. |
|
|
Term
| Information Architect (or Information Designer) |
|
Definition
| Organizes the content logically and for ease of find-ability. She may be responsible for search functionality, site diagrams, and how the content and data is organized on the server. |
|
|
Term
|
Definition
| The markup indicates the document's underlying ________ (you can think of it as a detailed, machine-readable outline). |
|
|
Term
| Hypertext Markup Language (HTML) |
|
Definition
The language used to create web page documents.
It is a markup language which means it is a system for identifying and describing the various components of a document such as headings, paragraphs, and lists. |
|
|
Term
| Cascading Style Sheets (CSS) |
|
Definition
| Describe how the content should look. Fonts, colors, background images, line spacing, page layout, and so on, are all controlled with this. |
|
|
Term
|
Definition
| The way a Web page looks is known as its ________. |
|
|
Term
|
Definition
A scripting language that is used to add interactivity and behaviors to web pages, including these (just to name a few):
Checking form entries for valid entries
Swapping out styles for an element or an entire site
Making the browser remember information about the user for the next time she visits
Building interface widgets, such as expanding menus |
|
|
Term
| Document Object Model (DOM) Scripting |
|
Definition
| The standardized list of web page elements that can be accessed and manipulated using JavaScript (or another scripting language). |
|
|
Term
|
Definition
Similar to desktop publishing tools, but the end product is a web page (an HTML file and its supporting files).
Adobe Dreamweaver
Microsoft Expression Web
Nvu |
|
|
Term
|
Definition
Designed to speed up the process of writing HTML by hand.
TextPad
Sublime Text
Coda by Panic
TextMate by MacroMates
BBEdit by Bare Bones Software |
|
|
Term
| Image-editing and drawing software |
|
Definition
Adobe Photoshop
Adobe Photoshop Elements
Adobe Illustrator
Adobe Fireworks
Corel Paint Shop Pro Photo
GIMP, "GNU Image Manipulation Program" |
|
|
Term
|
Definition
| This is the hands-down industry standard due to its relatively clean code and advanced features. |
|
|
Term
|
Definition
| Part of Microsoft's suite of professional design told, this tool boasts standards-compliant code and CSS-based layouts. |
|
|
Term
| Nvu (pronounced N-view, for "new view") |
|
Definition
| An open source tool that matches many of the features in Dreamweaver. |
|
|
Term
|
Definition
| A simple and inexpensive plain-text code editor for Windows. |
|
|
Term
|
Definition
| Inexpensive and up-and-coming text editor that looks stripped down but has a lot of functionality (like color coding and full code overviews) that developers love. |
|
|
Term
|
Definition
| Users like its visual workflow, fie management tools, and built-in terminal access. |
|
|
Term
|
Definition
| This advanced text editor features project management tools and an interface that is integrated with the Mac operating system. It is growing in popularity because it is customizable, feature-rich, and inexpensive. |
|
|
Term
| BBEdit by Bare Bones Software |
|
Definition
| Lots of great shortcut features have made this the leading editor for Mac-based web developers. |
|
|
Term
|
Definition
| Undeniably the industry standard for image creation in both the print and web worlds. |
|
|
Term
|
Definition
| This lighter version of Photoshop is designed for photo editing and management, but some hobbyists may find that it has all the tools necessary for putting images on web pages. |
|
|
Term
|
Definition
| Because designers need to create logos, icons, and illustrations at a variety of sizes and resolutions, many start with a vector image in Illustrator for maximum flexibility. You can output web graphics directly from ________, or bring them into Photoshop for additional fine-tuning. |
|
|
Term
|
Definition
| This web graphics program combines an images editor with tools for creating vector-based illustrations. It also features advanced tools for outputting web graphics. |
|
|
Term
| Corel Paint Shop Pro Photo |
|
Definition
| This full-featured image editor is popular with the Windows crowd, primarily due to its low price. |
|
|
Term
| GIMP, "GNU Image Manipulation Program" |
|
Definition
| This free image-editing program is similar to Photoshop. |
|
|
Term
| A file-transfer protocol (FTP) program |
|
Definition
| Enables you to upload and download files between your computer and the computer that will serve your pages to the Web. |
|
|
Term
|
Definition
| Allows you to type Unix commands on the server. This may be useful for setting file permissions, moving or copying files and directories, or managing the server software. |
|
|
