Creating and a Web Page HTML5 and CSS

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Creating and a Web Page HTML5 and CSS"

Transcription

1 Preface viii CHAPTER TWO Creating and a Web Page HTML5 and CSS Using Inline Objectives HTML 33 CHAPTER ONE Introduction HTML 34 Introduction to HTML, XHTML, Project Rock Climbing Fun Web Page HTML 34 and CSS Overview HTML 34 Objectives 1 Elements of a Web Page 37 Introduction HTML 2 Browser Window Elements HTML 37 What the Internet? 2 Text Elements 38 What the World Wide Web? 3 Elements 38 Web Servers HTML 4 Hyperlink Elements HTML 38 Web Site Types and Purposes HTML 5 Defining Web Page Structure 39 Web Browsers HTML 7 Defining the HTML HTML 39 What Hypertext Markup Language? 8 To Start Notepad++ 40 HTML Elements 9 To Enable Word Wrap in Notepad++ 42 HTML Practices HTML the Web Page Structure HTML Versions 11 Using HTML Tags 42 Cascading Style Sheets 11 the Web Page 45 Document Object Model (DOM) HTML Entering Web Page Content HTML 46 Extensible Markup To Enter a Paragraph of Text 48 Language (XHTML) 12 To Enter a Heading 49 Tools for Creating HTML Documents HTML Present Content HTML 49 Web Development Life 15 To Create an Unordered List 51 Web Site Planning 16 More About List Formats 51 Web Site Analysis 16 Adding a Footer HTML 53 Web Site Design and Development 17 Footer HTML 53 Web Site Testing HTML 22 Saving and Organizing HTML Files HTML 54 Web Site Implementation and Maintenance HTML Using a Browser to View a Web Page 58 Chapter Summary 25 To Start a Browser HTML 58 Learn Online 26 To View a Web Page in a Browser HTML 59 Knowledge 26 To Activate Notepad++ 60 Extend Your Knowledge 27 the Appearance of Your Right 28 Web Page 60 Lab 29 Using Style Sheets 61 Cases and Places 32 Using Web Page Divisions 63 Shelly, Gary B. HTML5 and CSS complete 2013 digitalisiert durch: IDS Basel Bern

2 iv Contents HTML5 and CSS Complete Types of Web Page Images 64 Validating the HTML, Viewing the Attributes 65 Web Page, and Testing Links 117 Other Visual HTML 67 To Validate HTML Code HTML To Add to a Web Page an File 119 Heading HTML 69 To Test Links on a Web Page HTML To Change the Bulleted List Style HTML 70 To Print a Web Page HTML To Add a Horizontal Rule HTML 70 Editing the Second Web Page HTML 123 To Change the Footer Style 71 To Open an HTML File 125 To Refresh the View in a Browser HTML 72 Working with Classes in Style Statements HTML 126 Validating and Viewing HTML Code HTML 72 Adding an with Wrapped Text HTML To Validate HTML Code HTML 73 Using Images HTML To View HTML Source Code for a To Wrap Text Around Images Using Page 76 CSS Classes 132 To Print a Web Page and an HTML File HTML 77 Wrapping 134 Chapter Summary 79 Page 135 Learn Online 79 To Set Link Targets 136 Your Knowledge HTML 80 To Add Links to Link Targets Within a Extend Your Knowledge 81 Web Page 137 Make Right HTML 82 To Add Links to a Target at the Top of Lab 83 the Page 138 Cases and Places HTML 86 To Copy and Paste HTML Code HTML To Add an Link to a Web Page HTML CHAPTER THREE To View and Test a Web Page HTML 141 Creating Web Pages with Links, Images, Chapter Summary HTML 142 Learn Online HTML 142 and Embedded Style Sheets Apply Your Knowledge HTML 143 Objectives HTML Extend Your Knowledge HTML 144 Project Underwater Tours by Eloise Web Site 88 Overview HTML 89 Using Links on a Web Page HTML 91 Linking to Another Web Page Within the the Lab HTML 147 Cases and Places HTML CHAPTER FOUR Same Web Site HTML 93 Creating Tables in a Web Site Linking to a Web Page in Another Web Site HTML 94 Using an Style Sheet Page 96 Objectives 155 Linking to an Address 96 Introduction 156 Creating a Home Page HTML 97 Project Oceanside Hotel and Sports To Start Notepad++ 98 Site 156 To Add a Banner HTML Overview HTML To Add Paragraphs of Text HTML Planning and Designing a Multipage Adding a Text Link to Another Web Page WebSite 159 Within the Same Web Site 103 Creating Web Pages with Tables 159 To Add a Text Link to Another Web Page Table Elements HTML Within the Same Web Site 104 Adding Style to Table Elements 162 Adding an Link HTML Table Borders, Headers, Captions, and HTML To Add an Link HTML the Need Planning, Adding Other Information to an Link HTML and Coding a Table HTML 164 To Add a Text Link to a Web Page in Determining a Table Needed HTML Another Web Site 107 Planning the Table 165 Using Absolute and Relative Paths HTML Coding the Table HTML Adding Interest and Focus with Styles HTML Table Tag Attributes HTML Adding Interest and Focus with HTML Tags HTML Creating a Home Page with Banner Logo Style Sheet Precedence Review HTML and Borderless Navigation Table HTML Using Embedded Style Sheets HTML To Insert, Center, and Style an Image To Add Embedded Style Sheet Statements 115 with a Box-Shadow 172 To Add an Inline Style for Color HTML a Table to Create a Horizontal To Save an HTML File 117 Navigation Bar 174

