CmpSci 120 Exam 2 Examples

Size: px
Start display at page:

Download "CmpSci 120 Exam 2 Examples"

Transcription

1 CmpSci 120 Exam 2 Examples General format of Exam 2: 10 2 pts each (20 total) 10 multiple 2 pts each (20 total) 4 short answer 5 pts each (20 total) 2 medium-long 20 pts each (40 total) Please note: Some of these questions may be on the examination in the form given below or in alternative formats (e.g. negation) I will include questions that are not on this list, so carefully look over all of the lecture notes See the W3C, XHTML, and Javacript sample multiple choice questions You may use the JavaScript by Example text and a handout on XHTML and CSS tags that I will provide for the exam but no other open book material. You may not use calculators nor other devices. For the exam, make sure that you read each question carefully! True/False Questions: Circle One 1. Web browsers download files from Web servers. T or F T 2. Scaling an image down reduces its reduces bandwidth requirements. T or F T 3. Web browsers normally ignore carriage returns in HTML files. T or F T 4. People are the key component of Web 2.0. T or F T 5. Facebook and similar social networks can guarantee complete privacy if you take proper precautions. T or F F 6. Search services send "spiders" or "robots"("bots") to crawl through the entire Internet. T or F F 7. All search engines are essentially the same. T or F F 8. CSS stands for Cascading Style System. T or F F 9. Search services send "spiders" or "robots"("bots") to crawl through the entire Internet. T or F F 10. If you take proper precautions, you can assure your complete privacy on MySpace, Facebook and similar social. F 11. Web services are software applications (programs) that use HTML to exchange data (information) with other applications on other computers by using Internet protocols. T or F F they use XML not HTML 12. XHTML is a Web standard that is replacing XML and HTML T or F F not replacing XML 13. A virus is program or code that replicates by infects another program, boot sector, partition sector, or document that supports macros, by inserting itself or attaching itself to that medium. T or F T 14. Search engines are the best means devised yet for searching the web. T or F T 15. All Search Engines are the same. T or F F 1

2 16. The "invisible web" is what you cannot find using search engines or subject directories. T or F T 17. Some companies monitor Web pages and online forums to protect themselves and their products. T or F T 18. Search engines have stop words that are never used in ranking pages. T or F F stop words are typically ignored, but known ones, e.g., The Who, are includ 19. An external JavaScript must contain the <script> tag T or F F Multiple Choice Questions. Circle the letter of the best answer. 1. In selecting passwords, it is a good idea to: a. Pick an unusual word from a dictionary b. Use a name, event, pet s-name or location from your family c. Use a mixture of numbers, capital and lowercase letters, and other keyboard symbols d. Pick a non-english word 2. When blogging a. You should feel free to discuss private matters since only your friends will read your blog b. Read and observe your service provider s Terms of Service c. You may comment freely on all matters that concern you d. You can tell people of forthcoming parties where beer will be served without IDs being checked 3. When you create an.html file, a. the BODY element goes inside the HEAD element. b. the HEAD element goes inside the BODY element. c. the TITLE element goes inside the BODY element. d. the TITLE element goes inside the HEAD element. 4. Tables are most often used on Web pages a. to create a small scrollable window inside a Web page. b. to receive input from users. c. for controlling the overall layout of a Web page. d. for displaying lots of numerical data. 5. XHTML a. is being developed to keep W3C staff busy b. is a major departure from HTML c. was designed to describe data while HTML was designed to display data. d. is more restrictive than than HTML 6. Where in an HTML document is the correct place for embedded style definitions? a. In the <body> section b. At the top of the document c. In the <head> section d. At the end of the document 2

