• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/136

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

136 Cards in this Set

  • Front
  • Back
From what two locations in Dreamweaver can a new document be created?
From the Welcome Screen or by choosing File > New.
In what three views does Dreamweaver allow you to view and edit documents?
Design, Split, and Code views.
True or False: When a web page is requested, it is delivered to a user's browser as a completed, flat file ready for viewing.
False. Files are delivered individually; the browser uses HTML code to assemble the resources together to display a finished page.
What characters should you avoid using when naming your site, and why?
Avoid using spaces (use underscores instead), periods, slashes, or an other unecessary punctuation in your site name, as doing so will likely cause the server to misdirect your files.
How is the local root folder essential to the creation of your site?
It's essential that you store all your site's resources in your local root folder to ensure that the links you set on your computer will work when your site is uploaded to a server. In order for your links to work properly, all the elements of your site must remain in the same relative location on the web server as they are on your hard drive.
Where can you view, select, open, and copy files to and from your local root folder, and to and from remote and/or testing servers?
Dreamweaver provides the Files panel to help you manage files locally and also so that you can transfer them to and from a remote server. You can view, select, open, and copy files to and from your local root folder, and to and from remote and/or testing servers, in this panel.
Of the two most common image formats used on the Web, which is better suited for saving a logo?
Because logos usually contain a lot of hard edges and solid areas of color, the GIF format is the most appropriate choice.
If an inserted image is too small, can you make it larger by increasing its size in the Property Inspector?
Yes, it is possible to increase the display size of an image; however, doing so reduces image quality.
How do you insert a copyright symbol (©) in Dreamweaver?
Use the Characters drop-down menu in the Text tab of the Insert bar.
What are the four types of selectors that can be chosen when creating a new CSS rule?
Tag, Class, ID, and Compound (which includes contextual and pseudo-class selectors).
In what three places can styles be defined?
Inline (written directly into a tag), internal (embedded inside a specific page using the
True or False: A style sheet is composed of several CSS rules and their properties.
True. A style sheet can contain many CSS rules and their properties.
In what two ways can elements be automatically created for the purpose of layout in Dreamweaver?
By using the Draw AP Div and Insert AP Div Tag buttons, located in the Layout section of the Insert panel.
Which one of the following two buttons requires you to assign an ID name: the Draw AP Div button or the Insert AP Div button?
The Insert AP Div button requires you to assign an ID name if it is a new ID, or choose a pre-existing ID name. The Draw AP Div button creates a generic name for your divs.
What is the overflow property and why would you use it?
The overflow property allows you to change the way a box appears if there is too much content. For example, an overflow set to auto creates a scroll bar if there is more content than can fit in the box.
The float property allows you to float an element to the left, right and center. True or False?
False. The float property only has three values: left, right, and none. You cannot float an element to the center.
What are the three possible values for the clear property? Name a situation where you might use this property.
You can apply the clear property to an element with one of the following values: left, right, or both. Elements with a clear property do not allow a floated element to the side specified. A common situation where you might use this would be when you need the footer element on your page to appear below any floated columns.
How would you apply padding to a floated column?
Select the style for the column in the CSS Styles panel that you want to apply padding to by double-clicking on it. Once the CSS Rule Definition panel appears, click the Box category. Then set a value for padding.
How would you add a CSS Transition to a document in Dreamweaver CS6?
CSS Transitions can be added by going to the menu bar and choosing Window > CSS Transitions.
Where can you find the available list of properties that can be animated using CSS properties?
You can find the list of CSS properties that can be animated by clicking the + sign located below the Property section in the CSS Transitions window.
Name at least one benefit and one drawback of web fonts in Dreamweaver CS6.
Some benefits of web fonts in Dreamweaver include the variety of choices available for use in your designs, the ease of adding multiple fonts using the Web Manager, and the fact that web fonts will work in virtually all browsers. Drawbacks to web fonts include the need to use fonts with a specific web license (which means your favorite font may not be available for web use), the fact that Dreamweaver does not display them reliably in the Design view, and the fact that even if a font is licensed for web use, it may not be optimized for the computer screen.
What's the difference between a percentage-based table and a fixed-width table?
A percentage-based table stretches to fit the size of the browser window. A fixed-width table does not resize because it is pixed-based.
What is tabular data and how does it relate to tables in Dreamweaver?
Tabular data is text often exported from a database or spreadsheet in a delimited format. Dreamweaver creates tables from these files through the Import Tabular Data command found in the File menu. Rows and columns are automatically created in Dreamweaver based on the structure of the text file.
Name an advantage and a disadvantage of using CSSto style your tables.
One advantage of using CSS to style tables is the ability to link a single style to multiple tables using an external style sheet. A disadvantage might be that the process requires more time in the beginning, and a good understanding of HTML table tags and CSS selectors.
It is possible to resize the document window to preview how a web page will appear on different users' monitors?
Yes. The Window Size drop-down menu at the bottom of the document window contains a number of preset sizes that correspond to common monitor sizes.
How can you position guides on the page without dragging them?
To more exactly position guides, simply double-click on any guide to open the Move Guide dialog box.
Are tabs the only way to organize open documents?
No. If you prefer to use tiling, you can choose Window > Tile Vertically or Tile Horizontally to place two documents side by side. (On a Mac OS, you can choose Window > Tile.)
When inserting a Flash animation, what type of file is inserted into the web page?
When a Flash animation is inserted into a page in Dreamweaver, an .swf file is used.
What plug-in is needed to view an .flv file?
In order to view an .flv file, a user must have the Flash Player plug-in installed on their computer.
What is a skin when referring to a Flash Video file?
A set of controls on the bottom of the video that control video playback.
What are two key differences between snippets and library items?
Snippets are stored as part of the Dreamweaver application, and are available, regardless of which site or document you're working on; library items are specific to a site definition. Copies of a snippet never update when the original snippet is edited; a library item updates all instances of itself throughout a local site when a change is applied to it.
How do you add a new snippet to a page in Dreamweaver?
You can drag a snippet from the Snippets panel onto the page, or position your cursor in the page and double-click the snippet in the Snippets panel.
Where are library items and page templates stored? Which panel do you use to manage them?
Library items and page templates are stored in the Library and Templates folders (respectively) under your local site. You can manage both, using their specific categories on the Assets panel.
What happens to pages based on a template when you modify the original template?
Dreamweaver updates all pages based on that template to reflect any changes made to the original template.
True or false: Repeating regions are automatically editable in pages that use them.
False: You must first set editable regions within a repeating region to add content.
What is the purpose of working in the Code view in Dreamweaver?
The Code view is a hand-coding environment for writing and editing HTML, JavaScript, server-language code such as PHP and ColdFusion, and any other kind of code.
When are the code formatting options that you specify in Code Format preferences applied?
The code formatting options that you specify in Code Format preferences are automatically applied only to new documents that you subsequently create with Dreamweaver. However, you can apply new formatting preferences to existing documents using the Apply Source Formatting command.
What advantages are there in using the tag selector to select, edit, and remove HTML code?
You can use the tag selector to select, edit, and remove tags without exiting the Design view. The tag selector, situated in the status bar at the bottom of the document window, displays a series of tags that correspond to elements on your page.
How do you know where invalid code exists in your document and how to fix it?
With the Highlight Invalid Code option selected, Dreamweaver highlights invalid code in yellow in both the Design and Code views. When you select a highlighted section, the Property Inspector offers information on how to correct the error.
Why is it important to add a form element when building a web form in Dreamweaver?
The form element serves as a container for the fields you'll be adding to the form. If you simply add form fields to a page in Dreamweaver, the user's browser won't know what to do with the user's information when they click the Submit button. To identify this information as part of a package, and to specify the route that information should take when submitted, you need to create a Dreamweaver form.
When should you use a radio button group, as opposed to a set of checkboxes, in a form?
The difference between adding checkboxes and radio buttons in a form is that from a group of radio buttons, only a single option can be selected. Checkboxes allow the selection of multiple options.
How does CSS add creativity and efficiency to the form creation process?
Because CSS allows you to apply several formatting attributes with a single mouse click, both static and dynamic content (such as form fields) can be successfully and creatively styled using CSS. CSS also streamlines your workflow by allowing you to revisit CSS files and change the included style rules once you've completed the initial styling.
What do you need in order to collect the form data that a user enters into your form?
You can't collect form data without using a server-side script or application such as CGI, JSP, or ASP to process the data. CGI scripts are the most popular form of server-side scripting mechanism to process form data. Several websites offer free CGI scripts that you can use. Your site's ISP may also provide CGI scripts for you.
Where would you access the different JavaScript actions that can be applied to a button in Dreamweaver?
The Behaviors panel provides a means for you to add JavaScript code to your page without actually having to type in the code. The code it inserts adds interactivity to your site, and is usually triggered by some user action. For example, when the user clicks on or hovers over a link, the behavior performs a task. Behaviors are commonly used to add rollovers, open new windows, check for plug-ins, and add navigation elements. You use the Behaviors panel to add, modify, remove, or reorder behaviors.
What are the four Spry Widgets that you can use for navigation and content presentation?
The Spry Menu bar, Spry Accordion panel, Spry Tabbed panel, and Spry Collapsible panel.
What is the significance of the Spry Assets folder that is copied to your site when using a Spry Widget?
It contains necessary support files such as CSS, JavaScript, and image files that your widgets need in order to function.
What must first be created before you can use a Spry Data Widget?
A Spry Data Set.
What are the two main functions of the Multiscreen Preview feature in Dreamweaver CS6?
The two main functions of the Multiscreen Preview feature are: 1) To show you a preview of your current web page in three views (Phone, Tablet, and Desktop); 2) To create the rules for any media queries you would like to add to your site.
Min-width and max-width are two examples of media queries. Describe a scenario in which you would use the min-width media query and describe a scenario in which you would use the max-width media query.
The min-width media query can be interpreted as "greater than or equal to" and the max-width media query can be interpreted as "less than or equal to." For example, if you have a media query that uses a min-width value of 700 pixels, a style that applies only to screens 700 pixels wide or higher is set. A media query that uses a max-width value of 320 pixels means a style that applies only to screens 320 pixels wide or less is set.
What is a site-wide media query file?
A site-wide media query file is an external style sheet that imports other external style sheets based on rules you have created for the width of a user's screen.
When you create a new fluid grid layout, what defaults can you change in the very first step of the process?
When creating a new fluid grid layout, you are prompted to set up the number of columns for your mobile, tablet, and desktop layouts. Additionally, you can change the percentage width of each of these layouts, and within the mobile layout, you can change gutter space between columns.
What does FTP stand for, and what is it used for?
File Transfer Protocol. FTP is used to connect to and transfer files between your local machine and a web server.
What three purposes do document titles serve, and why are they important?
Document titles display a title at the top of the browser window, in a user's bookmarks bar, and are an important hook for search engines.
What are three possible pre-flight checklist items you need to address before launching a website?
a. Enter and test your FTP connection information in the Site Definition panel. b. Run site reports to rectify any potential design or accessibility issues, such as missing alternate text for images or empty document titles. c. Run the Link Checker site wide to check for broken links between pages or incorrect image references.
Where can you access the command to display or hide any panel?
All panels are listed in the Window menu.
Where can you find the Code, Design, and Split view buttons?
These buttons are components of the Document toolbar.
What can be saved in a workspace?
Workspaces can save the configuration of the document window, the open panels, and the panels' size and position on the screen.
Do workspaces also load keyboard shortcuts?
No, keyboard shortcuts are loaded and preserved independently of a workspace.
What happens in the Property Inspector when you insert the cursor into various elements on the webpage?
The Property Inspector adapts to the selected element, displaying pertinent information and formatting commands.
What programs can open HTML files?
HTML is a plain-text language that can be opened and edited in any text editor and viewed in any web browser.
What does a markup language do?
A markup language places tags contained within brackets <> around plain-text content to pass information concerning structure and formatting from one application to another.
True or false? HTML5 is not very different from HTML 4.
False. Over 30 tags have been deprecated from HTML 4, and almost 50 new tags have been added to HTML5. That means almost half of the entire language has changed since it was released in 1998.
What are the three main parts of most webpages?
Most webpages are composed of three sections: a root, head, and body.
What's the difference between a block element and an inline element?
A block element creates a stand-alone element. An inline element can exist within another element.
Should you still use HTML-based formatting?
No. HTML-based formatting was deprecated in 1997 when HTML 4 was adopted. Industry best practices recommend using CSS-based formatting instead.
What does CSS impose on each HTML element?
CSS imposes an imaginary box on each element and can then apply borders, background colors and images, margins, padding, and other types of formatting.
True or false? If you do nothing, HTML elements will feature no formatting or structue.
False. Even if you do nothing, many HTML elements feature built-in formatting.
What four "theories" affect the application of CSS formatting?
The four theories that affect CSS formatting are cascade, inheritance, descendant, and specificity.
What is the difference between block and inline elements?
Block elements create stand-alone structures; inline elements appear at the insertion point.
True or false? CSS3 features are all experimental and you should not use them at all.
False. Many CSS3 features are already supported by modern browsers and can be used today.
What thee questions should you ask before starting any web design project?
What is the purpose of the website? Who is the customer? How did they get here? These questions, and their answers, are essential in helping you develop the design, content, and strategy of your site.
What is the purpose of using thumbnails and wireframes?
Thumbnails and wireframes are quick techniques for roughing out the design and structure of your site without having to waste lots of time coding sample pages.
What is the advantage of inserting the banner as a background image?
By inserting the banner or other large graphics as a background image, you leave the container free for other content.
How can you insert the cursor before or after an element without using Code view?
Select an element using its tag selector, and press the Left Arrow or Right Arrow key to move the cursor before or after the selected element.
How does the Code Navigator assist in designing your website layout?
The Code Navigator serves the role of a CSS detective. It allows you to investigate what CSS rules are formatting a selected element and how they are applied.
What advantages can be had by using HTML5-based markup?
HTML5 has introduced new semantic elements that help to streamline code creation and styling. These elements also allow search engines, like Google and Yahoo, to index your pages more quickly and effectively.
How do you attach an existing external style sheet to a webpage?
In the CSS styles panel, choose Attach Style Sheet. In the Attach External Style Sheet dialog box, choose the desired CSS file and select the media type.
How can you target a specific type of formatting to content in a webpage?
You can create a custom class or ID using descendant selectors to target formatting to specific elements or element configurations on a page.
What method can you use to hide specific content on a webpage?
In the style sheet, set the Block display property of the element, class, or ID to none to hide any content you don't want to display.
How do you apply an existing CSS class to a page element?
One method is to select the element and then choose the desired style from the Class menu in the Property inspector.
What is the purpose of creating style sheets for different media?
Creating and attaching style sheets for different types of media enables the page to adapt to applications other than web browsers, such as print applications.
How do you create a template from an existing page?
Choose File > Save As Template and enter the name of the template in the dialog box to create a .dwt tile.
Why is a template dynamic?
A template is dynamic because Dreamweaver maintains a connection to all pages derived from it within a site. When the template is updated, it can pass the changes to the dynamic areas of the child pages.
What must you add to a template to make it useful in a workflow?
You must add editable regions to the template; otherwise, unique content can't be added to the child pages.
How do you create a child page from a template?
Choose File > New, and in the New Document dialog box select Pages From Templates. Locate the desired template and click Create. Or, right-click the template name in the Assets > Template category and choose New From Template.
What are the differences and similarities between library items and server-side includes?
Library items and server-side includes are used to store and present reusable code elements and page components. But whereas the code for library items is inserted fully in the targeted page, the code for server-side includes is inserted in the page by the server, dynamically.
How do you create a library item?
Select the content on the page that you want to add to the library. Click the New Library Item button at the bottom of the Library category of the Assets panel, and then name the library ite.
How do you create a server-side include file?
Open a new, blank HTML document. Enter the desired content. In Code view, remove any page elements from the code except the content you want included. Save the file in the proper format for your workflow.
How do you format text to be an HTML heading?
Use the Format field menu in the Property inspector to apply HTML heading formatting.
Explain how to turn paragraph text into an ordered list and then an unordered list.
Highlight the text with the cursor, and click the Ordered List button in the Property inspector. Then click the Unordered List button to change the numbered formatting to bullets.
Describe two methods for inserting HTML tables into a webpage.
You can copy and paste a table from another HTML file or a compatible program. Or, you can insert a table by importing the data from a delimited file.
What element controls the width of a table column?
The width of a table column is controlled by the widest <th> or <td> element that creates the individual table cell.
Describe three ways to insert content in the Find field.
You can type text into the field; you can select text before you open the dialog box and then allow Dreamweaver to insert the selected text; or you can copy the text or code and then paste it into the field.
What are the three factors that determine raster image quality?
Raster image quality is determined by resolution, image dimensions, and color depth.
What file formats are specifically designed for use on the web?
The compatible image formats for the web are GIF, JPEG, and PNG.
Describe at least two methods for inserting an image into a webpage using Dreamweaver.
One method to insert an image into a webpage using Dreamweaver is to use the Insert panel. Another method is to drag the graphic file into the layout from the Assets panel. Images can be copied and pasted from Photoshop and Fireworks. Images can also be inserted from Adobe Bridge.
True or false: All graphics have to be optimized outside of Dreamweaver.
False. Images can be optimized even after they are inserted into Dreamweaver by using the Property inspector. Optimization can include rescaling, changing format, or fine-tuning format settings.
What is the advantage of using a Photoshop Smart Object over copying and pasting an image from Photoshop?
A Smart Object can be used multiple times in different places on a site, and each instance of the Smart Object can be assigned individual settings. All copies remain connected to the original image. If the original is updated, all the connected images are immediately updated as well. When you copy and paste all or part of a Photoshop file, however, you get a single image that can have only one set of values applied to it.
Describe two ways to insert a link into a page.
Select text or a graphic, and then in the Property inspector, select the Browse For File icon next to the Link field and navigate to the desired page. A second method is to drag the Point To File icon to a file within the Files panel.
What information is required to create a link to an external webpage?
Link to an external page by typing or copying and pasting the full web address (a fully formed URL) in the Link field of the Property inspector.
What's the difference between standard page links and email links?
A standard page link opens a new page or moves the view to a position somewhere on the page. An email link opens a blank email message window if the visitor has an email application installed.
What are the benefits of using Spry menu bars?
All the work of setting up the style rules to make a list appear like a horizontal or vertical menu bar has been done for you, and so has the work of writing the JavaScript to make pop-up submenus function.
How can you check to see if your links will work properly?
Run the Link Checker to test links on each page or sitewide.
What is a benefit of using Dreamweaver behaviors?
Dreamweaver behaviors add interactive functionality to a webpage quickly and easily.
What three steps must be used to create a Dreamweaver behavior?
To create a Dreamweaver behavior, you need to create or select a trigger element, select a desired behavior, and specify the parameters.
What's the purpose of assigning an ID to an image before applying a behavior?
The ID makes it easier to select the specific image during the process of applying a behavior.
What does a Spry Accordion widget do?
A Spry Accordion includes two or more collapsible panels that hide and reveal content in a compact area of the page.
How do you add new panels to a Spry Accordion widget?
Select the panel in the document window and click the Add Panel icon in the Spry interface of the Property inspector.
What advantage does HTML5 have over HTML 4 regarding web-based media?
HTML5 has built-in support for web animation and video.
What programming language created the HTML5-compatible animation used in this lesson?
The animation used in this lesson was created by Adobe Edge natively using HTML5, CSS3, and JavaScript.
True or false: To support all web browsers, you can select a single video format.
False. A single format has not emerged that is supported by every browser. Developers recommend incorporating four video formats to support the majority of browsers: MP4, WebM, Ogg, and FLV.
What video format is recommended to support older browsers?
FLV (Flash video) is recommended as the fallback format for older browsers because of the widespread installation of the Flash Player.
What role do "dependent files" play in the operation of an FLV file?
Dependent files provide essential functionality on the Internet for playing Flash components and must be uploaded to your server along with the relevant HTML and video.
What is the purpose of the tag?
The tag wraps around all the form elements and includes an action attribute that defines the file or script to handle the form processing.
What does selecting the Attach Label Tag Using 'for' Attribute option do?
It connects the tag to the form element, which has a matching ID value.
What advantages do the Spry Form widgets have over standard form objects?
Spry Form widgets make it easier to create form elements. They include built-in validation to ensure that the data submitted is properly formatted and, if required, completed.
What's the difference between a standard text field and a text area?
A standard text field is intended for short character strings, whereas a text area can hold multiple paragraphs.
What's the main difference between radio buttons and checkboxes?
Radio buttons only allow for mutually exclusive choices, whereas checkboxes permit the user to select as many items as desired.
How do you specify that separate radio buttons belong to a group?
All radio with the same name will be in the same radio button group.
What is the purpose of the element?
A element is used to group related form fields together with an accompanying element that identifies the group. It helps to organize a form and clarify the purpose of the various form fields.
What advantage does Ajax/Spry have over traditional data applications?
Ajax/Spry applications don't have to reload an entire page; they can update data in real time.
True or false: XML is a method for storing data in a plain-text file for use in web applications.
True. XML is similar to HTML and is used to identify data.
What is a server model?
A server model is the basic environment used to build dynamic web applications. It also encompasses specific programming languages and scripting models, such as ASP, ColdFusion, and PHP.
What is a testing server?
A testing server is where dynamic pages are tested using a compatible server model. It is set up in the Site Setup dialog box.
You have a file that is compatible with your server model (.asp, .cfm, or .php), but your database doesn't appear in the Databases panel. How can you make the connection appear in the panel again?
Examine the Databases panel and the displayed steps for connecting to your data source. Complete any steps that are not checked. The data source should then be displayed again.
True or false: the MySQL database can be used only on Linux/Unix and Mac OS X server platforms.
False. MySQL can be used on any web server.
What is a recordset?
A recordset is an array of information pulled from one or more tables in a database by a query created in Dreamweaver.
Why would you need to use a repeat region?
A repeat region allows the data application to display more than one record at a time.
What is a master/detail page set?
The master/detail page set is a common feature of data-driven websites. The master page displays multiple records and provides dynamic links within each record, which allows you to load specific information about the selected item on the detail page.
For what purpose would you use record paging behavior?
A record paging behavior is used to load the results of a recordset when only a limited number of records are displayed at one time.
How can you hide paging controls when there are no more records to display?
Select the paging control link and apply a "Show" behavior pertinent to the recordset.
What is a remote site?
A remote site is a mirror image of your local site; the remote site is stored on a web server connected to the Internet.
Name two types of file transfer protocols supported in Dreamweaver.
FTP (File Transfer Protocol) and Local/Network are the two most commonly used file transfer methods. Other file transfer methods supported in Dreamweaver include Secure FTP, WebDav, and RDS.
How can you configure Dreamweaver so that it does not synchronize certain files in your site root folder with the server?
Cloak the files or folders for which you do not want to maintain synchronization.
True or false: You have to manually publish every file and associated image, JavaScript file, and server-side file include that are linked to pages in your site.
False. Dreamweaver will automatically transfer dependent files, if desired, including embedded or referenced images, CSS style sheets, and other linked content.
What service does synchronization perform?
Synchronization automatically scans local and remote sites, comparing files on both to identify the most current version of each. It creates a report window to suggest which files to get or put to bring both sites up to date, and then it will perform the update.