3 HTML5 and CSS Complete Contents v To Create a Horizontal Bar with CHAPTER FIVE Image Links HTML Creating an Image Map Viewing the Web Page and Testing Links HTML Objectives HTML 233 Style Sheets Adding an Style Sheet HTML 181 Project - Lake Tahanna 234 To Create an External Style Sheet 182 Overview HTML 236 the External Style Sheet HTML introduction to Maps HTML 237 Linking to the External Style Sheet HTML 187 Using Maps 237 To Link to an External Style Sheet HTML Server-Side vs. Maps HTML 242 Validating and the HTML, Creating an Map HTML 243 Viewing the Web Page, Selecting Images HTML 243 and Testing Links 188 Sketching the Borders of Hotspots 244 Page HTML 190 Mapping Coordinates 246 Table with Borders 193 Coding Map 248 To Create a Table with Borders and HTML To Start Paint 249 Adding a Link, Border The Paint Window 250 Color 198 To Open an File in Paint 251 To Add Border Spacing, Padding, and Locating X- and Y-Coordinates of an HTML 251 Row Color to a Table HTML 200 v-coordinates of an HTML 252 Adding a Caption and Spanning Rows 201 Other Software Tools 254 Caption 204 Creating the Home Page 255 Create Rows 204 Inserting an to Use as an Map 257 Data 206 To Insert an Image to Use as an Map 258 Chapter Summary 208 Inserting Special Characters HTML 260 Learn Online 208 To Insert a Special Character 261 Apply Your Knowledge HTML 209 Extend Your Knowledge 210 and Attributes 263 Right To Create an Map 264 Lab 212 Cases and Places HTML Viewing the Web Page and Testing Links HTML 265 Creating an External Style Sheet HTML 268 To Create an External Style Sheet HTML 268 SPECIAL FEATURE 1 Chapter Summary HTML 271 Attracting Visitors Learn Online HTML 272 Your Web Site Apply Your Knowledge HTML 272 Objectives 219 Extend Your Knowledge 274 Introduction 220 Make Right 275 Project Attracting Visitors HTML 220 the Lab HTML 276 Overview 220 Cases and Places 280 Adding Keywords HTML 222 To Open the File HTML 223 CHAPTER Meta Names HTML 223 Creating a Form on a Web Page To Add Keywords 224 Objectives 283 To Add a HTML 225 Introduction HTML 284 Determining a Domain Name HTML 226 Project Creating on a Web Page HTML 284 Check Domain Name Availability HTML 226 Overview HTML 286 Finding a Web Hosting Site 227 Page Forms 287 Publishing Your Web Site 227 Controls 287 Marketing Your Web Site 228 HTML Tags Used to Create Forms 291 Registering with Search Engines HTML 228 Attributes of HTML Tags Used to To Register Your Web Site with Create Forms HTML 291 Search Engines HTML 229 Creating a Form on a Web Page HTML 292 Feature Summary HTML 230 Creating a Form and Identifying Lab 230 the Form Process 293

