CS134 Web Site Design & Development. Quiz1

Similar documents
Web Publishing Basics I

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

Assignments (4) Assessment as per Schedule (2)

ADDING CSS TO YOUR HTML DOCUMENT. A FEW CSS VALUES (colour, size and the box model)

introduction to XHTML

HTML. Hypertext Markup Language. Code used to create web pages

How the Internet Works

Introduction to WEB PROGRAMMING

XHTML & CSS CASCADING STYLE SHEETS

Introduction to using HTML to design webpages

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

Perfect Student Midterm Exam March 20, 2007 Student ID: 9999 Exam: 7434 CS-081/Vickery Page 1 of 5

CMT111-01/M1: HTML & Dreamweaver. Creating an HTML Document

HTMLnotesS15.notebook. January 25, 2015

HTML/XML. HTML Continued Introduction to CSS

Dreamweaver CS3 Lab 2

Overview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS

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

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

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

CSS: The Basics CISC 282 September 20, 2014

Web Development & Design Foundations with XHTML. Chapter 2 Key Concepts

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model

Create a cool image gallery using CSS visibility and positioning property

Basic Web Pages with XHTML (and a bit of CSS) CSE 190 M (Web Programming), Spring 2008 University of Washington Reading: Chapter 1, sections

Navigation. Websites need a formalized system of links to allow users to navigate the site

CSS: Cascading Style Sheets

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site

c122jan2714.notebook January 27, 2014

By completing this practical, the students will learn how to accomplish the following tasks:

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

Lab 4 CSS CISC1600, Spring 2012

CSS Cascading Style Sheets

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

What is XHTML? XHTML is the language used to create and organize a web page:

Creating A Web Page. Computer Concepts I and II. Sue Norris

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

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.

Web Design and Development ACS Chapter 3. Document Setup

COMS 359: Interactive Media

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

Introduction to HTML5

CS144 Notes: Web Standards

Final Exam Study Guide

HTML CS 4640 Programming Languages for Web Applications

CSS stands for Cascading Style Sheets Styles define how to display HTML elements

Chapter 4. Introduction to XHTML: Part 1

Which is why we ll now be learning how to write in CSS (or cascading sheet style)

ITNP43: HTML Lecture 4

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

CSS: formatting webpages

Reading 2.2 Cascading Style Sheets

WML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML.

Creating A Website - Part 1: Web Design principles, HTML & CSS. CSS Color Values. Hexadecimal Colors. RGB Color

CSS is applied to an existing HTML web document--both working in tandem to display web pages.

CSS means Cascading Style Sheets. It is used to style HTML documents.

HTML + CSS. ScottyLabs WDW. Overview HTML Tags CSS Properties Resources

