All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

Similar documents
1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

Objective % Select and utilize tools to design and develop websites.

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

PRODUCTION PHASES CHANGES

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

Identify how the use of different browsers and devices affects the look of a webpage. Competencies

Interactive Media CTAG Alignments

Dreamweaver Exam Notes Questions

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014

Overview of the Adobe Dreamweaver CS5 workspace

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C.

University of Wyoming. Web Accessibility Guidelines

ACA Dreamweaver Exam Notes

Lesson 1: Dreamweaver CS6 Jumpstart

Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.

How to lay out a web page with CSS

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

MRK260. Week Two. Graphic and Web Design

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

ICT IGCSE Practical Revision Presentation Web Authoring

Dear Candidate, Thank you, Adobe Education

Seven Steps to Creating an Accessible PowerPoint Slideshow

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018


Adv. Web Design II 10/13/2011. Technology

How to set up a local root folder and site structure

FrontPage 2000 Tutorial -- Advanced

File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013

Unit 2 Web portfolios using Adobe Dreamweaver CS4

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Tennessee. Trade & Industrial Course Web Page Design II - Site Designer Standards. A Guide to Web Development Using Adobe Dreamweaver CS3 2009

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

COMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910

Objective Explain concepts used to create websites.

Dreamweaver Domain 4: Adding Content by Using Dreamweaver CS5

CT121 Web Design I: Dreamweaver Homework

Dreamweaver MX The Basics

Independence Community College Independence, Kansas

The figure below shows the Dreamweaver Interface.

Web Design, 5 th Edition

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5

COURSE DESIGN ACCESSIBILITY CHECKLIST

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

Web Page, Digital/Multimedia and Information Resources Design CIP Task Grid

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

Web Accessibility Guidelines GO FOR GOLD

A network is a group of two or more computers that are connected to share resources and information.

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Adobe Dreamweaver CS4

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

Adobe Dreamweaver CS3 English 510 Fall 2007

BMS2062 Introduction to Bioinformatics. Lecture outline. What is multimedia? Use of information technology and telecommunications in bioinformatics

IT153 Midterm Study Guide

ADOBE 9A Adobe Dreamweaver CS4 ACE.

Unit 3 Building a basic client website

Web Portfolio Design and Applications

Dreamweaver Domain 6: Evaluating and Maintaining a Site by Using Dreamweaver CS5

Learning DreamWeaver MX 2004

Web Development IB PRECISION EXAMS

Getting Started with Eric Meyer's CSS Sculptor 1.0

ITC 4310, Web Design and Development Course Syllabus. Course Description. Course Textbook(s) Course Software/Tools. Course Learning Outcomes.

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

HTML, XHTML, and CSS. Sixth Edition. Chapter 1. Introduction to HTML, XHTML, and

Adobe Dreamweaver CS5/6: Learning the Tools

Web Publishing Basics I

Software Development Life Cycle (SDLC) Policy ( ) Checklists November 5, 2013

Getting Started with CSS Sculptor 3

Website Design Guide

Designing the Home Page and Creating Additional Pages

Creating Accessible Web Sites with EPiServer

Figure 1 Properties panel, HTML mode

Concepts of Information Technology. Introduction to Windows 8

Microsoft FrontPage. Microsoft Frontpage was designed to allow novice users to create and edit web pages without knowing any HTML.


Website Development (WEB) Lab Exercises

Client Interview. Interview Topics. Goals and Target Audience. Activity 3.1 Worksheet. Client Name:

Oracle WebCenter Content

RoboHelp HTML Training

Website Development with HTML5, CSS and Bootstrap

Greenwood International School Course Description

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

Objective Execute advanced production methods to design and develop websites.

Adobe Dreamweaver CS6 Digital Classroom

Siteforce Pilot: Best Practices

Web Publishing Basics II

Sign in and join ADC Newsletters Feedback. Creating your first website Part 2: Creating the page layout

Adobe Experience Manager (AEM) 5.6 for Forms Portal Voluntary Product Accessibility Template