4 vi Contents HTML5 and CSS Complete a and Identify Learn Online 351 the Form Process HTML 294 Apply Your Knowledge 352 To Change the Text Message HTML 295 Extend Your Knowledge HTML 353 Adding Text Boxes 296 Make Right 354 To Add Text Boxes 296 the Lab 355 Adding Check Boxes HTML 297 Cases and Places HTML 358 To Add Check Boxes HTML 298 Adding Radio Buttons HTML 298 CHAPTER To Add Radio Buttons HTML 299 Adding Multimedia Content to Web Pages Adding a Selection HTML 299 HTML 361 To Add a Selection HTML 300 Introduction Adding a Textarea Box HTML 303 Project - Adding Multimedia to an HTML 362 To Add a Textarea Box 303 English Literature Class Web Site 362 Adding and Reset Buttons HTML 304 Overview HTML 362 To Add Submit and Reset Buttons HTML 305 Using Multimedia HTML 364 Organizing a Form Using Form Groupings HTML 306 HTML 366 To Add Fieldset Controls to Create Embedded vs. External Multimedia HTML 366 Form Groupings HTML 307 Media Players and Plug-ins HTML 367 Adding an Embedded Style Sheet 308 HTML5 and Multimedia 368 Chapter Summary 314 Audio and Video File Formats 368 Learn Online 314 Adding an Audio File to a Web Page 369 Apply Your Knowledge 315 New HTML5 Multimedia Tags HTML 370 Extend Your Knowledge 316 The Object Tag 370 Right 317 Object Tag Parameters 372 the Lab HTML 318 Cases and Places HTML 321 The HMTL5 <audio> Tag HTML 373 To Add an Audio Clip to a Web Page HTML 376 To Validate and View a Web Page CHAPTER SEVEN Using ActiveX Controls HTML 377 Using Advanced Cascading Style Sheets HTML 380 Objectives 323 The HTML5 <video> Tag 381 Introduction 324 Using the <video> Tag 381 Project Using Advanced Cascading Style Sheets 324 Chapter Summary 385 Overview 326 Learn Online 386 Using Style Sheets 327 Apply Your Knowledge 386 Style Sheet Precedence Review 330 Extend Your Knowledge 387 Adding Style Sheets to the Jared Adventure Travel Site 330 the Lab 389 Adding a Navigation Bar with an Embedded Style Sheet HTML 332 Setting the Body Style and Link Style, SPECIAL FEATURE 2 and Adding a Drop-down HTML 333 Converting Frames on Your Web Site To Add an Embedded Style Sheet HTML 340 Objectives HTML 393 Adding Pop-up Images with an Introduction HTML 394 External Style Sheet HTML 342 Project Converting Frames HTML 394 Structuring the Web Page HTML 343 Overview HTML 394 Creating a Pop-up Using The Frame Definition File HTML 396 Cascading Style Sheets HTML 343 To View a Web Site with Frames HTML 398 To Create an External Style Sheet HTML 345 Frame Layouts HTML 399 Linking to an External Style Sheet HTML 346 Determining a Conversion Strategy HTML 401 To Link to an External Style Sheet HTML 346 To Copy HTML Code for a Navigation Bar HTML 402 Creating an External Style Sheet To Paste Code into the Home Page and Edit 348 the Code 403 Understanding the Page Box Model HTML 348 To Copy and Paste Code into the Schedule To Create an External Style Sheet Contact Web Pages HTML Feature Summary 405 Chapter Summary 351 Lab 406

5 and CSS Contents vii Appendices Font Properties APP 33 Generated Content Properties APP 34 Grid Properties APP 35 APPENDIX A Hyperlink Properties APP 35 HTML Reference Linebox Properties APP 35 HTML Coding Standards APP 1 List Properties APP 36 HTML Tags and Attributes 2 Margin and Padding Properties 37 Marquee Properties APP 37 APPENDIX B Properties APP 37 Paged Media Properties APP 38 Browser-Safe Color Palette. Properties 38 Browser-Safe Colors 15 Print Properties APP 40 APPENDIX C Ruby Properties APP 41 Speech Properties APP 41 Accessibility Standards and APP 42 the Web Text Properties APP 42 Making the Web Accessible APP 17 2D/3D Transform Properties APP 44 Section 508 Guidelines APP 17 Transition Properties APP 44 Guidelines APP 20 User-Interface Properties APP 45 APPENDIX D APPENDIX E CSS Properties and Values Publishing Web Pages CSS Concepts and APP 25 a Web Server CSS Properties 27 Choosing a Web Host 47 Acceptable Units of Measure APP 27 Uploading Files to the Host 47 Animation Properties APP 28 Background and Color Properties APP 28 APPENDIX F Border Properties APP 29 Box Properties APP 30 Classification Properties APP 31 Symbols and Characters Quick Reference Color Properties APP 31 Content for Paged Media Properties APP 32 IND1 Dimension Properties APP 32 Flexible Box Properties APP 33

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

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Garfield Public Schools Fine & Practical Arts Curriculum Web Design 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

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. 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

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

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

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

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

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

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

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

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

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

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