Outline. Link HTML With Style Sheets &6&7XWRULDO &66 ;+70/ (GZDUG;LD

HyperText Markup Language (HTML)

CSS: Cascading Style Sheets

How to create and edit a CSS rule

Wireframe :: tistory wireframe tistory.

Basic CSS Lecture 17

Data Visualization (CIS/DSC 468)

Dreamweaver CS5 Lab 2

CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject

CISC1600-SummerII2012-Raphael-lec3 1

COSC 2206 Internet Tools. CSS Cascading Style Sheets

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

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax:

Introduction to Web Development

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

DAY 4. Coding External Style Sheets

Data Visualization (DSC 530/CIS )

Lab Introduction to Cascading Style Sheets

Dreamweaver: Portfolio Site

CE419 Web Programming. Session 3: HTML (contd.), CSS

INTRODUCTION TO CSS. Mohammad Jawad Kadhim

Web Publishing Intermediate 2

11. HTML5 and Future Web Application

This tutorial will help both students as well as professionals who want to make their websites or personal blogs more attractive.

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

There are 3 places you can write CSS.

Shane Gellerman 10/17/11 LIS488 Assignment 3

Unit 20 - Client Side Customisation of Web Pages. Week 2 Lesson 4 The Box Model

INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank

Implementing a chat button on TECHNICAL PAPER

First Name Last Name CS-081 March 23, 2010 Midterm Exam

Using Dreamweaver CS6

CSC309 Tutorial CSS & XHTML

HTML Overview. With an emphasis on XHTML

Cascading Style Sheets (CSS)

Fundamentals: Client/Server

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

Transcription:

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? a. www.whitehouse.gov b. http://www.whitehouse.gov/history/index.htm c..gov d. 216.43.187.162 2. When you are browsing the Web and viewing web pages, your computer is acting as a: a. telent b. client c. server d. packet 3. On Internet, data is transmitted by using the Internet Protocol: a. packet switching b. circuit switching c. virtual circuit switching d. combination of circuit switching and packet switching 4. Basic syntax for XHTML tags and attributes is: a. <tag attribute=value> </tag> b. <tag attribute=value> <tag> c. <tag attribute= value > <tag> d. <tag attribute= value > </tag> 5. The XHTML code <a href= http://www.cs.pitt.edu/ >CS Department at Pitt</a> will create a to Pitt CS web page: a. internal link b. external link c. anchor d. combination link

Questions 6 to 8 use the following example. Example 1..class1 {fontsize: 14px} p {text-indent:5%;}.imgleft{ position:relative; float:left; margin:20px 15px 20px 15px; padding:0px; border:5px solid silver; } 6. A style sheet consists of a set of rules. Each rule consists of one or more selectors and a declaration block. In the Example 1, there is/are a. no rule b. 1 rule c. 2 rules d. 3 rules 7. In the Example 1,.class1 is a a. selector b. rule c. declaration block d. attribute 8. In the Example 1, text-indent is a a. attribute b. property c. stylesheet element d. value 9. In the example below <h1 style="color:white; background:orange; font-weight:bold;">this is my web page</h1> The attribute style is used to create: a. an internal style sheet b. an external style sheet c. a local style sheet d. none of the above 10. Given that (33)16 = (51)10, (CC)16 = (204)10, (FF)16 = (255)10, the color value

rgb(51, 204, 255) in RGB format is equal to the color value in hexadecimal format a. #51CCFF b. #33CCFF c. #FFCC33 d. #FFCC51 II True or false questions (T for true, F for false; 2 points each, total 16 points) 1. Domain Name System (DNS) is a mapping between the human-readable name (domain name) of a host and its IP address. 2. A browser is a software program which interprets the HTML documents and displays it on the user s screen. 3. A tag is an html code that is enclosed in angel brackets (<>), and it's used to lay out the web page. 4. In XHTML, only lowercase tags are allowed. 5. In XHTML, tags should appear in pairs, and no overlapping tags are allowed. 6. The following XHTML code will display nothing on the screen: <!-- abcdefghijklmnopqrstuvwxyz--> 7. The following is a legitimate XHTML code: <em><h2>bold and italic</h2></em> 8. If we put the XHTML code <link href=./mystyle.css" rel="stylesheet" type="text/css" /> in between the <head> and </head> tags of a web page, then this will tell the web page to use the mystyle.css as external stylesheet. III Fill in the blanks. (2 points each, total 28 points) 1. Explain the meaning of each part of the following URL: http://socrates.berkeley.edu/courses/history/hist181.html

http:// socrates.berkeley.edu /courses/history/hist181.html 2. <br /> tag is used for. 3. <h1> to <h6> tags are used for defining text. 4. If a block of text is inserted between <em> and </em> tags, then that text will be displayed in ; if they re inserted between <strong> and </strong> tags, then that text will be displayed in. 5. In the following XHTML code, the text This paragraph introduces html attributes is displayed in the browser when. <p title= This paragraph introduces html attributes >Welcome to my web page</p> 6. CSS is introduced in order to separate from. 7. The XHTML tag we use to create unordered list is. 8. The XHTML tag we use to create table header in a table is. 9. When we re inserting an image in a web page, we use <img> tag in the following format: <img src= value1 alt= value2 /> In the above format, value1 is the of the image we want to insert, and value2 is the of the image. IV Writing code (36points total) Write the XHTML source code for the web page in Picture 1. The following information is given to you: 20 pixel padding 6 pixel border with color #9DACBF

The XHTML code for the above web page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www/w3/org/tr/xhtml/11/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style>

} </style> </head> <body> </body> </html>