Lab 1 MonarchPress Product Description. Robert O Donnell CS411. Janet Brunelle. September 20, Version #2

Certificate in Web Designing

Learning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics

Blackboard staff how to guide Accessible Course Design

Transcription:

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain Accessibility Making websites functional for people with visual, auditory, motor, and other disabilities Active Listening A communication technique that takes place when the listener restates or paraphrases what they have heard in their own words Alternative Text Textual descriptions of graphics and other design components on a web page; aids in search engine optimization Browser Compatibility Checks websites for features that don't work correctly, or behave differently, on different browsers. Budget The amount of money the client is willing to spend Cascading Style Sheets (CSS) Program language that separates layout and design features (color scheme, fonts, menu styles, etc.) from the actual content of the website; easiest way to make site-wide design changes; CSS files combine with HTML file to create a complete website; common format of downloadable templates found on the Web Child Page A page that is conceptually subordinate or below another Class Style Allows you to set a style to multiple element or tags in a document Cloud Storage Technology that allows a working document or project to be stored electronically and accessed by different parties Code View Can view and edit the source code for the current document Compatibility Refers to the ability of a web application or HTML code to work effectively with all browser platforms Content All of the information text, images, and other multimedia that are contained within the pages of a website Copyright The exclusive legal right to reproduce, publish, sell or distribute the expression of an intellectual property (literature, design, audio, video, etc.) Creative Commons Free, easy-to-use copyright licenses provide a simple, standardized way to give the public permission to share and use your creative work on conditions of your choice Debug The methodical process of finding and reducing the number of errors in a computer program making it behave as expected Deliverables Completed products requested by client (design, website, app, video, etc.) Design Panel Dreamweaver lets you visually create and edit web pages in design view without worrying about the underlying source code Div Tag An HTML tag that defines logical divisions within the content of a web page Editable Region Content users can edit in a document based on that template, enable template authors to control which page elements template users can edit

External Style Sheets The most commonly used way to apply a style sheet where all of the styles and rules are contained in one central, separate text file Fair Use A legal allowance of using a copyrighted material without permission from the owner, provided the circumstances are reasonable and do not make the material less profitable Feedback Verbal or written responses containing information about a client s reaction to a designer s performance of a task Files Panel Enables you to view files and folders, whether they are associated with a Dreamweaver site or not, perform standard file maintenance operations, such as opening and moving files Flowchart A graphic organizer that creates a visual representation of the components, sequences, and inter-relationships of a proposed project Graphical User Interface Buttons and image maps that allow users to interact with the site and access information quickly Graphics Optimization Designing and exporting graphics with the specific purpose of using it on a website; allows for quicker loading times Hexadecimal HTML colors are defined using a hexadecimal notation for the combination of red, green, and blue color values (RGB), HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign Hotspot Specify a particular area as a link; can be drawn over a block of space, words, or an image HTML Attributes Customize a tag and are defined within the opening tag HTML Tags The hidden keywords within a web page that define how the browser must format and display the content Hyperlinks Clickable connections that link text or images to other pages of the website, out to external websites, or to files posted on a website Hypertext Markup Language(HTML) Program language that creates basic framework for all web pages; written using tags that a web browser uses to interpret the code and generate the content on the webpage; tags denote structured elements like headings, paragraphs, lists, etc. ID Style Allows the user to specify their own selectors called "id" and "class Image Map A single graphic that is divided into sections and linked to different locations Insert Panel Contains buttons for creating and inserting objects such as tables and images Intellectual Property Original creations of the mind that can be protected by law; literary and artistic works, designs, symbols, images, names, etc. Internal Style Sheets A CSS document embedded into the HTML file, when using internal CSS you must add a new tag, <style>, inside the <head> tag Keywords User-defined words or phrases that help a search engine s algorithms select a group of words that can be searched to find your website Link Target The target attribute specifies a window or a frame where the linked document is loaded Live View An interactive preview that accurately renders HTML5 projects and updates in real time to show your changes as you make them in Dreamweaver.

