Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Garfield Public Schools Fine & Practical Arts Curriculum Web Design"

Transcription

1 Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and also basic skills for designing and creating websites using Google Sites. Students will use these skills and knowledge to create personal fully functional websites that display their interests. Students will have the opportunity to discover a special interest in web design as a possible future career. Prerequisite Students who plan to enroll in Web Design must have successfully completed Computer Applications II.

2 Content Unit Title: Garfield Public Schools Web Design Unit Map Google Sites... 5 Blocks Overview: The primary objective of this activity is for students to create a website using Google Sites and other Google Apps. Create a Gmail Account and Learn to use it Create a Google Calendar Account and learn to use it Create a Google drive account to save all of your files for this class Create a Picasa account and learn to use it Create a Google Site o Insert and edit site headers o Insert pictures and use Picasa to edit them o Add different types of pages o Edit site layout o Change themes and colors o Insert Google gadgets o Publish your site Unit Title: Creating a website using HTML.. 1 Block Overview: The primary objective of this unit is for students to have the proper basic tools and understanding of what HTML is and what is needed to create one. HTML and how it works Directory s Browsers Word processors Saving a file as HTML Web Hosts Domains Unit Title: Learning the HTML language. Using tags to create a site. 14 Blocks

3 Overview: The primary objective of this unit is for students to learn the code and proper procedures for creating a HTML website Basic Tags Code organization Correct coding Emphasizing text Headers Indenting and spacing Symbols and characters Lists Bookmarks and Hyperlinks Images Color Box model Border properties Outlines Margins padding Unit Title: Cascading Style Sheets Blocks Overview: The primary objective of this unit is to learn about and how to use basic CSS in an HTML website. During this time students will begin working on their final project, a fully functional website using HTML along with CSS on a topic of their choice. Syntax ID and Class Inserting Style sheets Background Text Font Links Lists Tables Unit Title: Advanced Cascading Style Sheets 10 Blocks

4 Overview: The primary objective of this unit is to learn more advanced concepts of CSS. During this time students will continue working on their final project. Grouping selectors Dimension Display and visibility Positioning Floating Block elements Pseudo-classes Navigation Bars Image gallery Opacity / Transparency Image Sprites Attribute selector

5 Content Area: Career and Technical Education Unit Title: Google Sites Target Course/Grade Level: Web Design Blocks Unit Overview Description : Learn how to use Google Sites to create a fully functional website Concepts Gmail Google Drive Picasa Google Calendar Google Sites Concepts & Understandings Learning Targets CPI Codes A.4, D.1, D.2 Understandings Create a Gmail Account and Learn to use it Create a Google Calendar Account and learn to use it Create a Google drive account to save all of your files for this class Create a Picasa account and learn to use it Create a Google Site Insert and edit site headers Insert pictures and use Picasa to edit them Add different types of pages Edit site layout Change themes and colors Insert Google gadgets Publish the site 21 st Century Themes and Skills Life and Career Skills; ICT Literacy; Communication and Collaboration; Information Literacy Guiding Questions How can Google Apps help you in your everyday life? Why use Google Sites over other free web site templates? Why is a professional address important? What are the advantages to using cloud storage? Does anyone use a calendar? What for? How can the use of a Google Calendar improve your life? Does anyone use a calendar? What for? Unit Results Students will be able to use the above Google apps in a professional manner. Proper etiquette, file storage, photo editing and organization, daily planning, and basic web design will all help students in college, their chosen career and their personal life. Suggested Activities The following activities can be incorporated into the daily lessons:

6 Create a Gmail account Students will send themselves s with attachments to show how it is done. Create a Google Calendar account Create a Picasa account Create a Google Drive account Students will share a folder with the teacher. This is where all student work will be check from. Create a Google Site Using Picasa create a site banner for the Google Site

