MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR

Size: px
Start display at page:

Download "MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR"

Transcription

1 STUDENT IDENTIFICATION NO MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR SECOND SEMESTER FINAL EXAMINATION, 2013/2014 SESSION MMD2253 WEB DESIGN DSEW-E-F 1/13 19 FEBRUARY PM 4.00 PM (2 Hours) INSTRUCTIONS TO STUDENT 1. This Examination paper has TWELVE (12) printed pages. 2. This question paper consists of FOUR (4) sections. Section A : Answer ALL questions. Section B : Answer ALL questions Section C : Answer ALL questions. Section D : Answer ONE (1) question ONLY. 3. Please write all your answers in the Answer Booklet provided.

2 SECTION A : OBJECTIVE QUESTIONS (20 MARKS) INSTRUCTION : Answer ALL questions. 1. What is the first component of a URL? A. www B. http C. xyz.com D Domain name ending with "org" is. A. a commercial website B. a network site C. an organization D. a site which has very high traffic 3. Which of the following is NOT true about HTML? A. Case-sensitive B..htm or.html extensions C. Home page should be index.html D. Easy to develop and quick to learn 4. What is Facebook? A. A Personal Website B. A social network website C. A Sharing website D. A gaming website NIM Page 2 of 12

3 5. What is the symbol that enclosed with all HTML tags? A. / and / B. { and } C. * and * D. < and > 6. After inserting a link, you can specify how you want the window for the linked page to appear EXCEPT: A. _blank B. _bottom C. _parent D. _top 7. When background images are smaller than the browser window, the browser will: A. simply ignore the background B. display the background in the upper-left conner with the background color filling the rest of the window C. tile the background image to fill the window D. stretch the background image to fill the window 8. In order to define a site, users must create both and. A. domain name, IP address B. login, password C. site name, home page D. site name, root folder NIM Page 3 of 12

4 9. All normal web pages consist of TWO (2) main parts, which are. A. body and frameset B. head and body C. header and footer D. top and bottom 10. A is a place on a Web page allowing you to connect to a particular file. A. hyperlink B. URL C. D. website 11. Which of the following is NOT true about links? A. Pointer changes to a small hand when you point to a link B. A link can only be a text C. Text link is usually underlined D. Link is usually in a different color 12. What is the correct HTML for referring to an external style sheet? A. <stylesheet>mystyle.css</stylesheet /> B. <style src="mystyle.css" /> C. <link rel="stylesheet" type="text/css" href="mystyle.css"> D. D. <style= css css= mystylesheet > NIM Page 4 of 12

5 13. Which of the following is the correct CSS syntax? A. {body:color=black;} B. {body;color:black;} C. body {color: black;} D. <body color black> 14. In CSS, # is a symbol of selector. A. Class B. ID C. Tag D. Hachtag 15. What is the first step in web page design? A. Define audience B. Define content C. State objective / purpose D. Identify recourses 16. Which of the following is NOT the element of web page? A. Title B. Content C. Design D. Publish NIM Page 5 of 12

6 17. Layout of page is the element of in web page. A. design B. content C. structure D. hyperlink 18. Free from error and alteration is a part of when we evaluate a website. A. examiners B. accuracy C. availability D. accessibility 19. Below is the Do s in designing a website EXCEPT: A. keep the layout simple B. keep file size small for fast download C. state the source of all materials used D. make your readers search to find something 20. Below is the Don ts in designing a website EXCEPT: A. respect copyright and intellectual property rights B. use blinking or glowing text for emphasis C. design for a specific browser D. use long paragraphs of text NIM Page 6 of 12

7 SECTION B : TRUE (T) OR FALSE (F) (20 MARKS) INSTRUCTION : Answer ALL questions. 1. H6 (Heading 6) is to provide a larger text. 2. A collection of related Web pages is called website. 3. The first thing to be done before creating a website is to define the site. 4. A table in Macromedia Dreamweaver consists of rows, columns and space. 5. Hyperlinks are used to display images. 6. An external style sheet is ideal when the style is applied to many pages. 7. The purpose of Commercial website is to sell product or services. 8. Multimedia College website is an example of educational website. 9. A CSS declaration always ends with a colon. 10. File name of your home page should be home.html. 11. HTML is the language that we used to create the Web page. 12. Personal website is written more like a journal that is broken up by dates. 13. Style of the page is a Design part in element of Web page. 14. HTML files can be transferred quickly because the code does not need to be compiled. NIM Page 7 of 12