Mailto Link Allows users clicking a link in a website to send an e-mail without first having to copy the destination e-mail address and open an e-mail client Meta Tags Contain elements that describe the information on the page, which is used by search browsers Mobile Device Compatibility Checking or validating that your website behaves as expected across the combination of mobile devices and browsers that your customers will be using. Navigation The system that a visitor can use to move around a website (global navigation, breadcrumb trails, related links, pagination (previous/next page), footer navigation, etc.) and the visual manifestation of such systems (hyperlinked text, tabs, buttons, etc.) Page Layout A way of organizing information on a web page; ensures the information on a page can be easily located Page Ranking A determination of how easy it is to find a website through search engines; the higher the ranking, the more traffic the website will have Parent Page The page that contains the link to the selected object Pathname A statement of the location of a file or other item in a hierarchy of directories Plugin A software component that adds a specific feature or function to a webpage, well-known browser plug-ins include the Adobe Flash Player, QuickTime Player, and Java plug-in Preview in Browser Dreamweaver feature that allows you to preview your web pages in the browser of your choice. Project Management The application of processes, methods, knowledge, skills and experience to achieve the project objectives Project Plan Helps move a project successfully to completion, includes deciding project scope, client criteria, project deliverables, and distribution of responsibilities Project Scope Identifying audience, goals, and objectives Proofreading The careful reading of a publication to detect and correct production errors of text or art Properties Panel Lets you examine and edit the most common properties for the currently selected page element, such as text or an inserted object Redesign Uses the provided feedback to make changes to the original project with the ultimate goal of meeting the client s needs, could occur several times throughout the time span of a particular project Relative Div Tag Used with other positioning attributes will move from where it would NORMALLY be Relative Link Starts from the home page or root folder of the website and creates a path to the destination of the link Remote Folder Stores your files for testing, production, collaboration, and is located on the same computer as the web server.

Research View a collection of similar projects for ideas and inspiration, research possible copyright or trademark issues associated with the nature of the project, find assets (pictures, audio, video, etc.) needed to create the project Rollover Feature that indicates interactivity to the user; normally causes a component of a web page to visually change when the user s cursor hovers over it Root Folder A central location of storage for every file involved in designing a website; allows the website to be portable from computer to computer. Schedule Setting deadlines for each project phase and task Scope Creep Incremental expansion of the project scope, introducing features not originally planned Screen Reader Recites text that appears on the computer screen, as well as, non-textual information, such as button labels or image descriptions, provided during designing Search Engine Websites that organize and retrieve information located on the Internet Search Engine Optimization (SEO) Involves designing websites with the intention of helping search engines best Skin A preset package containing additional or changed graphical appearance details often used for video or audio controls Source Code Program or web page instructions in their original form Split View Can see design and code views Tables A powerful tool for presenting tabular data and for laying out text and graphics on an HTML page Tags Could be page titles, paragraph titles, image tags, or even meta tags that are hidden in the code of a website; help search engines find and organize the information on a website Template A special type of document that you use to design a fixed page layout; you can then create documents based on the template that inherit its page layout Testing Server The folder where Dreamweaver processes dynamic pages. Text Editor - Simple text editing program used to write or edit web design code; does not show a visual component Trademark A mark (logo, symbol, word, phrase, etc.) legally registered or established by a company to represent a service or product; cannot be used without the permission of the owner Usability Good web usability involves effectiveness, efficiency and satisfaction of the website being used. Visual Editor - Design software that manipulates components of the web page without the user writing or editing code Web Crawlers Computer programs that crawl through the pages of a website to find tags, keywords, and other information Web Form An interactive feature that allows a user to submit information Web-safe Colors Consist of 216 colors that display solid, non-dithered, and consistent on any computer monitor, or web browser, capable of displaying at least 8-bit color (256 colors)

Website Hosting The activity or business of providing storage space and access for websites Wireframe A visual guide to how web page content will be organized; assists in the arrangement and scaling of design components WYSIWYG What You See Is What You Get