FINAL EXAM REVIEW WEB TECH. JUST CLICK… THE CORRECT ANSWER WILL APPEAR WHEN YOU CLICK. GOOD LUCK!

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

HTML popo.
Cascading Style Sheets
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Cascading Style Sheets Please use speaker notes to get complete information! Cascading Style Sheets.
Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.
Text Properties, Line Box, CSS. Text Properties Properties related to the display of text. Text-align : left, right, center I like FSU!
CSE CASCADING STYLE SHEETS CSS Faculty of Computer Science and Engineering.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.
Web Page Creation Part II ST: Introduction to Web Interface Design Prof. Angela Guercio.
Selectors thru Borders. CSS – Cascading Style Sheets – is a way to style HTML HTML is the content base of a web page CSS provides the presentation qualities.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).
Using Cascading Style Sheets. Introduction to Styles and Properties  Cascading Style Sheets (CSS) are a standard set by the World Wide Web Consortium.
Cascading Style Sheets CS3505. What are CSS? Method for adding style attributes consistently to HML tags Cascading because styles are applied in order.
Cascading style sheets (CSS)
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.
WDV 101 Intro to Website Development
INTRODUCTION TO HTML5 Styling Text. Change the Font Size  You can use the font-size property to change the font size for a document’s text.  Instead.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
Understanding HTML Code
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Doman’s Sections Information in this presentation includes text and images from
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
CSS: Cascading Style Sheets. 2 What are Style Sheets A style sheet is a mechanism that allows to specify how HTML (/XHTML/XML) pages should look The style.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit E Formatting with Cascading Style Sheets.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
 A style sheet is a single page of formatting instructions that can control the appearance of many HTML pages at once.  If style sheets accomplished.
Using Cascading Style Sheet As you create more web pages, you may wish to impose a consistent look for all of your web pages or for group of related pages.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
Tutorial #4 Formatting Text and Links. Tutorial #3 Review - CSS CSS format Selector { property1: value1; /* Comments */ } Embedded, In-Line, and External.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
Just Enough HTML How to Create Basic HTML Documents.
Introduction to CSS. What is CSS?  Cascading Style Sheets  Used for styling HTML  Also important in javascript and jquery for selectors  External.
Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober
ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.
MySQL and PHP Review CSS. Cascading Style Sheet (CSS) Style sheets are files or forms that describe the layout and appearance of a document. Cascading.
Stylin’ with CSS Monday October 8 th and Tuesday October 9 th.
CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.
Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
CSS with XHTML Please use speaker notes for additional information!
3. Cascading Style Sheets (CSS) M. Udin Harun Al Rasyid, S.Kom, Ph.D Lab Jaringan Komputer.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Cascading Style Sheets.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
5 th ed: Chapter 4 4 th ed: Chapter 5 SY306 Web and Databases for Cyber Operations Slide Set #4: CSS.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Creating Layouts with CSS. Span tag Here is some underlined text. Here is some blinking text. Here's some bold text.
JavaScript and Ajax (JavaScript Dynamic HTML (DHTML)) Week 7 Web site:
CS 120: Introduction to Web Programming Lecture 10: Extra Features and Website Design Part 1 Tarik Booker CS 120 California State University, Los Angeles.
HTML & CSS Contents: the different ways we can use to apply CSS to The HTML documents CSS Colors and Background CSS Fonts CSS Text CSS box model: padding,
Unit 3 - Review. Topics 1. Tag, Attribute, Value 2. CSS Rule Syntax + link 3. Categories of Selectors 4. Inline vs Block Tags 5. CSS Layout 6. CSS Box.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
CONFIGURING COLOR AND TEXT WITH CSS Chapter 3. Cascading Style Sheets (CSS) Used to configure text, color, and page layout. Launched in 1996 Developed.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Presentation transcript:

FINAL EXAM REVIEW WEB TECH

JUST CLICK… THE CORRECT ANSWER WILL APPEAR WHEN YOU CLICK. GOOD LUCK!

The default horizontal alignment for is-- QUESTION: left

Which tag is used to create a line break? QUESTION:

Which tag creates a numbered list? QUESTION:

How many header elements (H) are available in HTML? QUESTION: 6 through is the smallest

What is wrong with the syntax (setup) on the code shown at right? QUESTION: Nesting issues (tags not closed in reverse order they were opened) Bunnies!

What tag creates a bullet? QUESTION: Hi Hello What’s up?

Which is an ABSOLUTE reference? (at right) What is the difference between an ABSOLUTE and a RELATIVE hyperlink reference? QUESTION: The bottom is “absolute” because it uses meaning that regardless of where you are at, you can get to the site on the internet. A relative reference just points to file in a local folder.

What is the code used to insert a picture of a pig named pig.gif with a text alternative that says oink? QUESTION:

What code would be used to insert a standard bulleted list? QUESTION:

What is the standard code to bold words? What is the “old” deprecated tag for bold? QUESTION: (replaced )

What is the standard code to italicize words? What is the “old” deprecated tag for italics? QUESTION: (replaced )

What is the tag used to insert a horizontal line? QUESTION:

What is the tag used to insert a paragraph with indented left and right margins? QUESTION:

What would the size be of the text pointed to if all are headings in HTML? QUESTION:

What is the hexadecimal color code for BLACK? QUESTION: #000000

#FFFFFF represents what color? QUESTION: white

The information in the tag displays where? QUESTION: Blue title bar or tab

What is the purpose of the “alt” attribute in an image? QUESTION: It is used for accessibility purposes (screen readers, specifically) or if images are disabled

Which TWO image formats are most widely accepted on the web? QUESTION: GIF and JPG (PNG are supported but are not as frequent…yet!)

Which image format supports both transparency and is used for animation? QUESTION: GIF

What symbol must all hexadecimal color codes appear with? QUESTION: #

Which CSS property is used with this value: Verdana, Arial, sans-serif QUESTION: font-family

Which CSS property is used with this value: underline QUESTION: text-decoration

Which CSS property is used with this value: italic QUESTION: font-style

Which CSS property is used with this value: bold QUESTION: font-weight

Which CSS property is used with this value: # QUESTION: background-color OR color OR border-color

Which CSS property is used with this value: url(background.gif) QUESTION: background-image OR list-style-image

Which CSS property is used with this value: thick QUESTION: border-width

Which CSS property is used with this value: dotted QUESTION: border-style

Which CSS property is used with this value: 1.6em or random numbers… QUESTION: line-height

Which CSS property is used with this value: overline QUESTION: Text-decoration

Which CSS property is used with this value: Small, large or 10pt QUESTION: Font-size

What is the default bullet type called? QUESTION: disc

What is the hollow bullet type called? QUESTION: circle

What is the bottom bullet type called? QUESTION: square

To set up the layout and structure of the website, it is most practice to utilize: QUESTION: divs

If this graphic was used on a webpage and each US state was clickable and would take you to a different website, what graphic feature would it be? QUESTION: imagemap

For the.bor class that is created in this document, how would an image using this class appear? QUESTION: With a red border around it

If you inserted a bulleted list on the webpage connected to this CSS page, what kind of bullets would display? QUESTION: Picture bullets of some sort

What color is the basic text for the document, provided it is not in a special DIV or class? QUESTION: Black (look in body); not set and black is default

If someone is viewing this webpage and doesn’t have Palatino Linotype font, what font will it display in, provided it is on his computer? QUESTION: Book Antiqua

Based on the CSS, what color will hyperlinks that have not been clicked on display as? QUESTION: Blue (default, not set)

In the CSS, a number sign (#) in front of a selector denotes creation of a: QUESTION: DIV

In the CSS, a period (.) in front of a selector denotes creation of a: QUESTION: CLASS

What is the CSS rule used to center a DIV on the page? QUESTION: Margin: 0 auto;

What should be modified to this h3 to get the words to stop touching the border? QUESTION: Padding-left

GIF images, typically used or line art, can contain up to this many colors: QUESTION: 256

JPG images, typically used or photographs, can contain up to this many colors: QUESTION: 16 million