8 15. The first and last tags in a document should always be the HTML tags. 16. A blank line before and after in HTML code is referred to line break. 17. A CSS ID begins with "/*", and ends with "*/". 18. Dreamweaver is a Web development tool that allows users to quickly and easily create effective and often interactive web sites. 19. Forms are used to get users data, they can also be used to make orders in a virtual store, to create a survey, to know users opinion, and to receive questions. 20. HTML tag for Line Break is <break>. NIM Page 8 of 12

9 SECTION C : SHORT QUESTIONS - (40 marks) INSTRUCTION : Answer ALL questions Question 1 a) Write is the full name for the acronyms below: i. HTTP ii. HTML iii. CSS iv. URL (4 marks) b) Write short explanation on the following Input Element in HTML: i. Text Box ii. Radio Button iii. Text Area (6 marks) Question 2 a) Briefly explain HTML. (2 marks) b) List basic syntax of HTML code. (8 marks) NIM Page 9 of 12

10 Question 3 a) Briefly explain what CSS is and the purpose to use CSS? (3 marks) b) Named the FOUR (4) CSS Syntax as labelled below. a b c d (4 marks) c) State THREE (3) ways of inserting a cascading style sheet. (3 marks) Question 4 a) State FOUR (4) steps in designing Web pages. (4 marks) b) List down SIX (6) criteria on how we evaluate the website. (6 marks) Continued NIM Page 10 of 12

11 SECTION D : ESSAY QUESTIONS (20 MARKS) INSTRUCTION : Answer ONE (1) question ONLY Question 1 a) Briefly explain the function labeled below. (10 marks) b) Describe FIVE (5) basic type of website below: i. Personal Website ii. Educational Website iii. Entertainment Website iv. Commercial Website v. Community Building Website (10 marks) NIM Page 11 of 12

12 Question 2 White the HTML codes to display the web site as follows Please follow the description below: 1) Image file name is cupcake.jpg 2) Use heading 1 for CUPCAKE ONLINE BOOKING 3) Set rows as 5 and columns as 60 for text area field. (20marks) End of Page. NIM Page 12 of 12

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1 CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS

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

A network is a group of two or more computers that are connected to share resources and information.

A network is a group of two or more computers that are connected to share resources and information. Chapter 1 Introduction to HTML, XHTML, and CSS HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language CSS Cascading Style Sheets The Internet is a worldwide collection of computers and

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 FIFTH SEMESTER FINAL EXAMINATION, 2014/2015 SESSION PSD2023 ALGORITHM & DATA STRUCTURE DSEW-E-F-2/13 25 MAY 2015 9.00 AM

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

Objective % Select and utilize tools to design and develop websites.

Objective % Select and utilize tools to design and develop websites. Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret

More information

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

Eng 110, Spring Week 03 Lab02- Dreamwaver Session

Eng 110, Spring Week 03 Lab02- Dreamwaver Session Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,

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

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

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 ITC2223 COMPUTER ORGANIZATION & ARCHITECTURE DSEW-E-F 1/13 18 FEBRUARY

More information

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

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU B. C. A (Semester I) 030010108: Introduction to Web Design Lesson Plan Objective: To provide basic understanding of web and HTML for designing web pages in conjunction with HTML tags, text, videos and

More information

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

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.2 Work with Text and Hypertext (7 hrs) 323.2.1 Add headings, subheadings and body text 323.2.2 Format text according to specifications

More information

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

By completing this practical, the students will learn how to accomplish the following tasks: By completing this practical, the students will learn how to accomplish the following tasks: Learn different ways by which styles that enable you to customize HTML elements and precisely control the formatting

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

Cascading style sheets

Cascading style sheets Cascading style sheets The best way to create websites is to keep the content separate from the presentation. The best way to create websites is to keep the content separate from the presentation. HTML

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

1 of 7 8/27/2014 2:26 PM Units: Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Designing & Planning Web Pages This unit will give students a basic understanding of core design principles

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information

More information

FrontPage 2000 Tutorial -- Advanced

FrontPage 2000 Tutorial -- Advanced FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right

More information

Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!

Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views! Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying

More information

Office Administrator

Office Administrator DURATION: 40 hours Office Administrator COURSE FEES: 3300 (Inclusive All) OBJECTIVE: To give knowledge of basic computer operations. CONTENTS: The course covers the introduction to the evolution of computers,

More information

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

Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

Tutorial 2 - HTML basics

Tutorial 2 - HTML basics Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after

More information

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

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

USING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004

USING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004 USING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004 Introduction This document assumes that you are familiar with the use of a computer keyboard and mouse, have a working knowledge of Microsoft

More information

Figure 1 Properties panel, HTML mode

Figure 1 Properties panel, HTML mode How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties

More information

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain

More information

Web Publishing Basics I

Web Publishing Basics I Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

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

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match

More information

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 CSS introduction CSS Level 1 --> CSS Level 2 --> CSS Level 3 (in modules) More than 50 modules are published Cascading style sheets (CSS) defines how

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best

More information

CS Exam 1 Review Suggestions - Spring 2017

CS Exam 1 Review Suggestions - Spring 2017 CS 328 - Exam 1 Review Suggestions p. 1 CS 328 - Exam 1 Review Suggestions - Spring 2017 last modified: 2017-02-16 You are responsible for material covered in class sessions and homeworks; but, here's

More information

Table Basics. The structure of an table

Table Basics. The structure of an table TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Ministry of Higher Education and Scientific Research

Ministry of Higher Education and Scientific Research Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan

More information

IEEE Wordpress Theme Documentation

IEEE Wordpress Theme Documentation IEEE Wordpress Theme Documentation Version 1.0.2 2014-05- 16 Table of Contents TABLE OF CONTENTS 2 INITIAL SETUP 3 FRONT PAGE 3 POSTS PAGE 4 CONTACT 5 SITE MAP 6 MENU 7 HOME PAGE 8 PAGE TEMPLATES 10 LEFT

More information

Diploma in Web Development Part I

Diploma in Web Development Part I Diploma in Web Development Part I Lesson 1 The Web Development Full Stack Presented by: Julian Quirke Web Development Educator Lesson 1 About us Course Agenda Member Area & Community Course Engagement

More information

Using CSS in Web Site Design

Using CSS in Web Site Design Question 1: What are some of the main CSS commands I should memorize? Answer 1: The most important part of understanding the CSS language is learning the basic structure and syntax so you can use the language

More information

What is CSS? NAME: INSERT OPENING GRAPHIC HERE:

What is CSS? NAME: INSERT OPENING GRAPHIC HERE: What is CSS? NAME: INSERT OPENING GRAPHIC HERE: Highlight VOCABULARY WORDS that you need defined. Put a? mark in any area that you need clarified. 1 What is CSS? CSS stands for Cascading Style Sheets Styles

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

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 [AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course

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

Tutorial 2 Editor Brackets

Tutorial 2 Editor Brackets Tutorial 2 Editor Brackets Goals Create a website showcasing the following techniques - Content switch with Javascript Website - Create a folder on the desktop called tutorial 2 o - Open Brackets o - Open

More information

Alpha College of Engineering and Technology. Question Bank

Alpha College of Engineering and Technology. Question Bank Alpha College of Engineering and Technology Department of Information Technology and Computer Engineering Chapter 1 WEB Technology (2160708) Question Bank 1. Give the full name of the following acronyms.

More information

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES CLASS :: 13 12.01 2014 AGENDA SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements TEMPLATE CREATION :: Why Templates?

More information

Diploma in Web Development Part I

Diploma in Web Development Part I Diploma in Web Development Part I Lesson 1 The Web Development Full Stack Presented by: Julian Quirke Web Development Educator Webinar Interaction Any questions? Our support team are here to help Chat

More information

Web Publishing Basics II

Web Publishing Basics II Web Publishing Basics II Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 Create a Site Definition... 3 The Dreamweaver CS4 Interface... 4 Panels are groups of icons

More information

< building websites with dreamweaver mx >

< building websites with dreamweaver mx > < building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.

More information

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5

HTML5 & CSS 8 th Edition. Chapter 2 Building a Webpage Template with HTML5 HTML5 & CSS 8 th Edition Chapter 2 Building a Webpage Template with HTML5 Objectives 1. Explain how to manage website files 2. Describe and use HTML5 semantic elements 3. Determine the elements to use

More information

Contents. Acknowledgments

Contents. Acknowledgments Contents Acknowledgments Introduction Why Another Book About Web Application Development? How Is This Book Arranged? Intended Audience Do I Need to Start from Scratch? Choosing Development Tools Summary

More information

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.

Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To

More information

CREATING ANNOUNCEMENTS. A guide to submitting announcements in the UAFS Content Management System

CREATING ANNOUNCEMENTS. A guide to submitting announcements in the UAFS Content Management System CREATING ANNOUNCEMENTS A guide to submitting announcements in the UAFS Content Management System Fall 2017 GETTING STARTED 1 First, go to news.uafs.edu. 2 Next, click Admin at the bottom of the page. NOTE:

More information

Web Design and Development ACS-1809

Web Design and Development ACS-1809 Web Design and Development ACS-1809 Chapter 4 Cascading Style Sheet Cascading Style Sheets A style defines the appearance of a document A style sheet - a file that describes the layout and appearance of

More information

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

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3

More information

How to create and edit a CSS rule

How to create and edit a CSS rule Adobe Dreamweaver CS6 Project 3 guide How to create and edit a CSS rule You can create and edit a CSS rule in two locations: the Properties panel and the CSS Styles panel. When you apply CSS styles to

More information

Website Development (WEB) Lab Exercises

Website Development (WEB) Lab Exercises Website Development (WEB) Lab Exercises Select exercises from the lists below to complete your training in Website Development and earn 125 points. You do not need to do all the exercises listed, except

More information

ACA Dreamweaver Exam Notes

ACA Dreamweaver Exam Notes ACA Dreamweaver Exam Notes Remember when you need to copy and paste the text you have to open up that actual text file itself and the need to go to edit> select all>, edit> copy>, then go back to the html

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

Introduction to Dreamweaver CS3

Introduction to Dreamweaver CS3 TUTORIAL 2 Introduction to Dreamweaver CS3 In Tutorial 2 you will create a sample site while you practice the following skills with Adobe Dreamweaver CS3: Creating pages based on a built-in CSS page layout

More information

Using Dreamweaver To Edit the Campus Template Version MX

Using Dreamweaver To Edit the Campus Template Version MX Using Dreamweaver To Edit the Campus Template Version MX Tennessee Tech University Clement Hall 215 Dreamweaver is an HTML (Hypertext Markup Language) editor that allows you to create HTML pages. This

More information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, Style Sheets, the Box Model and Liquid Layout Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

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

M2-R4: INTERNET TECHNOLOGY AND WEB DESIGN

M2-R4: INTERNET TECHNOLOGY AND WEB DESIGN M2-R4: INTERNET TECHNOLOGY AND WEB DESIGN NOTE: 1. There are TWO PARTS in this Module/Paper. PART ONE contains FOUR questions and PART TWO contains FIVE questions. 2. PART ONE is to be answered in the

More information

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

CSS how to display to solve a problem External Style Sheets CSS files WEB DESIGN What is 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

More information

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site

Project 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your

More information

CAL 9-2: Café Soylent Green Chapter 12

CAL 9-2: Café Soylent Green Chapter 12 CAL 9-2: Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CC. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping

More information

DRAFT WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: Grade: Term: ACP Credit: Books: Resource List:

DRAFT WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: Grade: Term: ACP Credit: Books: Resource List: WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: 0.5 Computer or Practical Arts/Technology Grade: 10, 11, 12 Term: 1 Semester ACP Credit: MGD141* Books: Shelley Cashman HTML 4.1 Concepts and Techniques,

More information

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC 1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target

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

Year 8 Computing Science End of Term 3 Revision Guide

Year 8 Computing Science End of Term 3 Revision Guide Year 8 Computing Science End of Term 3 Revision Guide Student Name: 1 Hardware: any physical component of a computer system. Input Device: a device to send instructions to be processed by the computer

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

Dreamweaver MX The Basics

Dreamweaver MX The Basics Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia

More information

CREATING ACCESSIBLE WEB PAGES

CREATING ACCESSIBLE WEB PAGES CREATING ACCESSIBLE WEB PAGES WITH DREAMWEAVER MX 2004 Introduction This document assumes that you are familiar with the use of a computer keyboard and mouse, have a working knowledge of Microsoft Windows

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar. Hover Effect:

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar. Hover Effect: GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover Effect: Images required: 58 x 1 px high background image (black gloss gradient) for the nav bar

More information

Café Soylent Green Chapter 12

Café Soylent Green Chapter 12 Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CS6. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping quite

More information

Creating Web Pages with a Template

Creating Web Pages with a Template Creating Web Pages with a Template Adobe Dreamweaver Creative Cloud 2017 University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of

More information

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

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 7 More on Links, Layout, and Mobile Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

INTRODUCTION TO HTML5! CSS Styles!

INTRODUCTION TO HTML5! CSS Styles! INTRODUCTION TO HTML5! CSS Styles! Understanding Style Sheets HTML5 enables you to define many different types of content on a web page, including headings, paragraphs, lists, images, input fields, canvases,

More information

Three Ways to Use CSS:

Three Ways to Use CSS: Introduction to CSS CSS Defined: Short for "Cascading Style Sheets". Determines how the elements in our XHTML documents are displayed and formatted. Designed to separate the content of a web page from

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

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

Chapter 1 Introduction to HTML, XHTML, and CSS

Chapter 1 Introduction to HTML, XHTML, and CSS Chapter 1 Introduction to HTML, XHTML, and CSS MULTIPLE CHOICE 1. The world s largest network is. a. the Internet c. Newsnet b. the World Wide Web d. both A and B A PTS: 1 REF: HTML 2 2. ISPs utilize data

More information

CS134 Web Site Design & Development. Quiz1

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? a. www.whitehouse.gov

More information

m ac romed ia D r e a mw e av e r Curriculum Guide

m ac romed ia D r e a mw e av e r Curriculum Guide m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and

More information

Table of contents. DMXzoneUniformManual DMXzone

Table of contents. DMXzoneUniformManual DMXzone Table of contents Table of contents... 1 About Uniform... 2 The Basics: Basic Usage of Uniform... 11 Advanced: Updating Uniform Elements on Demand... 19 Reference: Uniform Designs... 26 Video: Basic Usage

More information

Create a Web Page with Spry Navigation Bar. March 30, 2010

Create a Web Page with Spry Navigation Bar. March 30, 2010 Create a Web Page with Spry Navigation Bar March 30, 2010 Open a new web page by selecting File on the Menu bar, and pick Open. Select HTML as the page type and none from the layout list. Finally, we press

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/16/2011 Contents Before you start with Dreamweaver....

More information

INSTITUTE OF AERONAUTICAL ENGINEERING (Autonomous) Dundigal, Hyderabad

INSTITUTE OF AERONAUTICAL ENGINEERING (Autonomous) Dundigal, Hyderabad INSTITUTE OF AERONAUTICAL ENGINEERING (Autonomous) Dundigal, Hyderabad - 500 043 INFORMATION TECHNOLOGY TUTORIAL QUESTION BANK Course Name Course Code Class Branch : Web Technologies : ACS006 : B. Tech

More information

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.

More information

Designing for Web Using Markup Language and Style Sheets

Designing for Web Using Markup Language and Style Sheets Module Presenter s Manual Designing for Web Using Markup Language and Style Sheets Effective from: July 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New

More information

MRK260. Week Two. Graphic and Web Design

MRK260. Week Two. Graphic and Web Design MRK260 Week Two Graphic and Web Design This weeks topics BASIC HTML AND CSS MRK260 - Graphic & Web Design - Week Two 2 Lesson Summary What is HTML? Introduction to HTML Basics Introduction to CSS Introduction

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters PageMasters have the permissions necessary to perform the following tasks with Site Tools: ACADEMIC HEALTH CENTER 2 Application Requirements...3 Access FileNET...3 Log in to FileNET...3 Navigate the Site...3

More information

Dreamweaver MX 2004 Introduction

Dreamweaver MX 2004 Introduction Dreamweaver MX 2004 Introduction A Workshop for San Diego State University Faculty and Staff 2004. San Diego State University. All Rights Reserved Sponsored by Academic Affairs Where to Find Help When

More information

Accessibility Guidelines

Accessibility Guidelines Accessibility s Table 1: Accessibility s The guidelines in this section should be followed throughout the course, including in word processing documents, spreadsheets, presentations, (portable document

More information