Contents. Preface... viii Acknowledgments... xiii. Part I: FrontPage Essentials 1. Chapter 1: Getting to Know FrontPage... 3

Contents. Preface... viii Acknowledgments... xiii. Part I: FrontPage Essentials 1. Chapter 1: Getting to Know FrontPage... 3 Preface...................................... viii Acknowledgments................................ xiii Part I: FrontPage Essentials 1 Chapter 1: Getting to Know FrontPage................... 3 FrontPage

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

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session ICS 202 Web Site Design 2 Credits The use of web design software in creating Web Pages. Available options for hosting Web pages. Design of web pages. Program interactive websites. Use of multimedia. Group

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

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

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

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

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

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

South Plainfield Public Schools Web Design Scope and Sequence of Curriculum Grade 10-12 Date August 2011

South Plainfield Public Schools Web Design Scope and Sequence of Curriculum Grade 10-12 Date August 2011 Unit (Domain): Part I: Evaluating Current Websites Part II: Creating Web Pages Using Google Sites, Docs and Forms Part III: Using Animation Media for the Web Essential Question(s): How does the World Wide

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Foundations. Web Development and Design. with HTML5. [Terry Ann Felke-Morris, Ed.D.J. 6th Edition. Harper College. Piyali Sengupta.

Foundations. Web Development and Design. with HTML5. [Terry Ann Felke-Morris, Ed.D.J. 6th Edition. Harper College. Piyali Sengupta. 6th Edition Web Development and Design Foundations with HTML5 [Terry Ann Felke-Morris, Ed.D.J Professor Harper College International Edition contributions by Piyali Sengupta PEARSON Boston Columbus Indianapolis

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

Chapter 10: Multimedia and the Web

Chapter 10: Multimedia and the Web Understanding Computers Today and Tomorrow 12 th Edition Chapter 10: Multimedia and the Web Learning Objectives Define Web-based multimedia and list some advantages and disadvantages of using multimedia.

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

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

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

More information

Dreamweaver Domain 2: Planning Site Design and Page Layout

Dreamweaver Domain 2: Planning Site Design and Page Layout Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing

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

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

Course Title: Multimedia Design

Course Title: Multimedia Design Course Title: Multimedia Design Unit: Multimedia Hardware and Software Content Standard(s) and 1. Compare types of multimedia, including presentation, desktop publishing, Web page design, graphic design,

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

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

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

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

Web Authoring CSS. www.fetac.ie. Module Descriptor

Web Authoring CSS. 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

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

Dreamweaver CS5. Module 1: Website Development

Dreamweaver CS5. Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA

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

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

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

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

Programming exercises (Assignments)

Programming exercises (Assignments) Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming

Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming Course Credits: 3 credit hours Pre-requisite(s): CIS102 or MIS 102

More information

Graphic/Web Design Software Certificates

Graphic/Web Design Software Certificates Graphic/Web Design Software Certificates Are you a small business owner? Have you been given responsibility for your company s newsletter, marketing, or website? Would you like to position yourself to

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

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

Unit 351: Website Software Level 3

Unit 351: Website Software Level 3 Oxford Cambridge and RSA Unit 351: Website Software Level 3 Level: 3 Credit value: 5 Guided learning hours: 40 Learning Outcomes Assessment Criteria Examples The learner will: The learner can: 1. Create

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

Lesson Review Answers

Lesson Review Answers Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.

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

BLACKBOARD 9.1: Text Editor

BLACKBOARD 9.1: Text Editor BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed

More information

ESKIWS3 Website software

ESKIWS3 Website software Overview This is the ability to use a software application designed for planning, designing and building websites. ESKIWS3 1 Performance criteria You must be able to: Create structures and styles and use

More information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

More information

Adobe Certified Associate

Adobe Certified Associate Adobe Certified Associate Dreamweaver CS6 Study Guide Sample Items SELECTED RESPONSE EXAMPLES DW.1.1.4 Which two issues should be considered when designing a website for a restaurant? (Choose two.) A.

More information

Saucon Valley School District Planned Course of Study

Saucon Valley School District Planned Course of Study Course Title Grade Level: 10-12 Credits: 0.5 Content Area / Dept. Business / Technology Education Length of Course: Quarter Author(s): Gemma Cody Course Description: is an introductory course designed

More information

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...

More information

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING

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

Madison Area Technical College. MATC Web Style Guide

Madison Area Technical College. MATC Web Style Guide Madison Area Technical College MATC Web Style Guide July 27, 2005 Table of Contents Topic Page Introduction/Purpose 3 Overview 4 Requests for Adding Content to the Web Server 3 The MATC Public Web Template

More information

Appendix H: Cascading Style Sheets (CSS)

Appendix H: Cascading Style Sheets (CSS) Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of

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

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

Request for Proposal. Organizational Background:

Request for Proposal. Organizational Background: \jee- tay- geh- máy\ v [Swahili : sustain yourself] : empowering street children through education. Request for Proposal Jitegemee, a nonprofit organization working with street and destitute children in

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

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

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7 File Functions Save Save As Revert to Last Save Click on the "Save" button to save the current file on the staging server and exit the WYSIWYG editor. Remember, it will not be live on the production server

More information

Introduction to Adobe Dreamweaver CC

Introduction to Adobe Dreamweaver CC Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling

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

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

Web Design Foundations (2015-16)

Web Design Foundations (2015-16) Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop

More information

Voluntary Product Accessibility Template

Voluntary Product Accessibility Template Date: April 20, 2015 Product: Disability Services Management System Contact: sales@accessiblelearning.com Website: http://www.accessiblelearning.com Voluntary Product Accessibility Template Summary Table

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

STATEMENT OF PURPOSE

STATEMENT OF PURPOSE WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.

More information

COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES. Darla Thornburg Instructor

COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES. Darla Thornburg Instructor Coffeyville Community College COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES Darla Thornburg Instructor Page 1 of 7 COURSE NUMBER: COURSE TITLE: COMP-205 Web Design Technologies CREDIT HOURS: Three

More information

HSU Accessibility Checkpoints Explained

HSU Accessibility Checkpoints Explained HSU Accessibility Checkpoints Explained Sources: http://bobby.watchfire.com/bobby/html/en/index.jsp EASI Barrier-free Web Design Workshop (version 4) Paciello, Michael G. WEB Accessibility for People with

More information

JCE Editor Icons. Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action.

JCE Editor Icons. Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action. JCE Editor Icons Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action. Bold Apply or remove a bold effect on selected text. Italic Apply or remove italics to the selected

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

Unit Title: Content Management System Website Creation

Unit Title: Content Management System Website Creation Unit Credit Value: 7 Unit Level: Three Unit Guided Learning Hours: 36 Ofqual Unit Reference Number: H/503/9327 Unit Review Date: 31/12/2016 Unit Sector: 15.3 Business Management Unit Summary This unit

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

Guide to Content Editing

Guide to Content Editing Guide to Content Editing Page 1 of 119 Contents 1 About This Guide... 8 1.1 Users of This Guide... 8 1.2 Topics Covered in the Guide... 8 1.3 Software Requirements... 9 1.4 Conventions Used in the Guide...

More information

DREAMWEAVER CS5.5: USING STYLE SHEETS

DREAMWEAVER CS5.5: USING STYLE SHEETS Medical Library/Department of Information & Communication Sciences WHAT ARE STYLE SHEETS? DREAMWEAVER CS5.5: USING STYLE SHEETS Style sheets are collections of rules that define the styles of a document.

More information

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame... Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with

More information

General Electric Foundation Computer Center. FrontPage 2003: The Basics

General Electric Foundation Computer Center. FrontPage 2003: The Basics General Electric Foundation Computer Center FrontPage 2003: The Basics September 30, 2004 Alternative Format Statement This publication is available in alternative media upon request. Statement of Non-discrimination

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

Web Editing Basics 2: Reference

Web Editing Basics 2: Reference Web Editing Basics 2: Reference We will be using the sample pages as a reference point for this training. They can be found on the Web Policy site: http://www.umkc.edu/web-policy/downloads.asp TOPICS 1.

More information

Content Builder: How-To Guide

Content Builder: How-To Guide Content Builder: How-To Guide In-Line Editing Several of the components have in-line editing where you can format the text and include hyperlinks. To access the in-line editing, click the pencil button

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

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

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