SBA PRACTICE QUESTIONS
|
|
|
- Percival Preston
- 7 years ago
- Views:
Transcription
1 SBA PRACTICE QUESTIONS 1. What does HTML stand for? Hyper Text Markup Language 2. Which file extensions are used with standard web pages? a..web,.doc b..xhtml,.css3 c..txt,.xhtml d..htm,.html 3. What should be the first tag in any web page? a. <head> b. <body> c. <html> d. <page> 4. Which is not part of an XHTML element? a. The start tag b. The end tag c. Attributes d. Title 5. How would you create a link to another web page named "page2.html"? a. <a href="page2.html">link to page 2</a> b. <a href=page2.html>link to page 2</a> c. <a ref="page2.html">link to page 2 d. a ref="page2.html 6. What does the tag <p> stand for? a. Paragraph b. Person c. Page d. Presentation 7. What is the syntax for an XHTML comment? a. <comment>this is a comment</comment> b. <com: This is a comment> c. <!-- This is a comment --> d. <comment:"this is a comment" /> 8. What is the start tag for an individual item in a list? a. <list> b. <ol> c. <li> d. <item> 9. Which of the following will create a bulleted list? a. <blist> b. <ol> c. <bullet> d. <ul> 10. What is wrong with the following? <hr width=80% /> *The value should be in quotes* 11. What is wrong with the following? <img source= mypic.jpg /> * source should be written as src * 12. What will happen if we specify an image's height and width outside of its true proportion? e. The web browser will not display the image. f. The web browser will ignore the height and width and display the image normally. g. The web browser will display the alternate text instead of the image. h. The web browser will display a distorted version of the image. 13. What is generally considered the best format to use for color photographs on the web? e..jpg f..png g..gif h..bmp 14. Which of the following is not an available attribute for the <img> element? e. alt f. filename g. height h. width
2 15. Which image format can support animation? e..jpg f..gif g..png h..mov 16. What does target="_blank" do when specified in an <a> element? a. Tells the browser not to underline a link. b. Tells the browser to open a link in the same window. c. Tells the browser to display a blank screen. d. Tells the browser to open a link in a new window. 17. A bookmark link starts with which symbol in the href attribute? (Bookmark means same page ) a. # b. $ c. : 18. What would a visually impaired person hear in a screen reader in the place of a web image? a. The name of the image file. b. Nothing. c. The text that precedes and follows the image. d. Whatever text is specified in the alt attribute. 19. Which of the following statements is incorrect? a. The <h1> tag should be used only once per page. b. An <h3> tag indicates something is more important than something in an <h4> tag. c. A lower tag, such as <h4>, should not be used unless all the higher ones have been used. d. Generally, a higher tag, such as <h1>, will display larger than a lower tag, such as <h3>. 20. Which of the following is not an element related to displaying lists? a. <li> b. <list> c. <ul> d. <ol> 21. Which are all valid table elements? a. <tr>, <tc>, and <table> b. <td>, <row>, and <table> c. <tr>, <th>, and <table> d. <cell>, <row>, and <table> 22. Which element is used to define a column? a. <td> b. <tr> c. <tc> d. <col> 23. What is wrong with the following: <table> <td> <tr>row 1 col 1 </tr> </td> </table> *The <tr> and <td> elements are reversed* 24. What will happen if we do not specify the border attribute for a table element? a. There will be an error and the table will not display. b. The table will show the default value of 1 pixel cell borders. c. The browser will ask the user to supply a border size. d. The table will show without any cell borders. 25. What is wrong with the following: p { text-decoration:underline *missing the semicolon*
3 26. What does CSS stand for? a. Classic Style Sets b. Cascading Style Sheets c. Correct Style Sheets d. Cascading Style Sets 27. Internal Styles can be found a. In a separate file from the html document b. In the <body> of the html document c. In the <head> of the html document d. In the <title> of the html document 28. What will the following CSS do? p { color:blue; a. The text of the entire page will be blue. b. The background color of the page will be blue. c. The background color of any paragraph element will be blue. d. The text of any paragraph element will be blue. 29. Which property sets the font? a. text-family b. font-style c. font-family d. text-type 30. In the following CSS statement, which is considered the selector? p { color:blue; a. p b. { c. color d. blue 31. The correct syntax for using a colspan attribute is: i. <td colspan:3> j. <td colspan="3"> k. <td colspan=3> l. <td colspan=100%> 32. How many times can a CSS class selector be used in an XHTML document? a. Once b. Twice c. Once for each type of element in the page d. An unlimited number of times for each type of element in the page 33. A CSS class is defined by starting with which character? a. Colon b. Period c. Backslash d. Semicolon 34. What will happen if we try to apply more than one class to an XHTML element? i. Only the first class will be used j. Only the final class one will be used k. None of the classes will be used. l. All of the classes will be combined. 35. How will the following display on the screen? <p>this is my <span>first</span> paragraph.</p> i. The word 'first' will display in italics. j. The word 'first' will display however the "span" class was defined. k. The word 'first' will display the same as the other text. l. The word 'first' will not display. 36. Why is it a bad idea to name a class "underline"? a. Class names should reflect meaning and not describe appearance. b. The word 'underline' is reserved for the text-decoration property. c. Underlining is allowed only in links in XHTML documents. d. None of the above.
4 37. Which is the shorthand for the following CSS? border-width:3px; border-color:red; border-style:solid a. border-style:solid 3px red; b. border:3px solid red; c. borders:solid red 3px; d. border:red solid 3px; 38. Which CSS property sets the background color for an XHTML element, such as a table? a. bg b. bgcolor c. background d. background-color 39. If you don't specify 'border-collapse:collapse' for a table, what will happen? a. Cell border lines will appear in double where table cells meet. b. No cell borders will show in the table. c. Only one border around the perimeter of the table will display. d. Several extra blank spaces will be added between cells. 40. Which of the following is not a legitimate border-style option? a. dotted b. dashed c. double d. groove 41. Going from the outside in, what is the order of components in the box model? i. Content, padding, border, margin j. Border, padding, margin, content k. Border, margin, padding, content l. Margin, border, padding, content 42. If we applied the CSS style {padding:10px 0px; to a div element, what would happen? m. 10 pixels of padding would be added to the top and bottom of the div. n. 10 pixels of padding would be added on all sides of the div. o. 10 pixels of padding would be added to the right and left of the div. p. 10 pixels of padding would be added to the bottom of the div. 43. If a div had a width of 200px, a border of 5px, padding of 10px, and a margin of 5px, what would be the overall width of the div? m. 200px n. 205px o. 220px p. 240px 44. For what reason would we want to set the right and left margins of a div to "auto"? m. To make the div sit next to other elements with no space in between n. To force the div to float to the right o. To make the div center itself in the available space p. To let the browser use its default of 10px margin 45. If we floated one div to the right and another to the left, where would the next page content display on the page? m. In between the two divs, in all circumstances n. In between the two divs, but only if there is sufficient space o. Beneath the div on the right p. Beneath the div on the left 46. What is the purpose of clearing a float? a. To display the next content below the floated content, rather than side-by-side. b. To display the next content to the right of the floated div c. To display the next content to the left of the floated div d. To display the next content on top of the floated div
5 47. Find five errors in the following code (circle them and state what is incorrect): <!DOCTYPE HTML> <head> <title>my First Web Page</title> <style type="text/css" media="all">.outside { width:100%; height:50px; color:red;.inside { color:white; width:100px or %;.inner { width:600px; margin:auto; height:300px; bottom { color:blue; width:100%; height:100px; </style> </head> <body> <div class="outside""> </div> <div class="inside"> <div class="inner"> <p>this is the inside container.</p> </div> <div class="bottom > <p>this is the footer.</p> </div> </div> </body> </html> 48. To access an external CSS file, place which of the following in your HTML: a. <link rel="stylesheet" type="css" name="style.css" /> b. <link href="stylesheet" type="text/css" name="style.css" /> c. <link rel="stylesheet" type="text/css" href="style.css" /> d. <link rel="stylesheet" type="css" href="style.css" /> 49. Where does the style sheet <link> statement belong? a. Between <head> and </head> b. Between <title> and </title> c. Between <body> and </body> d. Immediately after the DOCTYPE statement 50. Which of the following lines would be out of place in an external CSS style sheet? q..class { r. text-decoration:underline; s. </style> t. /* Trying a new style */ 51. Why is XHTML validation important? q. It confirms that all our web pages are linked together properly. r. It ensures that our web pages display consistently to visitors. s. It verifies that our page content is factually correct. t. It is required before search engines will list our website. 52. How does the XHTML validator know which rules to apply to our web document? q. It is based on which web browser we are using. r. All documents have the same rules applied to them. s. It will prompt us each time to select a set of rules. t. It is based on what we specify in the DOCTYPE statement.
6 53. Which of the following is true about external style sheets? a. They are essential for large websites. b. They keep the look of all pages consistent. c. They are efficient for making global changes to all pages at once. d. All of the above are true. 54. Why do we not use absolute paths when referencing other files? a. They never work correctly. b. They will not work when we move our files to the internet. c. They will not pass XHTML validation. d. They are too long and use more space than necessary. 55. If our XHTML document fails validation, how do we know what was wrong? a. The validator program will us a file listing the errors. b. We have to figure out the errors on our own and retry validation. c. The validator program will list the line numbers and errors detected. d. The validator program will fix the errors and display a corrected version of the file. 56. If you have a separate subfolder called "images" directly below the folder where your XHTML document resides, which would be the correct way to reference an image file from your web document? a. <img src="photo.jpg" /> b. <img src="/photo.jpg" /> c. <img src="../images/photo.jpg" /> d. <img src="images/photo.jpg" /> 57. What is one advantage of using relative paths and subfolders? a. It can help us keep our site files well organized and uncluttered. b. It will improve our chances of passing XHTML validation. c. It makes our site more user-friendly for our web visitors. d. It makes our code easier to read. 58. RGB stands for: a. Red, Gray, Black b. Royal Blue, Gold, Brown c. Red, Green, Blue d. Red, Gold, Brown 59. The hex code #FFFFFF represents which color? a. Black b. White c. Gray d. Brown 60. To increase the color blue in the hex code #AA3450, you might use which code? a. #AA34AA b. #AA3400 c. #FF3450 d. #AAFF Why is the main reason we are limited in the fonts we can use on our web pages? a. Most fonts do not look good on the internet. b. Choosing inappropriate fonts can slow a website's performance. c. We are restricted to those fonts installed on our viewers' computers. d. Fonts are expensive and we have to budget to those we can afford. 62. Which of the following are common sans-serif fonts? a. Georgia, Times New Roman b. Courier New, Palatino c. Book Antiqua, Baskerville d. Arial, Verdana 63. Which of the following is not true about declaring fonts for our web pages? a. Font names containing spaces must be surrounded by quotes. b. Fonts should be listed in reverse order of preference. c. Fallback fonts are recommended, in case the primary font is not available. d. Our choice of font will have an effect on the "look and feel" of our website.
7 64. Which is an effective way to guarantee that an unusual font will display on our page? a. Purchase the font and install it on our website. b. Name at least two fallback fonts in our declaration. c. Place the text into an image and display the image on the page. d. Place the font name in quotes in our declaration. 65. Which of the following is true about embedding a YouTube video on our web page? a. YouTube requires that we use a specific size window for the video. b. We have to write our own embed code and type in the video number as reference. c. We might have to pay a royalty fee to YouTube for the right to display the video. d. The code given to us by YouTube might not be XHTML valid. 66. Using a hex code, write the CSS to make paragraph text display in red: #FF Now write the CSS to make paragraph text display in Century Gothic font. If that font is not available, make Tahoma and sans-serif as the backup fonts, in that order: p { font-family: Century Gothic, Tahoma, sans-serif; 68. Which of the following is used to create a web form? a. <startform> and <endform> b. <form action="" /> c. <form action=""> and </form> d. <link rel="form" type="form" href="form.frm" /> 69. Which of the following creates a text field in a form? a. <input type="text" size="40" name="myname" /> b. <input type="input text" size="large" name="myname" /> c. <textfield size="40" name="myname" /> d. <text size="40" name="myname">text to be displayed</text> 70. Which is the correct input type for choosing one item from a list of items? a. text b. radio c. checkbox d. option 71. Which is the correct input type for picking one or more items from a list of items? a. text b. textarea c. checkbox d. radio 72. If we add the multiple="multiple" attribute to a <select> element, what effect will it have? a. It will allow us to make several duplicates of the same drop-down box. b. It will make a drop-down element display the same as a checkbox element. c. It will have no effect on the <select> element. It is intended for the <input> element. d. It will allow the visitor to select more than one of the options in a dropdown box. 73. The element used within the "select" element to create a drop-down list is: a. <option value="value">text</option> b. <option name="name">text</option> c. <value="value">text</value> d. <name="name">text</name>
8 74. Which is true of the textarea element? a. It allows the web designer to set the number of columns and rows to display. b. It restricts the length of the field to 40 characters. c. It is identical to the text field element. d. It is used to let the viewer choose between two or more text options. 75. Which of the following would create a button labeled "Click Me" to submit form data? a. <input type="submit" value="click Me" /> b. <input type="submit">click Me</input> c. <input name="submit" text="click Me" /> d. <input type="button" value="click Me" /> 76. Which two CSS properties are used to place a gradient on a web page? a. <img>, <div> b. bgcolor, img c. color, background-color d. background-image, backgroundrepeat 77. Why are gradient files often made to be just 1px wide or high? a. Because they are not visible on the web page. b. In order to save space and speed up page loading time. c. In order to make it difficult for web visitors to copy them. d. Because they will only pass XHTML validation if they are under 10px wide.
Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
Contents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
{color:blue; font-size: 12px;}
CSS stands for cascading style sheets. Styles define how to display a web page. Styles remove the formatting of a document from the content of the document. There are 3 ways that styles can be applied:
Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk
HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
Intro to Web Design. ACM Webmonkeys @ UIUC
Intro to Web Design ACM Webmonkeys @ UIUC How do websites work? Note that a similar procedure is used to load images, etc. What is HTML? An HTML file is just a plain text file. You can write all your HTML
Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
Web Authoring CSS. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
Web Design with CSS and CSS3. Dr. Jan Stelovsky
Web Design with CSS and CSS3 Dr. Jan Stelovsky CSS Cascading Style Sheets Separate the formatting from the structure Best practice external CSS in a separate file link to a styles from numerous pages Style
We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.
Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded
CST 150 Web Design I CSS Review - In-Class Lab
CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and
CHAPTER 10. When you complete this chapter, you will be able to:
Data Tables CHAPTER 10 When you complete this chapter, you will be able to: Use table elements Use table headers and footers Group columns Style table borders Apply padding, margins, and fl oats to tables
How To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (
CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of
Web Design and Databases WD: Class 7: HTML and CSS Part 3
Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML
The Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS
Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web
What is CSS? Official W3C standard for controlling presentation Style sheets rely on underlying markup structure
CSS Peter Cho 161A Notes from Jennifer Niederst: Web Design in a Nutshell and Thomas A. Powell: HTML & XHTML, Fourth Edition Based on a tutorials by Prof. Daniel Sauter / Prof. Casey Reas What is CSS?
CSS for Page Layout. Key Concepts
CSS for Page Layout Key Concepts CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control
CIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
Appendix H: Cascading Style Sheets (CSS)
Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of
Creating Web Pages with Dreamweaver CS 6 and CSS
Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding
JJY s Joomla 1.5 Template Design Tutorial:
JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding
Using Style Sheets for Consistency
Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point
Simply download Beepip from http://beepip.com and run the file when it arrives at your computer.
Beepip User Guide How To's: How do I install Beepip? Simply download Beepip from http://beepip.com and run the file when it arrives at your computer. How do I set up Beepip? Once you've opened up Beepip,
Coding Standards for Web Development
DotNetDaily.net Coding Standards for Web Development This document was downloaded from http://www.dotnetdaily.net/ You are permitted to use and distribute this document for any noncommercial purpose as
HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
Garfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
ICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
Introduction to Web Development
Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s
Creating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
Introduction to Adobe Dreamweaver CC
Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling
CS134 Web Site Design & Development. Quiz1
CS134 Web Site Design & Development Quiz1 Name: Score: Email: I Multiple Choice Questions (2 points each, total 20 points) 1. Which of the following is an example of an IP address? [Answer: d] a. www.whitehouse.gov
User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team
User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team Contents Offshore Web Development Company CONTENTS... 2 INTRODUCTION... 3 SMART FORMER GOLD IS PROVIDED FOR JOOMLA 1.5.X NATIVE LINE... 3 SUPPORTED
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
ITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and content of a document Style
Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:
CSS Tutorial Part 2: Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,: animals A paragraph about animals goes here
Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?
Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML
Web page design in 7 days!
Learnem Group presents: Web page design in 7 days! Lessons 1-7 By: Siamak Sarmady Start Here Copyright Notice : 2000,2001 Siamak Sarmady and Learnem Group. All rights reserved. This text is written to
GUIDE TO CODE KILLER RESPONSIVE EMAILS
GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention
Coding HTML Email: Tips, Tricks and Best Practices
Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.
Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation
CSS. CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo. ADI css 1/28
CSS CSS - cascading style sheets CSS - permite separar num documento HTML o conteúdo do estilo ADI css 1/28 Cascaded Style Sheets Por ordem de prioridade: Inline
Introduction to Web Technologies
Introduction to Web Technologies Tara Murphy 17th February, 2011 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET (Advanced
Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17
Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been
Further web design: Cascading Style Sheets Practical workbook
Further web design: Cascading Style Sheets Practical workbook Aims and Learning Objectives This document gives an introduction to the use of Cascading Style Sheets in HTML. When you have completed these
Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission
Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified
Introduction to web development and JavaScript
Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge
How to Properly Compose E-Mail HTML Code : 1
How to Properly Compose E-Mail HTML Code : 1 For any successful business, creating and sending great looking e-mail is essential to project a professional image. With the proliferation of numerous e-mail
customer community Getting started Visual Editor Guide! www.pure360community.co.uk
Getting started! 1 Contents Introduction... 3 Visual Editor Options... 3-5 Advanced Tips... 6-7 Do s and Don ts... 7-9 Testing Messages... 10 2 Welcome The Visual Editor tool is the ideal resource for
Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature
Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you
New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts
A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables
How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn
Using Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
Web Publishing Basics 2
Web Publishing Basics 2 HTML and CSS Coding Jeff Pankin pankin@mit.edu Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What
HTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
Learnem.com. Web Development Course Series. Learn em. HTML Web Design in 7 days! By: Siamak Sarmady
Learnem.com Web Development Course Series Learn em HTML Web Design in 7 days! By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S HTML Web Design in 7 Days! Ver. 2.08.02
BLACKBOARD 9.1: Text Editor
BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed
The Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Emailmovers Limited, Pindar House, Thornburgh Road Scarborough, North Yorkshire, YO11 3UY Tel: 0845 226 7181 Fax: 0845 226 7183 Email: enquiries@emailmovers.com
Code View User s Guide
Code View User s Guide 1601 Trapelo Road Suite 329 Waltham, MA 02451 www.constantcontact.com Constant Contact, Inc. reserves the right to make any changes to the information contained in this publication
Web Authoring. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
Style & Layout in the web: CSS and Bootstrap
Style & Layout in the web: CSS and Bootstrap Ambient intelligence: technology and design Fulvio Corno Politecnico di Torino, 2014/2015 Goal Styling web content Advanced layout in web pages Responsive layouts
Base template development guide
Scandiweb Base template development guide General This document from Scandiweb.com contains Magento theme development guides and theme development case study. It will basically cover two topics Magento
Smartphones and tablets: If you have a data plan, use the SMTP server setting for the company that provides this service.
ARTSPHERE USER MANUAL Hosting for versions 5.0 and 5.1 The hosting control panel is where your website is located. We refer to this as the cpanel. To access the cpanel add /cpanel to your domain name (for
Interactive Data Visualization for the Web Scott Murray
Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding
How To Write A Web Page In Html
HTML Basics Welcome to HTML Basics. This workshop leads you through the basics of Hyper Text Markup Language (HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML
USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor
USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...
Dreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK
Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)
Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins
Learning Web Design Third Edition A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics Jennifer Niederst Robbins O'REILLY Beijing- Cambridge Farnham Koln Paris Sebastopol -Taipei -Tokyo CONTENTS
COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING
COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING INFORMATION TECHNOLOGY GUIDELINE Name Of Guideline: Domain: Application Date Issued: 03/18/2014 Date Revised: 02/17/2016
Advanced Editor User s Guide
Advanced Editor User s Guide 1601 Trapelo Road Suite 329 Waltham, MA 02451 www.constantcontact.com Constant Contact, Inc. reserves the right to make any changes to the information contained in this publication
Cascading Style Sheet (CSS) Tutorial Using Notepad. Step by step instructions with full color screen shots
Updated version September 2015 All Creative Designs Cascading Style Sheet (CSS) Tutorial Using Notepad Step by step instructions with full color screen shots What is (CSS) Cascading Style Sheets and why
Lesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
MCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
Introduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
Email Creator Coding Guidelines Toolbox
Email Creator Coding Guidelines Toolbox The following information is needed when coding your own template from html to be imported into the Email Creator. You will need basic html and css knowledge for
Web Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
WYSIWYG Editor in Detail
WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.
Mobile Web Site Style Guide
YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University
Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define:
Stylesheet or in-line CSS CSS attributes, used in stylesheets or in-line, can define: body, div, p, h1 - h6, hr, table, thead, tr, th, td, blockquote, address, ol, ul, dl, dt, dd span, a, font class e.g..stylename
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Microsoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
Fast track to HTML & CSS 101 (Web Design)
Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
Outline of CSS: Cascading Style Sheets
Outline of CSS: Cascading Style Sheets nigelbuckner 2014 This is an introduction to CSS showing how styles are written, types of style sheets, CSS selectors, the cascade, grouping styles and how styles
General Electric Foundation Computer Center. FrontPage 2003: The Basics
General Electric Foundation Computer Center FrontPage 2003: The Basics September 30, 2004 Alternative Format Statement This publication is available in alternative media upon request. Statement of Non-discrimination
Introduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
Using the Content Management System 05-02-12
Using the Content Management System 05-02-12 Using the Content Management System Introduction 2 Logging In 3 Using the Editor 4 Basic Text Editing 5 Pasting Text 7 Adding Hyperlinks 8 Adding Images 9 Style
KOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
Chapter 1 Introduction to web development and PHP
Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL
Designing HTML Emails for Use in the Advanced Editor
Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into
How to code, test, and validate a web page
Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on
Using an external style sheet with Dreamweaver (CS6)
Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not
Terminal 4 Site Manager User Guide. Need help? Call the ITD Lab, x7471
Need help? Call the ITD Lab, x7471 1 Contents Introduction... 2 Login to Terminal 4... 2 What is the Difference between a Section and Content... 2 The Interface Explained... 2 Modify Content... 3 Basic
FETAC Certificate in Multimedia Production. IBaT College Swords. FETAC Certificate in Multimedia Production Web Authoring Dreamweaver 3
IBaT College Swords FETAC Certificate in Multimedia Production Web Authoring Dreamweaver 3 Lecturer: Cara Martin M.Sc. Lecturer contact details: cmartin@ibat.ie IBaT 2009 Page 1 Cascading Style Sheets
This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.
1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to