3 7. Which is the correct CSS syntax? a. body;color:black b. body:color=black c. body:color=black(body d. body color: black 8. In selecting passwords, it is a poor idea to: a. Pick an unusual word from a dictionary, particularly a foreign word b. Use a pass phrase that you can easily remember, but which is not a common quote c. Use a mixture of numbers, capital and lowercase letters, and other keyboard symbols d. Replace alphanumeric characters (a, b, c,, 1, 2, ) with special characters and/or change the case of some characters as illustrated by pr0ffess0r@dr10n 9. How do you insert a in a CSS file? a. // this is a comment b. /* this is a comment */ c. // this is a comment // d. ' this is a comment displayed in the browser--> 10. What is the correct CSS syntax for making all the <p> elements A CSS comment begins with "/*", and ends with "*/", like this: /*This is a comment*/ An HTML comment: <!--This is a comment. Comments are not bold? a. p text-size:bold b. <p style="font-size:bold"> c. p font-weight:bold d. <p style="text-size:bold"> 11. How do you display hyperlinks without an underline? a. a underline:none b. a decoration:no underline c. a text-decoration:none d. a text-decoration:no underline 12. Search Engines a. Compile their databases by employing: "spiders" or "robots" ("bots") to crawl Single line JavaScript Comments start with // like this: // Write a heading JavaScript Multi-Line Comments start with /* and end with */ like this: /* The code below will write one heading and two paragraphs */ through web space from link to link, identifying and perusing pages b. Match your keywords and phrases with those in the texts of documents linked to webpages cannot always search linked docs ( invisible web ) c. Search the entire web as it exists at time of the query at time indexed d. All of the above 13. Subject directories a. Often provide more results than search engines. b. Always compile databases of their own c. Are organized hierarchically into subject categories and subcategories d. Always remove dead links 14. Where in an HTML document is the correct place for embedded style definitions? a. In the <body> section b. At the top of the document c. In the <head> section 3

4 d. At the end of the document 15. How do you make an ordered list that lists its items with upper-case Roman numerals? a. list-type: upper-roman b. type: upper-roman c. list-style-type: upper-roman d. type: roman 16. Search engines rank pages by: a. Looking for the location and frequency of keywords and phrases in the web page b. Using HTML META tags c. Scanning the title, headers and text near the top of the document d. Counting the number of links that are pointing to the pages e. All of the above f. None of the above 17. What XHTML code is "well-formed"? a. <p>a <b><i>short</b></i> paragraph</p> b. <p>a <b><i>short</i></b> paragraph</p> c. <p>a <b><i>short</i></b> paragraph 18. How do you add a background color for all <h1> elements? a. all.h1 background-color:#ffffff b. h1.all background-color:#ffffff c. h1 background-color:#ffffff d. h1 bgcolor = #FFFFFF 19. In selecting passwords, it is a good idea to: a. Pick an unusual word from a dictionary, particularly a foreign word b. Use a common quote that you can easily remember c. Use a mixture of numbers, capital and lowercase letters, and other keyboard symbols d. Use the name of your hometown 20. Which if the following is not a sans-serif font? a. Verdana b. Times New Roman c. Arial d. Geneva 21. Inside which HTML element do we put the JavaScript? a) <js> b) <javascript> c) <scripting> d) <script> 4

5 20. What is the correct JavaScript syntax to write "Hello World"? a) document.write("hello World") b) response.write("hello World") c) "Hello World" d) ("Hello World") 21. Where is the correct place to insert a JavaScript? a) Both the <head> section and the <body> section are correct b) The <body> section c) The <head> section 22. What is the correct syntax for referring to an external script called "xxx.js"? a) <script name="xxx.js"> b) <script href="xxx.js"> c) <script src="xxx.js"> 23. How do you write "Hello World" in an alert box? a) alertbox="hello World" b) alert("hello World") c) alertbox("hello World") d) msgbox("hello World") 24. How do you create a function? a) function:myfunction() b) function=myfunction() c) function myfunction() 25. How do you call a function named "myfunction"? a) myfunction() b) call function myfunction c) call myfunction() 26. How do you write a conditional statement for executing some statements only if "i" is equal to 5? a) if i==5 then b) if (i==5) c) if i=5 then d) if i=5 27. How do you write a conditional statement for executing some statements only if "i" is NOT equal to 5? a) if (i <> 5) b) if <>5 c) if =! 5 then d) if (i!= 5) 28. How many different kind of loops are there in JavaScript? a) Four. The "for" loop, the "while" loop, the "do...while" loop, and the "loop...until" loop b) Two. The "for" loop and the "while" loop c) One. The "for" loop 5