7 Content Area: Career and Technical Education Unit Title: Getting to know HTML Target Course/Grade Level: Web Design 1 Block Description : Creating a Website using HTML Concepts What is HTML What is needed to make a website CPI Codes A.4, D.1, D.2 Unit Overview Concepts & Understandings Understandings HTML and how it works Directory s Browsers Word processors Saving a file as HTML Web Hosts Domains Learning Targets 21 st Century Themes and Skills Life and Career Skills; ICT Literacy; Communication and Collaboration; Information Literacy Guiding Questions What is HTML? Why not use a web design template? How could others see the site on the World Wide Web? Do you think it is expensive to host a site? How much do you think it costs? Unit Results Students will understand what is needed to create a HTML website. Suggested Activities The following activities can be incorporated into the daily lessons: Students will research different web hosts and find what they think may be the best deal. Students will also research sites to purchase a domain Students will create their first HTML file in a directory

8 Content Area: Career and Technical Education Unit Title: HTML Tags Target Course/Grade Level: Web Design 14 blocks Unit Overview Description : Learning the HTML language. Using tags to create a site. Concepts 1. Basic Tags 2. Code organization 3. Correct coding 4. Emphasizing text 5. Headers 6. Indenting and spacing 7. Symbols and characters 8. Lists 9. Bookmarks and Hyperlinks 10. Images 11. Color 12. Tables Concepts & Understandings Understandings 1. Breaks 1. Horizontal rules 1. HTML tag 1, Titles 1, The Head tag 1, The Body tag 2, Last in first out 2, indenting and spacing code 3, Container elements 3, Opening and closing tags 4, centering 5, H1 H6 tags 6, non-breaking space character 7, using the net to find characters and symbols 8, unordered lists 8, ordered lists 8, definition lists 8, nested lists 8, type, start and value attribute 9, Links on page (bookmarks) 9, Links to other pages 9, links to other sites 9, link buttons 9, links to 10, inserting pictures 10, saving images 10, image formats 10, image attributes (border, align, height width, hspace, vspace, alt, 10, images as links and thumbnails 11, Hexadecimal vs. Decimal 11, RGB

9 13. Formatting text 14. Forms 11, Background color 11, text color 11, color block of text 11, image as a background 12, Table attributes (border, cell spacing and padding, width, 12, Table header 12, aligning data 12, coloring cells 12, images in cells 12, spanning rows and columns 13, marquees 13, super and sub script 13, blink 13, preformatted text 14, text boxes 14, drop/scroll box 14, radio and checkboxes 14, submit and reset 14, text area, 14, password 14, attributes (Method, Action, name, size, maxlength, multiple, selected, value Learning Targets CPI Codes A.4, D.1, D.2 21 st Century Themes and Skills Life and Career Skills; ICT Literacy; Communication and Collaboration; Information Literacy Guiding Questions Why should everyone that writes code organize it the same way? Why is it important to test code frequently? What are some ways to utilize tables? Why is contrast important when choosing colors for your site? Why do you think it is important to cite where you obtained a photo or clip art from? Why do you think it is important to site where you obtained a photo or clip art from? Unit Results Students will be able to use HTML code to create a fully functional website on a topic of their choice.

10 use proper coding, have well organized code, and use appropriate colors and photos to compliment their site. understand the importance of citing. Suggested Activities The following activities can be incorporated into the daily lessons: Create a calendar using a table. Inserting colors, images, hyperlinks, and use row span Demonstrate organization and proper coding when creating a nested list. Color the background of a webpage using the hexadecimal code. The instructor will say a color and the class will write the code for that particular color. Bold, Italicize and underline text, showing correct use of the Last In First Out rule Recreate a form found on the internet. Create a marquee using animated clips as if one is chasing the other.

11 Content Area: Career and Technical Education Unit Title: Cascading Style Sheets Target Course/Grade Level: Web Design 10 Blocks Unit Overview Description : Learning about and how to use basic CSS in an HTML website. Concepts 1. Syntax 2. ID and Class 3. Inserting Style sheets 4. Background 5. Text 6. Font 7. Links 8. Lists 9. Tables 10. Box model Concepts & Understandings Understandings 1, selector 1, declaration 1, property 1, value 1, comments 2, ID selector 2, class selector 3, External 3, internal 3, inline 3, multiple style sheets 4, color 4, image 4, image repeat 4, image position 5, color 5, alignment 5, decoration 5, transformation 5, indentation 6, families 6, style 6, size 7, styles 8, list item markers 8, style 9, borders 9, width and height 9, alignment 9, Padding 9, color 10, width and height

12 11. Border properties 12. Outlines 13. Margins 14. padding 11, style 11, width 11, color 11, sides 12, outlines 12, properties 13, values 13, sides 14, sides 14, values Learning Targets CPI Codes A.4, D.1, D.2 21 st Century Themes and Skills Life and Career Skills; ICT Literacy; Communication and Collaboration; Information Literacy Guiding Questions Why use CSS rather than just HTML? What advantages does CSS give you while coding? Why is using comments to explain code important? What are the advantages of a class selector over an id selector? Can you explain each of the three ways to insert CSS into an HTML website? What is the difference between background images when using HTML and CSS? How can font-family help while styling your site? What could happen without it? Does HTML allow use of photos as bullets in a list? Does CSS? Can you explain how? What advantages does CSS have over HTML when it comes to tables? Unit Results Students will Understand the syntax of CSS code Learn different ways to insert CSS into HTML sites Be able to use CSS to style the background of a site style text and change font styles using CSS Style lists and tables Create borders, outlines and margins and style them Suggested Activities The following activities can be incorporated into the daily lessons: Update an existing site with CSS styles Create a new website using CSS style sheet as the base for all styling/formatting Style a block of text to the teachers specifications Create an advanced table using CSS to style it. Also include photos outlines borders and margins within the table.

13 Content Area: Career and Technical Education Unit Title: Advanced Cascading Style Sheets Target Course/Grade Level: Web Design 10 blocks Unit Overview Description : Learning about and how to use Advanced CSS in an HTML website. Concepts Grouping selectors Dimension Display and visibility Positioning Floating Block elements Pseudo-classes Navigation Bars Image gallery Opacity / Transparency Image Sprites Concepts & Understandings Understandings 1, nesting selectors 2,height (max-min) 2, width (max-min) 3, hiding elements 3, block inline elements 3, changing display 4, static 4, fixed 4, relative 4, absolute 4, overlapping elements 5, how 5, two elements together 5, turn off float 6, aligning 6, using margins 6, using position 6, using float 7, syntax 7, anchor 7, first-child class 7, matching elements 7, language class 8, list of links 8, horizontal 8, vertical 8, inline list 8, floating list items 9, how to create an image gallery 10, making transparent images 10, hover effect 10, transparent box

14 Attribute selector 11, sprites 11, navigation lists 11, hover effect 12, selectors 12, value selector 12, multiple values 12, styling forms Learning Targets CPI Codes A.4, D.1, D.2 21 st Century Themes and Skills Life and Career Skills; ICT Literacy; Communication and Collaboration; Information Literacy Guiding Questions What are the advantages of grouping or nesting selectors? In what case would you use pixels to size a photo? In what case would you use percent? Which properties allow overlapping of elements? What are some advantages of using Pseudo classes? What type of properties can be added to a HTML navigation bar to improve it look? What should opacity be set at to make an image transparent? Why are images sprites used? Unit Results Students will... Know how to group selectors Change the dimensions of elements Hide elements Overlap elements Use hover for different types of elements Float elements Align elements Be able to identify and use pseudo classes and elements Style navigation bars to make them more attractive Create an image gallery Create a transparent element Use image sprites Suggested Activities The following activities can be incorporated into the daily lessons: Insert two elements into a webpage and have them overlap, also change the dimensions of each. Use float properties to align three images on a single line vertically and them horizontal Create or edit a navigation bar. Use CSS to style it using table, transparency, hover and color Create an image gallery with at least 5 images and captions for each. Use transparency of an element to show text over a picture. Use an image sprite as a navigation bar.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D. Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain

More information

Web Developer Jr - Newbie Course

Web Developer Jr - Newbie Course Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Creating Web Pages with HTML Simplified. 3rd Edition

Creating Web Pages with HTML Simplified. 3rd Edition Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you

More information

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

CS S. David Sawyer McFarland. O'REILLY Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo. Second Edition POGUE PRESS"'

CS S. David Sawyer McFarland. O'REILLY Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo. Second Edition POGUE PRESS' CS S Second Edition David Sawyer McFarland POGUE PRESS"' O'REILLY Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo Table of Contents The Missing Credits xiii Introduction 1 Part One: CSS Basics Chapter

More information

HTML 5 & CSS3 Table of Contents

HTML 5 & CSS3 Table of Contents 1. Overview of HTML5 The Story Behind The HTML5 Advantages HTML vs. HTML5 What s new in HTML5 Semantic Markup New HTML5 Semantic Tags 2. Semantic Markup and Selector APIs Semantic Markup Selector APIs

More information

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

IE Class Web Design Curriculum

IE Class Web Design Curriculum Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,

More information

CSS Syllabus for training by thinkncode.com Contact number /

CSS Syllabus for training by thinkncode.com Contact number / CSS Syllabus for training by thinkncode.com Contact number 9812430938 / 9540491178 About US: - Think N Code is one of the fastest growing website designing and web development company, based in Delhi,

More information

HTML CREATOR. HTML Creator

HTML CREATOR. HTML Creator HTML CREATOR The HTML Creator is an HTML editing tool that allows you to create content in HTML without having to enter HTML tags. Similar to a word processor, you can easily create and maintain content

More information

Quick Guide to the Cascade Server Content Management System (CMS)

Quick Guide to the Cascade Server Content Management System (CMS) Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging

More information

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013 INFORMZ USER GUIDE: The HTML Editor Version 1.0 January 13, 2013 ABOUT THIS GUIDE This guide provides an overview of the HTML editor used by Informz. This guide does not cover all aspects of the editor,

More information

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

User Guide. Appendix A. RadEditorAjax

User Guide. Appendix A. RadEditorAjax User Guide Appendix A Table of Contents About this Chapter... 3 What is?... 3 Section 1: at a Glance... 5 Publishing Options... 11 Keyboard Shortcuts Quick Reference... 12 Section 2: Formatting Tools...

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Using the CSS Box Model for Page Layout

Using the CSS Box Model for Page Layout What You ll Learn CSS Features in Dreamweaver 8 Elements of the Using the CSS Box Model for Page Layout How to manipulate: Borders Margins Padding Different Ways of applying styles: External style sheet

More information

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design. Curriculum Map for Web Design SEPTEMBER Targeted NJ Core Curriculum Content Standards: Design develop, test, implement, update, and evaluate web solutions Technology Use, Media Literacy, Responsible Use

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

Getting Started with Google Sites

Getting Started with Google Sites Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

More information

Web Authoring. www.fetac.ie. Module Descriptor

Web Authoring. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator.

ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator. ANDROID TRAINING COURSE MODULES Module-I: Introduction to Android Introducing Android. Installing Development Tools. Using the Emulator. Android developer tools. Eclipse, IDEs and Tools. Module-II: Introduction

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

More information

Google Sites: Creating, editing, and sharing a site

Google Sites: Creating, editing, and sharing a site Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

OBJECTIVE CSS 3 course would teach the students how to use CSS 3 in web design. The CSS 3 Course is a 100% practical course.

OBJECTIVE CSS 3 course would teach the students how to use CSS 3 in web design. The CSS 3 Course is a 100% practical course. INTRODUCTION Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language OBJECTIVE CSS 3 course would teach the students

More information

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : By the end of this chapter you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages. Introduction to the Schoolwires

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

Parallels Web Presence Builder

Parallels Web Presence Builder Parallels Web Presence Builder Contents Preface 3 Typographical Conventions... 3 Feedback... 4 Introduction 5 Getting Familiar With Web Presence Builder 6 Creating a Website 8 Editing a Website 9 Structure:

More information

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins Learning Web Design Third Edition A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics Jennifer Niederst Robbins O'REILLY Beijing- Cambridge Farnham Koln Paris Sebastopol -Taipei -Tokyo CONTENTS

More information

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

Help on Icons and Drop-down Options in Document Editor

Help on Icons and Drop-down Options in Document Editor Page 1 of 5 Exact Synergy Enterprise Help on Icons and Drop-down Options in Document Editor Introduction The following table provides descriptions on the icons and drop-down options that are available

More information

CKEditor Javascript Editor

CKEditor Javascript Editor Tool Bar and Buttons CKEditor Javascript Editor Insert Drop Doc Use the Drop Doc Form option on the tool bar to create a form to post to your SOCS site. Visitors can complete the information online and

More information

User Guide. Appendix A. RADEditor

User Guide. Appendix A. RADEditor User Guide Appendix A RADEditor Table of Contents About this Chapter... 4 What is RadEditor?... 4 Section 1: RadEditor at a Glance... 5 Publishing Options... 9 Keyboard Shortcuts Quick Reference... 9 Section

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : The Schoolwires Editor By the end of this chapter, you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages.

More information

Parallels Panel. User s Guide to Parallels Presence Builder 12.0. Revision 1.0

Parallels Panel. User s Guide to Parallels Presence Builder 12.0. Revision 1.0 Parallels Panel User s Guide to Parallels Presence Builder 12.0 Revision 1.0 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder

More information

Formatting Web Pages Using Cascading Style Sheets

Formatting Web Pages Using Cascading Style Sheets HOUR 6 Formatting Web Pages Using Cascading Style Sheets What You ll Learn in This Hour:. How to create each of the three style types: classes, redefined HTML tags, and advanced styles. How to apply styles

More information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

More information

SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE

SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE COURSE TITLE: Introduction to Web Development CODE NO. : SEMESTER: 1 PROGRAM: AUTHOR: IT Studies Dennis Ochoski DATE:

More information

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601 Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML 10 10 Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms

More information

Google Sites Getting Started

Google Sites Getting Started Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

Cut-to-the-Chase Series Web Foundations. HTML 101 - Assignment. By Eric Matthews 2001. Visit us at: www.anglesanddangles.com

Cut-to-the-Chase Series Web Foundations. HTML 101 - Assignment. By Eric Matthews 2001. Visit us at: www.anglesanddangles.com Cut-to-the-Chase Series Web Foundations HTML 101 - Assignment By Eric Matthews 2001 Visit us at: www.anglesanddangles.com General Requirements All of your work should conform to the general requirements.

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

UHR Training Services Student Manual

UHR Training Services Student Manual UHR Training Services Student Manual October 2012 1 Logging in to CareWorks Clicking the copyright symbol on the bottom left of the footer takes you to the sign-in screen and then to the control panel.

More information

450 Study Guide Chaps 1-6

450 Study Guide Chaps 1-6 Name: Class: Date: 450 Study Guide Chaps 1-6 Multiple Choice Identify the choice that best completes the statement or answers the question. 1. An HTTP response is sent from a. the web server to the application

More information

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING %\ ^/ CS> v% Sr KRIS JAMSA, PhD, MBA y» A- JONES & BARTLETT LEARNING Brief Contents Acknowledgments Preface Getting Started with HTML Integrating Images Using Hyperlinks to Connect Content Presenting Lists

More information

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created

More information

Introduction to Web Design Curriculum Sample

Introduction to Web Design Curriculum Sample Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder 4.5... 7 Editing Websites... 9 Structure: Pages and Navigation... 9

More information

Create A Google Site. Introduction to Sites. Create, format, and customize a site. Adapted from:

Create A Google Site. Introduction to Sites. Create, format, and customize a site. Adapted from: Create A Google Site Adapted from: http://edutraining.googleapps.com/training-home/module-5-sites Introduction to Sites Google Sites is an online application that makes creating a class, school, or project

More information

FACULTY OF COMMERCE, OSMANIA UNIVERSITY

FACULTY OF COMMERCE, OSMANIA UNIVERSITY Commerce Lab - Practical Question Bank FACULTY OF COMMERCE, OSMANIA UNIVERSITY -------------------------------------------------------------------------------------- B.Com (Computers and Computer Applications)

More information

Web Design and Development Program (WDD)

Web Design and Development Program (WDD) Web Design and Development Program (WDD) Course Descriptions TI 0550 Fundamentals of Information Systems Technology: This course is a survey of computer technologies. This course may include computer history,

More information

Drupal Training Guide

Drupal Training Guide Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

What is CSS? Comp140

What is CSS? Comp140 What is CSS? Comp140 The problem with HTML Never intended as a design medium HTML 1.0 offered only bold and italic HTML formatting was attempted HTML formatting commands added later up to HTML 3.0 Tricks

More information

Core Skills Checklist - Word

Core Skills Checklist - Word Creating Newsletters Formatting Text and Paragraphs Start a new document from templates Essential Training Set default line spacing and font for all new documents Display non-printing characters Copy or

More information

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta.

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta. OIT Training and Documentation Services Cascade Server End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2013 CONTENTS 1. Introduction

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

More information

Web Page Design (Master)

Web Page Design (Master) St. Michael-Albertville High School Teacher: Ben Rusin Web Page Design (Master) September 2014 CEQ: WHAT IS HTML CODING AND HOW IS IT USED TO CREATE WEB SITES? AND HOW CAN IT BE USED TO CREATE WEB SITES?

More information

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

Multiple Choice (2 points each).

Multiple Choice (2 points each). Internet Design and Development Test Points available: 170 NAME: DATE: Multiple Choice (2 points each). 1. Choose the organization listed below that takes a proactive role in developing recommendations

More information

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4

More information

Introduction to Drupal 6

Introduction to Drupal 6 Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

Understanding the Advanced Template Editor

Understanding the Advanced Template Editor Quick Start Guide to: Understanding the Advanced Template Editor The basic template editor in Swiftpage is used to create templates that began as imported templates or global advanced templates. (One function

More information

Serif PagePlusX4. Group Listing

Serif PagePlusX4. Group Listing File Menu New Startup Wizard New Publication New Book Open File Open Browse Files Browse Revert Close File Save Save As Save As Package Export As Picture Properties Page Setup Layout Guides Print Print

More information

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator. 1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

More information

Content Management System

Content Management System OIT Training and Documentation Services Content Management System End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2009 CONTENTS 1.

More information

Microsoft FrontPage Step by Step Training

Microsoft FrontPage Step by Step Training Toolbars Menu Standard Formatting Quick Tag Selector Views Toolbar Type a Question for Help Box Task Pane Microsoft FrontPage Step by Step Training Views Design allows you to design and edit web pages

More information

Creating a Resume Webpage with

Creating a Resume Webpage with Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring 7 th Annual LiveText Collaboration Conference Advanced Document Authoring Page of S. La Grange Road, nd Floor, La Grange, IL 6055-455 -866-LiveText (-866-548-3839) edu-solutions@livetext.com Page 3 of

More information

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Lesson Summary Turning Off Web Browser Pop up Blockers Internet Explorer 7.x (Win): Tools Pop-up Blocker Turn

More information

BlackbaudNetCommunity. Blackbaud NetCommunity User Guide

BlackbaudNetCommunity. Blackbaud NetCommunity User Guide BlackbaudNetCommunity Blackbaud NetCommunity User Guide 121107 2007 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic,

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information