Shared Flashcard Set

Details

Learning Web Design Ch.1
Beginning Web Design
52
Computer Science
Professional
04/13/2014

Additional Computer Science Flashcards

 


 

Cards

Term
Production Department
Definition
Responsible for producing HTML and CSS documents.
Term
Web programmer
Definition
Responsible for producing PHP scripts.
Term
Graphic Designer
Definition
Responsible for producing photoshop page sketch.
Term
User experience designer
Definition
Responsible for producing story boards.
Term
The W3C
Definition
Guides the development of Web-related technologies.
Term
JavaScript
Definition
Checks a form field for valid entry.
Term
PHP
Definition
Creates a custom server-side web application.
Term
HTML
Definition
Identifies text as a second-level heading
Term
XML
Definition
Defines a new markup language for sharing financial information.
Term
CSS
Definition
Makes all second level headings blue.
Term
Frontend design
Definition
Concerned with aspects of a site that appear in or are related to the browser.
Term
Backend development
Definition
Involves the programming required on the server for site functionality.
Term
Web-authoring tool
Definition
Provides a visual interface for creating entire web pages, including the necessary HTML, CSS, and scripts.
Term
HTML editors
Definition
Provide only shortcuts to writing HTML documents manually.
Term
interaction design IxD
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
User Experience Designer
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
User-Centered Design
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
Wireframe diagram
Definition
Shows the structure of a web page using only outlines for each content type and widget.
Term
Site diagram
Definition
Indicates the structure of the site as a whole and how individual pages relate to one another.
Term
Storyboards
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
User flow chart
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
Authoring
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
Frontend design
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
Backend development
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
Content Strategist
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
structure
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
presentation
Definition
The way a Web page looks is known as its ________.
Term
JavaScript
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
Web-authoring tools
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
HTML editors
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
Adobe Dreamweaver
Definition
This is the hands-down industry standard due to its relatively clean code and advanced features.
Term
Microsoft Expression Web
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
TextPad
Definition
A simple and inexpensive plain-text code editor for Windows.
Term
Sublime Text
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
Coda by Panic
Definition
Users like its visual workflow, fie management tools, and built-in terminal access.
Term
TextMate by MacroMates
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
Adobe Photoshop
Definition
Undeniably the industry standard for image creation in both the print and web worlds.
Term
Adobe Photoshop Elements
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
Adobe Illustrator
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
Adobe Fireworks
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
Terminal application
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.
Supporting users have an ad free experience!