6 29. How does a "while" loop start? a) while i=1 to 10 b) while (i<=10;i++) c) while (i<=10) 30. How does a "for" loop start? a) for i = 1 to 5 b) for (i = 0; i <= 5) c) for (i = 0; i <= 5; i++) d) for (i <= 5; i++) 31. How can you add a single line comment in a JavaScript? a) 'This is a comment b) <!--This is a comment--> c) //This is a comment 32. What is the correct JavaScript syntax to insert a multi-line comment a) //This comment has i) more than one line// b) <!--This comment has more than one line--> c) /*This comment has more than one line*/ 33. What is the correct way to write a JavaScript array? a) var txt = new Array(1:"tim",2:"kim",3:"jim") b) var txt = new Array("tim","kim","jim") c) var txt = new Array="tim","kim","jim" d) var txt = new Array:1=("tim")2=("kim")3=("jim") Please look at the CSS, XHTML and JavaScript quizzes at A CSS comment begins with "/*", and ends with "*/", like this: /*This is a comment*/ An HTML comment: <!--This is a comment. Comments are not displayed in the browser--> Single line JavaScript Comments start with // like this: // Write a heading JavaScript Multi-Line Comments start with /* and end with */ like this: /* The code below will write one heading and two paragraphs */ 6

7 Short Answer Questions Answer each question in 2-4 sentences. 1. What is the difference between individual and metasearch search services? Individual search engines index the searched space and store links in a database; metasearch engines use several independent search engines, but do not do indexing themselves they may organize the results of the search engines or just list the links provided 2. Contrast search engines vs. subject directories. Briefly describe when your search might require one or the other or both. Search engines accept queries and use them to search their indexes and databases; subject directories organize indexes by subject. Search engines are useful when you have a good and specific idea of what information you are seeking; subject directories are useful if you are doing a less precise search or don t know how to form a query. They can be use together by first using a subject directory to refine your search and the queries to locate results, or vice versa you may find the a search engine returns links that suggest categories. 3. Explain how IMAP mail, POP mail and Web-based mail (e.g., Googl ) differ. IMAP servers retain originals of messages on the server and a mail reader is used to read (and perhaps retain) copies of those messages on a client POP servers allow messages to be downloaded (perhaps retaining copies) to a client mail reader to be stored and read Web-based mail systems both retain originals of messages on the server and provide a server-based mail reader (nothing downloaded to client) 4. What does the well-formed requirement of XHTML mean? (Hint: see multiple choice questions) XHTML elements must be properly nested XHTML elements must always be closed XHTML elements must be in lowercase XHTML documents must have one root element At least 3 of these 5. Explain the pros and cons of subject directories. (Hint: see multiple choice questions) Pros: Hierarchically organized into browsable subject categories and subcategories May also provide fewer results out of context than search engines. Cons: Most directories do not compile databases of their own Dead links are a real problem for subject directories, 7

8 at least one of each 6. Explain the pros and cons of using external frames as a webpage layout method. Pros: A frameset composes the browser window of individual frame elements, each of which is its own complete html document. Can develop frames independently Cons: Some browsers that are frames-incapable Have to include no-frames content Often misused Functionality can be achieved with more standard HTML at least one of each 7. Assume you have created an array of pets: var mypets = new Array(); mypets[0] = "dog"; mypets[1] = "cat"; mypets[2] = "goldfish"; </script> a) Add a for loop to print out the array (add code below): [5 pts.] var mypets = new Array(); mypets[0] = "dog"; mypets[1] = "cat"; mypets[2] = "goldfish"; for (i=0;i<mypets.length;i++) document.write(mypets[i] + "<br />"); </script> 8

9 Medium-Long answer questions. For Exam 2, these will include CSS and/or html or layout questions. 1. CSS Question For the page rendered below Add the necessary styles in this code: <html> <head> <style type="text/css"> p.double-red Border is green, medium and single-lined (solid) p.single-green </style> </head> Either of these <body> <p class = double-red>this is the second examination in CMPSCI 120. We are going to see if you can define borders around a paragraph using embedded CSS styles so that it looks like this. <p class = single-green> Please complete the html code that will cause this page to be rendered 9

10 2. Complete the CSS styles (fill in the attributes & values in the following so it renders as shown: <html> <head> <title>test Example</title> <style type="text/css"> div.container width: 90%; margin: 10px; <- don t take off for this! border: 5px solid gray; <- might be each separate attributes on different lines line-height:120%; div.header padding: 0.5em; color: white; background-color: gray; h1.header margin: 5px; div.left float: left; width: 150px; margin: 10px; padding: 0; div.content margin-left: 180px; border-left: 5px solid gray; <- might be each separate attributes on different lines padding: 1em; </style> </head> <body> <div class="container"> <div class="header"> <h1 class="header">examination 2 Fall 2009</h1> </div> <div class="left"> <p>"intellectual growth should commence at birth and cease only at death"- Albert Einstein</p> </div> <div class="content"> <h2>can you do this layout?</h2> <p>we are learning to do layouts!!</p> </div> </body></html> 10

11 3. Write a for loop that prints out all even numbers beginning with 2 and ending with 50. <html> <body> for (i = 2; i <= 50; i=i+2) document.write("the number is " +i); document.write("<br />"); </script> </body> </html> 4. Write a nested for loop that prints out the following, but hides it from old browsers that do not @@@@@ <html> <head> <title>nested loops</title> </head> <body> <script language=javascript> <!-- Hiding JavaScript from old browsers var str = "@"; for ( var row = 0; row < 6; row++) for ( var col=0; col < row; col++) document.write(str); document.write("<br>"); //--> </script> </body> </html> 11

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 Part I. (50%) Multiple Guess Choice. 1. What does CSS stand for? a. Creative Style Sheets b. Computer Style Sheets c. Cascading Style

More information

CSS Quiz Result. 2) Where in an HTML document is the correct place to refer to an external style sheet?

CSS Quiz Result. 2) Where in an HTML document is the correct place to refer to an external style sheet? CSS Quiz Result 1) What does CSS stand for? a) Creative Style Sheets b) Computer Style Sheets c) Cascading Style Sheets - correct answer d) Cascade Style Sheets e) Colorful Style Sheets 2) Where in an

More information

Web Technology. Assignment 3. Notes: This assignment is individual assignment, every student should complete it by himself.

Web Technology. Assignment 3. Notes: This assignment is individual assignment, every student should complete it by himself. Web Technology Assignment 3 Due: Next Section. (one day before if you submit by email) Notes: This assignment is individual assignment, every student should complete it by himself. 1. Choose the correct

More information

Client Side Concepts Quiz Solution

Client Side Concepts Quiz Solution Client Side Concepts Quiz Solution Who invented the World Wide Web? A) Tim Berners Lee B) Bruce Lee C) Brett Lee D) Jerry Kabell Who is making the Web standards? A) Microsoft B) Mozilla C) The World Wide

More information

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU Bachelor of Computer Application (Sem - 6) 030010602 : Introduction to jquery Question Bank UNIT 1 : Introduction to jquery Short answer questions: 1. List at least four points that how jquery makes tasks

More information

In the early days of the Web, designers just had the original 91 HTML tags to work with.

In the early days of the Web, designers just had the original 91 HTML tags to work with. Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,

More information

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

<style type=text/css> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page*** Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember

More information

COSC 2206 Internet Tools. CSS Cascading Style Sheets

COSC 2206 Internet Tools. CSS Cascading Style Sheets COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

Lecture B3 Style : Algorithmic Thinking. Computing and Art : Nature, Power, and Limits CC 3.12: Fall 2007

Lecture B3 Style : Algorithmic Thinking. Computing and Art : Nature, Power, and Limits CC 3.12: Fall 2007 Lecture B3 Style : Algorithmic Thinking Computing and Art : Nature, Power, and Limits CC 3.12: Fall 2007 Functionalia Instructor Chipp Jansen, chipp@sci.brooklyn.cuny.edu Course Web Page http://www.sci.brooklyn.cuny.edu/~chipp/cc3.12/

More information

.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in; } .tube {

.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in; } .tube { .hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in;.tube { color: #996600; height: 3in; width: 12in; position: fixed; What is CSS? Cascading Style Sheets CSS is responsible

More information

Web Design and Development Tutorial 03

Web Design and Development Tutorial 03 Table of Contents Web Design & Development - Tutorial 03... 2 Using and Applying CSS to XHTML... 2 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 3 Parent / Child Elements...

More information

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU 2014

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU 2014 B.C.A. (6 th Semester) 030010602 Introduction To jquery Question Bank UNIT: Introduction to jquery Long answer questions 1. Write down steps for installing and testing jquery using suitable example. 2.

More information

Reading 2.2 Cascading Style Sheets

Reading 2.2 Cascading Style Sheets Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing

More information

PIC 40A. Midterm 1 Review

PIC 40A. Midterm 1 Review PIC 40A Midterm 1 Review XHTML and HTML5 Know the structure of an XHTML/HTML5 document (head, body) and what goes in each section. Understand meta tags and be able to give an example of a meta tags. Know

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

Module 2 (VII): CSS [Part 4]

Module 2 (VII): CSS [Part 4] INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VII): CSS [Part 4] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

Page Layout Using Tables

Page Layout Using Tables This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.

<body bgcolor=  fgcolor=  link=  vlink=  alink= > These body attributes have now been deprecated, and should not be used in XHTML. CSS Formatting Background When HTML became popular among users who were not scientists, the limited formatting offered by the built-in tags was not enough for users who wanted a more artistic layout. Netscape,

More information

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em> Introduction to CSS Review Question 1 Which tag is used to create a link to another page? 1. 2. 3. 4. Review Question 1 Which tag is used to create a link to another page? 1. 2.

More information

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS

More information

2) We are given the following function... Write a program trace explaining what each line of the program does and give sample result

2) We are given the following function... Write a program trace explaining what each line of the program does and give sample result Sample Exam 3 1) Write the details of a function that prompts the user for a color and uses what they typed to set the link color within the existing web page. function changelinkcolor() var color=prompt(``enter

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

The Benefits of CSS. Less work: Change look of the whole site with one edit

The Benefits of CSS. Less work: Change look of the whole site with one edit 11 INTRODUCING CSS OVERVIEW The benefits of CSS Inheritance Understanding document structure Writing style rules Attaching styles to the HTML document The cascade The box model CSS units of measurement

More information

CSS: Cascading Style Sheets

CSS: Cascading Style Sheets CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS

More information

CSS. Lecture 16 COMPSCI 111/111G SS 2018

CSS. Lecture 16 COMPSCI 111/111G SS 2018 CSS Lecture 16 COMPSCI 111/111G SS 2018 No CSS Styles A style changes the way the HTML code is displayed Same page displayed using different styles http://csszengarden.com Same page with a style sheet

More information

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 3 Cascading Style Sheets (CSS) Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

CSS Lecture 16 COMPSCI 111/111G SS 2018

CSS Lecture 16 COMPSCI 111/111G SS 2018 No CSS CSS Lecture 16 COMPSCI 111/111G SS 2018 Styles Astyle changes the way the HTML code is displayed Same page displayed using different styles Same page with a style sheet body font-family: sans-serif;

More information

CSC309 Tutorial CSS & XHTML

CSC309 Tutorial CSS & XHTML CSC309 Tutorial CSS & XHTML Lei Jiang January 27, 2003 1 CSS CSC309 Tutorial --CSS & XHTML 2 Sampel XML Document

More information

DAY 4. Coding External Style Sheets

DAY 4. Coding External Style Sheets DAY 4 Coding External Style Sheets LESSON LEARNING TARGETS I can code and apply an embedded style sheet to a Web page. I can code and apply an external style sheet to multiple Web pages. I can code and

More information

2. Write style rules for how you d like certain elements to look.

2. Write style rules for how you d like certain elements to look. CSS for presentation Cascading Style Sheet Orientation CSS Cascading Style Sheet is a language that allows the user to change the appearance or presentation of elements on the page: the size, style, and

More information

CIS 228 (Spring, 2012) Final, 5/17/12

CIS 228 (Spring, 2012) Final, 5/17/12 CIS 228 (Spring, 2012) Final, 5/17/12 Name (sign) Name (print) email I would prefer to fail than to receive a grade of or lower for this class. Question 1 2 3 4 5 6 7 8 9 A B C D E TOTAL Score CIS 228,

More information

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for

More information

Adding CSS to your HTML

Adding CSS to your HTML Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,

More information

ACSC 231 Internet Technologies

ACSC 231 Internet Technologies ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008

More information

Web Development IB PRECISION EXAMS

Web Development IB PRECISION EXAMS PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards

More information

Assignments (4) Assessment as per Schedule (2)

Assignments (4) Assessment as per Schedule (2) Specification (6) Readability (4) Assignments (4) Assessment as per Schedule (2) Oral (4) Total (20) Sign of Faculty Assignment No. 02 Date of Performance:. Title: To apply various CSS properties like

More information

Comp-206 : Introduction to Software Systems Lecture 23. Alexandre Denault Computer Science McGill University Fall 2006

Comp-206 : Introduction to Software Systems Lecture 23. Alexandre Denault Computer Science McGill University Fall 2006 HTML, CSS Comp-206 : Introduction to Software Systems Lecture 23 Alexandre Denault Computer Science McGill University Fall 2006 Course Evaluation - Mercury 22 / 53 41.5% Assignment 3 Artistic Bonus There

More information

Controlling Appearance the Old Way

Controlling Appearance the Old Way Webpages and Websites CSS Controlling Appearance the Old Way Older webpages use predefined tags - - italic text; - bold text attributes - Tables (and a few other elements) use specialized

More information

Zen Garden. CSS Zen Garden

Zen Garden. CSS Zen Garden CSS Patrick Behr CSS HTML = content CSS = display It s important to keep them separated Less code in your HTML Easy maintenance Allows for different mediums Desktop Mobile Print Braille Zen Garden CSS

More information

HIERARCHICAL ORGANIZATION

HIERARCHICAL ORGANIZATION A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout

More information

Getting Started with Eric Meyer's CSS Sculptor 1.0

Getting Started with Eric Meyer's CSS Sculptor 1.0 Getting Started with Eric Meyer's CSS Sculptor 1.0 Eric Meyer s CSS Sculptor is a flexible, powerful tool for generating highly customized Web standards based CSS layouts. With CSS Sculptor, you can quickly

More information

HTML/XML. HTML Continued Introduction to CSS

HTML/XML. HTML Continued Introduction to CSS HTML/XML HTML Continued Introduction to CSS Entities Special Characters Symbols such as +, -, %, and & are used frequently. Not all Web browsers display these symbols correctly. HTML uses a little computer

More information

Creating Layouts Using CSS. Lesson 9

Creating Layouts Using CSS. Lesson 9 Creating Layouts Using CSS Lesson 9 CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

More information

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

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web

More information

Web Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio

Web Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML

More information

CSE 154 LECTURE 3: MORE CSS

CSE 154 LECTURE 3: MORE CSS CSE 154 LECTURE 3: MORE CSS Cascading Style Sheets (CSS): ... ... HTML CSS describes the appearance and layout of information

More information

HTML & CSS November 19, 2014

HTML & CSS November 19, 2014 University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014

More information

CSS مفاهیم ساختار و اصول استفاده و به کارگیری

CSS مفاهیم ساختار و اصول استفاده و به کارگیری CSS مفاهیم ساختار و اصول استفاده و به کارگیری Cascading Style Sheets A Cascading Style Sheet (CSS) describes the appearance of an HTML page in a separate document : مسایای استفاده از CSS It lets you separate

More information

CSS worksheet. JMC 105 Drake University

CSS worksheet. JMC 105 Drake University CSS worksheet JMC 105 Drake University 1. Download the css-site.zip file from the class blog and expand the files. You ll notice that you have an images folder with three images inside and an index.html

More information

CSS. https://developer.mozilla.org/en-us/docs/web/css

CSS. https://developer.mozilla.org/en-us/docs/web/css CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties

More information

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations Hun Myoung Park (1/26/2019) Cascading Style Sheets: 1 INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations ADC5030401 (2 Credits) Introduction

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

Appendix D CSS Properties and Values

Appendix D CSS Properties and Values HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by

More information

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX

KillTest *KIJGT 3WCNKV[ $GVVGT 5GTXKEG Q&A NZZV ]]] QORRZKYZ IUS =K ULLKX LXKK [VJGZK YKX\OIK LUX UTK _KGX KillTest Q&A Exam : 9A0-803 Title : Certified Dreamweaver 8 Developer Exam Version : DEMO 1 / 7 1. What area, in the Insert bar, is intended for customizing and organizing frequently used objects? A. Layout

More information

Tizen Web UI Technologies (Tizen Ver. 2.3)

Tizen Web UI Technologies (Tizen Ver. 2.3) Tizen Web UI Technologies (Tizen Ver. 2.3) Spring 2015 Soo Dong Kim, Ph.D. Professor, Department of Computer Science Software Engineering Laboratory Soongsil University Office 02-820-0909 Mobile 010-7392-2220

More information

UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013

UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013 UNIVERSITI TEKNOLOGI MALAYSIA TEST 1 SEMESTER II 2012/2013 SUBJECT CODE : SCSV1223 (Section 05) SUBJECT NAME : WEB PROGRAMMING YEAR/COURSE : 1SCSV TIME : 2.00 4.00 PM DATE : 18 APRIL 2013 VENUE : KPU 10

More information

What is the Box Model?

What is the Box Model? CSS Box Model What is the Box Model? The box model is a tool we use to understand how our content will be displayed on a web page. Each HTML element appearing on our page takes up a "box" or "container"

More information

CSS: Cascading Style Sheets

CSS: Cascading Style Sheets What are Style Sheets CSS: Cascading Style Sheets Representation and Management of Data on the Internet, CS Department, Hebrew University, 2007 A style sheet is a mechanism that allows to specify how HTML

More information

Introduction to Web Tech and Programming

Introduction to Web Tech and Programming Introduction to Web Tech and Programming Cascading Style Sheets Designed to facilitate separation of content and presentation from a document Allows easy modification of style for an entire page or an

More information

FUNDAMENTALS OF WEB DESIGN (46)

FUNDAMENTALS OF WEB DESIGN (46) 8 Pages Contestant Number Time Rank FUNDAMENTALS OF WEB DESIGN (46) Regional 2010 Points Section Possible Awarded 20 Questions @ 5pts. 100 pts Application (Subj.) 100 pts TOTAL POINTS 200 pts Failure to

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo

Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Study Guide 2 - HTML and CSS - Chap. 6,8,10,11,12 Name - Alexia Bernardo Note: We skipped Study Guide 1. If you d like to review it, I place a copy here: https:// people.rit.edu/~nbbigm/studyguides/sg-1.docx

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

School of Computer Science and Software Engineering

School of Computer Science and Software Engineering 1. C 2. B 3. C B 4. B 5. B 6. B 7. C (should be getelementsbyid case sensitive) 8. A 9. B 10. D 11. B 12. A 13. A 14. D 15. C 16. D 17. A 18. C 19. A 20. D P a g e 2 of 13 Section B: Long Answer Questions

More information

CSS 1: Introduction. Chapter 3

CSS 1: Introduction. Chapter 3 CSS 1: Introduction Chapter 3 Textbook to be published by Pearson Ed 2015 in early Pearson 2014 Fundamentals of Web http://www.funwebdev.com Development What is CSS? You be styling soon CSS is a W3C standard

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

CSc 337 LECTURE 3: CSS

CSc 337 LECTURE 3: CSS CSc 337 LECTURE 3: CSS The bad way to produce styles welcome to Greasy Joe's. You will never, ever, ever beat our

More information

ITA430 Solved & Unsolved MCQs BY

ITA430 Solved & Unsolved MCQs BY ITA430 Solved & Unsolved MCQs BY Question No: 1 ( Marks: 1 ) - Please choose one If 140.57 is network address and 220.200 is machine address then which class of network it is? A B C D Question No: 2 (

More information

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS: WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters

More information

CSS Styles Quick Reference Guide

CSS Styles Quick Reference Guide Table 1: CSS Font and Text Properties Font & Text Properties Example(s) font-family Font or typeface font-family: Tahoma font-size Size of the font font-size: 12pt font-weight Normal or bold font-weight:

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

HTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web

HTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML & CSS SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML: HyperText Markup Language LaToza Language for describing structure of a document Denotes hierarchy of elements What

More information

Web Recruitment Module Customisation

Web Recruitment Module Customisation Web Recruitment Module Customisation Introduction The People Inc. Web Recruitment add-on enables users to publish details of vacancies on their web site. This information is integrated seamlessly into

More information

Page 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation

More information

MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR

MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR STUDENT IDENTIFICATION NO MULTIMEDIA COLLEGE JALAN GURNEY KIRI 54100 KUALA LUMPUR SECOND SEMESTER FINAL EXAMINATION, 2013/2014 SESSION MMD2253 WEB DESIGN DSEW-E-F 1/13 19 FEBRUARY 2014 2.00 PM 4.00 PM

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor Styles? Cascading Style Sheet http://www.eie.polyu.edu.hk/~nflaw/biclustering/index.html Request string: GET /~nflaw/biclustering/index.html HTTP/1.1 Host: www.eie.polyu.edu.hk 1 Response string: HTTP/1.1

More information

CS 103, Fall 2008 Midterm 1 Prof. Nakayama

CS 103, Fall 2008 Midterm 1 Prof. Nakayama CS 103, Fall 2008 Midterm 1 Prof. Nakayama Family (or Last) Name Given (or First) Name Student ID Instructions 1. This exam has 9 pages in total, numbered 1 to 9. Make sure your exam has all the pages.

More information

1 of 7 11/12/2009 9:29 AM

1 of 7 11/12/2009 9:29 AM 1 of 7 11/12/2009 9:29 AM Home Beginner Tutorials First Website Guide HTML Tutorial CSS Tutorial XML Tutorial Web Host Guide SQL Tutorial Advanced Tutorials Javascript Tutorial PHP Tutorial MySQL Tutorial

More information

XHTML & CSS CASCADING STYLE SHEETS

XHTML & CSS CASCADING STYLE SHEETS CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

Tutorial 3: Working with Cascading Style Sheets

Tutorial 3: Working with Cascading Style Sheets Tutorial 3: Working with Cascading Style Sheets College of Computing & Information Technology King Abdulaziz University CPCS-665 Internet Technology Objectives Review the history and concepts of CSS Explore

More information

Lesson 5 Introduction to Cascading Style Sheets

Lesson 5 Introduction to Cascading Style Sheets Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes

More information

CSS Module in 2 Parts

CSS Module in 2 Parts CSS Module in 2 Parts So as to familiarize yourself with the basics of CSS before moving onto Dreamweaver, I d like you to do the 2 following Modules. It is important for you to AT LEAST do Part 1. Part

More information

EECS1012. Net-centric Introduction to Computing. Lecture 3: CSS for Styling

EECS1012. Net-centric Introduction to Computing. Lecture 3: CSS for Styling EECS1012 Net-centric Introduction to Computing Lecture 3: CSS for Styling Acknowledgements Contents are adapted from web lectures for Web Programming Step by Step, by M. Stepp, J. Miller, and V. Kirst.

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 3 CSS BASICS Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets

More information

HTML and CSS: An Introduction

HTML and CSS: An Introduction JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction

More information

BEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from

BEFORE CLASS. If you haven t already installed the Firebug extension for Firefox, download it now from BEFORE CLASS If you haven t already installed the Firebug extension for Firefox, download it now from http://getfirebug.com. If you don t already have the Firebug extension for Firefox, Safari, or Google

More information

Style Sheet Reference Guide

Style Sheet Reference Guide Version 8 Style Sheet Reference Guide For Password Center Portals 2301 Armstrong St, Suite 2111, Livermore CA, 94551 Tel: 925.371.3000 Fax: 925.371.3001 http://www.imanami.com This publication applies

More information