Adobe Dreamweaver CS6 Digital Classroom

Size: px
Start display at page:

Download "Adobe Dreamweaver CS6 Digital Classroom"

Transcription

1 Adobe Dreamweaver CS6 Digital Classroom Osborn, J ISBN-13: Table of Contents Starting Up About Dreamweaver Digital Classroom 1 Prerequisites 1 System requirements 1 Starting Adobe Dreamweaver 3 Resetting the Dreamweaver workspace 3 Loading lesson files 4 Working with the video tutorials 5 Setting up for viewing the video tutorials 5 Viewing the video tutorials with the Adobe Flash Player 6 Hosting your websites 7 Additional resources 7 Lesson 1: Dreamweaver CS6 Jumpstart Starting up 9 What is Dreamweaver? 10 Design and layout tools 10 Site management and File Transfer Protocol 11 Coding environment and text editor 11 Mobile design and development features 12 Who uses Dreamweaver? 12 Dreamweaver s workspace features 13 Live View and Live Code 16 CSS Inspection and the Enable/Disable Feature 17 Related files 18 Code Navigator 19 Photoshop smart objects 20 Support for Content Management Systems 20 HTML5, CSS3, and PHP code hinting 21 HTML and CSS Starter Pages 21 Subversion 22 Business Catalyst integration 22 How websites work22 A simple flow chart 22

2 Domain names and IP addresses 23 Servers and web hosts23 The role of web browsers 23 An introduction to HTML24 Tag structure and attributes 24 The structure of an HTML document 27 Placing images in HTML 28 Colors in HTML 30 Case sensitivity and whitespace rules 31 Element hierarchy 33 XHTML 1.0 Transitional 33 What s the difference? 33 Explorations in code 34 A look at the Welcome Screen 35 Creating, opening, and saving documents 36 Creating new documents 36 Self study 38 Review 38 Lesson 2: Setting Up a New Site Starting up 39 Creating a new site 40 Advanced site-creation options 43 Adding pages 45 Saving a page to your site 48 Defining page properties 49 Work views 55 A deeper look into the Files panel 58 Viewing local files 59 Selecting and editing files 59 Self study 61 Review 61 Lesson 3: Adding Text and Images Starting up 63 Typography and images on the Web 64 Adding text 64 An introduction to styles 69 Previewing pages in a web browser 73 Understanding hyperlinks 74

3 Creating hyperlinks 75 Relative versus absolute hyperlinks 77 Linking to an address 79 Creating lists 80 Using the Text Insert panel 82 Inserting images 83 Image resolution 83 Image formats 83 Creating a simple gallery page 84 Linking images 87 Using image placeholders 88 Editing images 89 Adjusting brightness and contrast 89 Optimizing images 90 Updating images 91 Self study 92 Review 92 Lesson 4: Styling Your Pages with CSS Starting up 93 What are Cascading Style Sheets? 94 CSS replaces inefficient HTML styling 95 The benefits of CSS styling 96 How do you create CSS rules in Dreamweaver? 98 Understanding Style Sheets 102 Understanding why they re called Cascading 105 Creating and modifying styles 106 Creating a class style with the Property Inspector 108 Creating and modifying styles in the CSS Styles panel 111 Advanced text formatting with CSS 112 Fine-tuning page appearance with contextual and pseudo-class selectors 115 Div tags and CSS IDs 119 Internal versus external style sheets 120 Attaching an external style sheet to your page 122 Modifying attached style sheets 122 Creating a new.css file (external style sheet) 124 Self study 126 Review 126 Lesson 5: Creating Page Layouts with CSS Starting up 127

4 The CSS Box model 128 The basics of CSS margins, padding, and borders 128 Reviewing the element 129 Reviewing the ID selector 129 Creating a centered container for your page 132 Making layouts cross-browser compatible 135 Absolute versus relative positioning 136 Positioning content with AP Divs 138 Creating a header section with the Draw AP Div 139 Adding an introduction section to your page 142 Adding images to your layout 144 Photoshop integration 145 Adding Main and Sidebar content areas 146 Adding additional content and styles 148 Setting margins and borders 149 Overriding default margins in CSS 150 Adding borders to elements 151 Future proofing your layout 152 The pros and cons of Absolutely Positioned CSS layouts 153 Self study 156 Review 156 Lesson 6: Advanced Page Layout Starting up 157 Layout with AP divs versus layout with floats 158 Creating a floated image 159 Creating columns with HTML and CSS 161 Creating the HTML Structure with div elements 161 Setting the width and floating the columns 163 Using the clear property 165 Creating a list-based navigation bar 166 Changing column layout and size 172 Creating the appearance of equal height columns 175 Browser compatibility 178 Adding code for IE Applying finishing touches 179 Creating more sophisticated layouts 180 Dreamweaver Fluid Grid Layout 181 Self study 182 Review 182

5 Lesson 7: CSS3 Transitions and Web Fonts Starting up 183 Understanding the role of CSS3 184 Adding a CSS Transition 184 Modifying a CSS Transition 190 Adding CSS Transitions to a navigation menu 196 The basics of web fonts 199 Adding web fonts to your site 200 Styling your heading with a web font 205 Self study 208 Review 208 Lesson 8: Working with Tables Starting up 209 Using tables in web design 210 Importing table data 210 Selecting table elements 213 Modifying table size215 Modifying table structure 217 Creating a table 219 Formatting and styling tables in HTML 221 Formatting and styling tables with CSS 226 Advanced CSS styling of tables 229 Controlling cell alignment, padding, and borders with CSS 232 Creating alternate row styling with CSS 234 Reusing CSS for other tables 236 Data sorting tables 238 Self study 240 Review 240 Lesson 9: Fine-Tuning Your Workflow Starting up 241 Customizing panels and panel groups 242 Using the Favorites tab on the Insert bar 245 Resizing the document window 246 Changing the Zoom level 249 Using guides 250 Using grids 253 The tag selector 255 Tiling documents 256 Self study 257 Review 257

6 Lesson 10: Adding Flash, Video, and Sound Content Starting up 259 Making web content interesting 260 Inserting Flash movies 260 Adding video 263 Flash Video 263 QuickTime video and Windows Media 266 Inserting sound 269 Self study 272 Review 272 Lesson 11: Maximizing Site Design Starting up 273 Creating modular page elements 274 Introducing snippets 274 The Snippets panel 275 Creating new snippets 276 Introducing library items 280 Modifying and updating library items 282 Introducing templates 285 Creating a new template 285 Working with editable regions 286 Creating new pages from templates 287 Modifying templates 289 Repeating regions 290 Putting repeating regions into action 291 Detach from Template command 293 Self study 294 Review 294 Lesson 12: Working with Code-editing Features Starting up 295 Working with code 296 Accessing code with the Quick Tag editor 296 Inserting tags with the Tag Chooser298 Inserting and editing comments 299 Using HTML5 Code-hinting 300 Working in the Code view 302 Modifying the Code view workspace 303 The Coding toolbar 305 Collapsing and expanding tags and code blocks 307

7 Validating your code 308 Highlighting and correcting invalid code 308 Running a Report 309 Formatting code 311 Indenting 313 Self study 314 Review 314 Lesson 13: Building Web Forms Starting up 315 The basics of HTML forms 316 How forms work 316 Building a contact form 317 Inserting the tag 317 Setting form properties 320 Adding form elements 322 Adding text fields 323 Adding checkboxes 325 Adding radio buttons 326 Adding radio groups 327 Adding lists and menus 328 Adding a text area 330 Adding a File Upload field 331 Creating Submit and Reset buttons 332 Styling forms with CSS 334 Attaching external styles 334 Setting a background color 335 Styling form elements 337 Form processing and validation 338 Adding form validation 339 A look at the Behaviors panel 339 Setting an event or trigger 341 Validating form fields 342 Changing a form field s behavior order 343 Verifying field contents 344 Self study 345 Review 345 Lesson 14: Adding Interactivity with the Spry Framework

8 Starting up 347 Introducing the Spry Widgets 348 The Spry framework for AJAX 348 What is AJAX? 348 A look at the project 349 The Spry Menu bar 350 Customizing Spry Widgets with CSS 353 The Spry Tabbed panel 356 The Spry Accordion panel 360 The Spry Collapsible panel 364 Working with Spry Data Widgets 365 What is XML? 366 Creating a Spry XML data set 366 Adding a Spry Data Widget: The Spry Repeat List 368 Styling and fine-tuning data widgets 370 Self study 373 Review 373 Lesson 15: Mobile Design and Layout Starting up 375 The rise of the mobile web 376 Dreamweaver tools for mobile layout 376 Mobile website features in Dreamweaver 378 Viewing your web page with the Multiscreen feature 378 Media Queries defined 381 Creating a site-wide media query file 383 Organizing your style sheets 386 Creating a layout optimized for mobile 388 Creating styles for navigation and a single-column layout 391 The basics of Fluid Grid Layout 394 Creating your mobile layout 398 Creating a tablet layout 402 Creating a three-column fluid layout for the desktop 403 Styling elements in your fluid grid layout 407 Self study 410 Review 410 Lesson 16: Managing your Website: Reports, Optimization, and Maintenance Starting up 411 Working with the Files panel 412 Creating a remote connection 412

9 Viewing files on a remote web server 416 Transferring files to and from a remote server with Get and Put 417 Using Check In/Check Out and Design Notes 419 Check In and Check Out 419 Checking files in and out 421 Using Design Notes 422 Sharing Design Notes 423 Displaying Design Notes in the Files panel 424 Testing site integrity 425 Using Check Links 425 Checking links sitewide 426 Generating site reports 428 Understanding report results 430 Addressing a listed item 430 The Browser Compatibility Check 432 Optimizing pages for launch 432 Search engine visibility and Search Engine Optimization 432 Titling your documents with the <title> tag 432 Adding meta keywords and descriptions 435 Launching your site 436 Site Launch Checklist 436 Uploading your site 437 Getting help and using the reference guides 438 The Reference panel 439 Suggested next steps 439 Website design resources 440 Self study 441 Review 441 Lesson 17: Dreamweaver CS6 New Features What s new in Dreamweaver CS6? 443 Fluid Grid Layout 444 CSS transitions 446 Web fonts 447 jquery Mobile Swatches 448 PhoneGap Build Service 448 New Features in Dreamweaver CS CSS3 and HTML5 authoring support 449 jquery Mobile integration 450 Support for building native mobile apps for ios and Android with PhoneGap 451

10 W3C Validation 451

Advanced Dreamweaver CS6

Advanced Dreamweaver CS6 Advanced Dreamweaver CS6 Overview This advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver's more advanced features. After this

More information

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^ Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver

More information

Overview of the Adobe Dreamweaver CS5 workspace

Overview of the Adobe Dreamweaver CS5 workspace Adobe Dreamweaver CS5 Activity 2.1 guide Overview of the Adobe Dreamweaver CS5 workspace You can access Adobe Dreamweaver CS5 tools, commands, and features by using menus or by selecting options from one

More information

Dreamweaver CS4. Introduction. References :

Dreamweaver CS4. Introduction. References : Dreamweaver CS4 Introduction References : http://help.adobe.com 1 What s new in Dreamweaver CS4 Live view Dreamweaver CS4 lets you design your web pages under realworld browser conditions with new Live

More information

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for

More information

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

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

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jquery Harness the cutting edge features of Dreamweaver for mobile and web development David Karl ins [PACKT] PUBLISHING BIRMINGHAM -

More information

Getting Started with CSS Sculptor 3

Getting Started with CSS Sculptor 3 Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use

More information

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC

Learning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC Module 1 Contents Chapter 1: Introduction to DreamWeaver CC Design Considerations...1-1 Types of Graphics...1-2 Backgrounds and Text...1-2 Planning the Navigation...1-2 The DreamWeaver Screen...1-3 Workspaces...

More information

Introduction to Dreamweaver CS4:

Introduction to Dreamweaver CS4: Introduction to Dreamweaver CS4: 1.0.0 published by Antall Training http://www.scottantall.com info@scottantall.com 440/623-3738 Copyright 2003-2009 Antall Training All Rights Reserved. No portion of this

More information

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the

More information

How to lay out a web page with CSS

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

More information

ACA Dreamweaver Exam Notes

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

More information

Table Basics. The structure of an table

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

More information

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014 Course Title Adobe Dreamweaver CC 2014 Course Description Adobe Dreamweaver CC (Creative Clouds) is the world's most powerful web design program. Our Dreamweaver course ''certified by Adobe ''includes

More information

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

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

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block

More information

Learning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics

Learning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics Module 1 Contents Chapter 1: Introduction to DreamWeaver CS4 Design Considerations... 1-1 Types of Graphics... 1-2 Backgrounds and Text... 1-2 Planning the Navigation... 1-2 The DreamWeaver Screen... 1-3

More information

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Set and modify document

More information

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117 Page 1 of 4 Web Design Fall 2009 Instructor: Mr. O Connell Room 117 Texts: Macromedia Dreamweaver MX Hands On Training (Green/Rudner) Adobe Photoshop Elements 5.0 Classroom in a Book (Adobe Systems) Macromedia

More information

Greenwood International School Course Description

Greenwood International School Course Description Ref: GIS ICT G11 2017-2018 Greenwood International School Course Description SUBJECT : Information and Communication Technology (ICT) GRADE LEVEL : 11 DURATION : 1 Year TEACHER : Ms. Sarika GOAL: The students

More information

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17 Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

WHAT YOU WILL LEARN IN THIS PHOTOSHOP TRAINING PROGRAM

WHAT YOU WILL LEARN IN THIS PHOTOSHOP TRAINING PROGRAM With Increase the online presence of business, create a website is first step for create online identity for any business. Every small and large enterprise need web designer, so they hire their own web

More information

Page Layout Using Tables

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

More information

Discuss web browsers. Define HTML terms

Discuss web browsers. Define HTML terms Week 1 & 2 *discuss safety of the internet and classroom Describe the internet and it s associated key terms Describe the world wide web and key terms associated Discuss web browsers Define HTML terms

More information

How to lay out a web page with CSS

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

More information

Flash Image Enhancer Manual DMXzone.com Flash Image Enhancer Manual

Flash Image Enhancer Manual DMXzone.com Flash Image Enhancer Manual Flash Image Enhancer Manual Copyright 2009 All Rights Reserved Page 1 of 62 Index Flash Image Enhancer Manual... 1 Index... 2 About Flash Image Enhancer... 3 Features in Detail... 3 Before you begin...

More information

Web Designing HTML (Hypertext Markup Language) Introduction What is World Wide Web (WWW)? What is Web browser? What is Protocol? What is HTTP? What is Client-side scripting and types of Client side scripting?

More information

Layout Manager - Toolbar Reference Guide

Layout Manager - Toolbar Reference Guide Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the

More information

Designing the Home Page and Creating Additional Pages

Designing the Home Page and Creating Additional Pages Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From

More information

The figure below shows the Dreamweaver Interface.

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

More information

COPYRIGHTED MATERIAL. Contents. Chapter 1: Introducing Microsoft Expression Web 1. Chapter 2: Building a Web Page 21. Acknowledgments Introduction

COPYRIGHTED MATERIAL. Contents. Chapter 1: Introducing Microsoft Expression Web 1. Chapter 2: Building a Web Page 21. Acknowledgments Introduction Acknowledgments Introduction Chapter 1: Introducing Microsoft Expression Web 1 Familiarizing Yourself with the Interface 2 The Menu Bar 5 The Development Window 7 The Development Area 8 The Tabbed File

More information

Wolf. Responsive Website Designer. Mac Edition User Guide

Wolf. Responsive Website Designer. Mac Edition User Guide Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive

More information

WEB DESIGNING CURRICULUM

WEB DESIGNING CURRICULUM WEB DESIGNING CURRICULUM Introduction to Web Technologies Careers in Web Technologies and Job Roles How the Website Works? Client and Server Scripting Languages Difference between a Web Designer and Web

More information

1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C.

1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C. 1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C. Online Experience D. Religious Affiliation E. Salary Range F. Political

More information

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

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

More information

Dreamweaver CS3 Concepts and Techniques

Dreamweaver CS3 Concepts and Techniques Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout

More information

Taking Fireworks Template and Applying it to Dreamweaver

Taking Fireworks Template and Applying it to Dreamweaver Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate

More information

Working with Images and Multimedia

Working with Images and Multimedia CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.

More information

Basics of Web Technologies

Basics of Web Technologies 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: Introduction to Web Technologies

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

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

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

More information

Learn Dreamweaver CS5 in a Day

Learn Dreamweaver CS5 in a Day Learn Dreamweaver CS5 in a Day Topic File Used Page Number Instructions...1 Chapter 1 Tutorial 1. Introduction... 3 2. Previewing finished site in your web browser...als_portfolio... 7 3. Starting Up Dreamweaver...

More information

How to deploy for multiple screens

How to deploy for multiple screens How to deploy for multiple screens Ethan Marcotte, a developer in Boston, coined the phrase responsive design to describe a website that adapts to the size of the viewer s screen. A demonstration site

More information

Learning DreamWeaver MX 2004

Learning DreamWeaver MX 2004 Contents Users Notes Software Requirements...xi The DW Support Files...xi Copying the DW Support Files...xi Windows Systems...xi Macintosh Systems...xi Using the Activities in Schools... xii The Chapter

More information

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

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

More information

Dreamweaver CS4. A Complete Training Package! Adobe. Full-color, step-by-step instructional book Video training from Adobe Certified Experts

Dreamweaver CS4. A Complete Training Package! Adobe. Full-color, step-by-step instructional book Video training from Adobe Certified Experts Adobe Dreamweaver CS4 A Complete Training Package! Full-color, step-by-step instructional book Video training from Adobe Certified Experts Tutorials and lesson files on companion DVD Jeremy Osborn & Aquent

More information

Independence Community College Independence, Kansas

Independence Community College Independence, Kansas Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web

More information

Designing Websites in Dreamweaver CS5

Designing Websites in Dreamweaver CS5 Designing Websites in Dreamweaver CS5 Designing Websites in Dreamweaver CS5 2013 Aptech Limited All rights reserved No part of this book may be reproduced or copied in any form or by any means graphic,

More information

I, J, K. Eclipse, 156

I, J, K. Eclipse, 156 Index A, B Android PhoneGap app, 158 deploying and running, 172 New Eclipse project, 158 Activity dialog, 162 application properties, 160 AVD, 170 configuration, 167 Launcher Icon dialog, 161 PhoneGap

More information

Concepts of Information Technology. Introduction to Windows 8

Concepts of Information Technology. Introduction to Windows 8 ADVANCED CERTIFICATE IN INFORMATION TECHNOLOGY What is Information Technology What is Computer History of Computer What is Operating System Windows History Windows Environment A First Look at the Windows

More information

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

CompuScholar, Inc. Alignment to Utah's Web Development I Standards Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of

More information

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

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2

More information

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

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

More information

Web Development IB PRECISION EXAMS

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

More information

Maria A. Cordell CS 6763 Assignment One. September 21, 2004

Maria A. Cordell CS 6763 Assignment One. September 21, 2004 Maria A. Cordell CS 6763 Assignment One September 21, 2004 Part 1: SBF Analysis of Dreamweaver MX 2004... 1 Product Design Capabilities... 1 High-level Function Support... 2 Second-level Functions... 5

More information

Dear Candidate, Thank you, Adobe Education

Dear Candidate, Thank you, Adobe Education Dear Candidate, In preparation for the Web Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet are:

More information

WEB DESIGNING COURSE SYLLABUS

WEB DESIGNING COURSE SYLLABUS F.A. Computer Point #111 First Floor, Mujaddadi Estate/Prince Hotel Building, Opp: Okaz Complex, Mehdipatnam, Hyderabad, INDIA. Ph: +91 801 920 3411, +91 92900 93944 040 6662 6601 Website: www.facomputerpoint.com,

More information

WEB GRAPHICS ADOBE PHOTOSHOP CS3. Learning Outcomes:

WEB GRAPHICS ADOBE PHOTOSHOP CS3. Learning Outcomes: WEB GRAPHICS ADOBE PHOTOSHOP CS3 Learning Outcomes: At the end of the course the participant will Design layouts for web pages, Paper Adverts, Brouchers, CD Covers, Package Designing Event and Exhibition

More information

Bonus Lesson: Working with Code

Bonus Lesson: Working with Code 15 Bonus Lesson: Working with Code In this lesson, you ll learn how to work with code and do the following: Select code elements in new ways Collapse and expand code entries Write code using code hinting

More information

Dreamweaver CS4. A Complete Training Package! Adobe. Full-color, step-by-step instructional book Video training from Adobe Certified Experts

Dreamweaver CS4. A Complete Training Package! Adobe. Full-color, step-by-step instructional book Video training from Adobe Certified Experts Adobe Dreamweaver CS4 A Complete Training Package! Full-color, step-by-step instructional book Video training from Adobe Certified Experts Tutorials and lesson files on companion DVD Jeremy Osborn & Aquent

More information

Sections and Articles

Sections and Articles Advanced PHP Framework Codeigniter Modules HTML Topics Introduction to HTML5 Laying out a Page with HTML5 Page Structure- New HTML5 Structural Tags- Page Simplification HTML5 - How We Got Here 1.The Problems

More information

Web Development. With PHP. Web Development With PHP

Web Development. With PHP. Web Development With PHP Web Development With PHP Web Development With PHP We deliver all our courses as Corporate Training as well if you are a group interested in the course, this option may be more advantageous for you. 8983002500/8149046285

More information

WEB DESIGNER CAREER BLUEPRINT

WEB DESIGNER CAREER BLUEPRINT WEB DESIGNER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways you can get help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE! Join

More information

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

More information

About Codefrux While the current trends around the world are based on the internet, mobile and its applications, we try to make the most out of it. As for us, we are a well established IT professionals

More information

Deccansoft Software Services

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

More information

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface

Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface : Understanding the Adobe Dreamweaver CS5 Interface Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify elements of the Dreamweaver interface

More information

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

More information

Adobe Dreamweaver CS4

Adobe Dreamweaver CS4 Adobe Dreamweaver CS4 About Dreamweaver Whether creating simple blog pages complex web sites, Dreamweaver provides users with a powerful set of web-design tools necessary f the task. Its userfriendly interface

More information

ADOBE DREAMWEAVER CS4 BASICS

ADOBE DREAMWEAVER CS4 BASICS ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,

More information

Lesson 1: Dreamweaver CS6 Jumpstart

Lesson 1: Dreamweaver CS6 Jumpstart Lesson 1: Dreamweaver CS6 Jumpstart Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6 Overview 2013 John Wiley & Sons, Inc. 2 3.1 Elements of

More information

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

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

More information

Dreamweaver Basics Workshop

Dreamweaver Basics Workshop Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What

More information

JSN PageBuilder 3 Configuration Manual Introduction

JSN PageBuilder 3 Configuration Manual Introduction JSN PageBuilder 3 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation of Joomla! PageBuilder with great improvements in the interface, features, and user

More information

With Dreamweaver CS4, Adobe has radically

With Dreamweaver CS4, Adobe has radically Introduction to the Dreamweaver Interface With Dreamweaver CS4, Adobe has radically reengineered the Dreamweaver interface to provide a more unified experience across all of the Creative Suite applications.

More information

A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018

A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018 + v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4

More information

Keynote 08 Basics Website:

Keynote 08 Basics Website: Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program

More information

IT153 Midterm Study Guide

IT153 Midterm Study Guide IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window

More information

Introduction to Dreamweaver CS3

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

More information

Working with PowerPoint. Modify PowerPoint. Views

Working with PowerPoint. Modify PowerPoint. Views Working with PowerPoint The new user interface The Backstage view The Office Ribbon with its tabs The Quick Access Toolbar The Status Bar How to Use Smart Tags The New File Format Live Preview Protected

More information

HTML5 and CSS3 for Web Designers & Developers

HTML5 and CSS3 for Web Designers & Developers HTML5 and CSS3 for Web Designers & Developers Course ISI-1372B - Five Days - Instructor-led - Hands on Introduction This 5 day instructor-led course is a full web development course that integrates HTML5

More information

Keynote Basics Website:

Keynote Basics Website: Keynote Basics Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages. If you

More information

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS LESSON 1 GETTING STARTED Before We Get Started; Pre requisites; The Notepad++ Text Editor; Download Chrome, Firefox, Opera, & Safari Browsers; The

More information

Table of contents. Ajax AutoComplete Manual DMXzone.com

Table of contents. Ajax AutoComplete Manual DMXzone.com Table of contents Table of contents... 1 About Ajax AutoComplete... 2 Features in Detail... 3 The Basics: Creating a Basic AJAX AutoComplete Field... 12 Advanced: Generating an AutoComplete Field using

More information

Dreamweaver MX The Basics

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

More information

FRONT END DEVELOPER CAREER BLUEPRINT

FRONT END DEVELOPER CAREER BLUEPRINT FRONT END DEVELOPER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways you can get help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE!

More information

the missing manual0 O'REILLY Third Edition David Sawyer McFarland Beijing Cambridge The book that should have been in the box Farnham

the missing manual0 O'REILLY Third Edition David Sawyer McFarland Beijing Cambridge The book that should have been in the box Farnham Farnham Third Edition the missing manual0 The book that should have been in the box David Sawyer McFarland Beijing Cambridge O'REILLY Koln Sebastopol Tokyo Contents The Missing Credits vii Introduction

More information

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading Full Stack Web Development Intensive, Fall 2017 There are two main objectives to this course. The first is learning how to build websites / web applications and the assets that compose them. The second

More information

COMSC-031 Web Site Development- Part 2

COMSC-031 Web Site Development- Part 2 COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal December 5, 2013 Chapter 13 13 Designing a Web Site with CSS In addition to creating styles for text, you can use CSS to create

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

DIPLOMA IN COMPUTER APPLICATION. SEMISTER-1 Sl. No Subject Theory Practical Credits Weeks 1 Computer Fundamentals MS Office

DIPLOMA IN COMPUTER APPLICATION. SEMISTER-1 Sl. No Subject Theory Practical Credits Weeks 1 Computer Fundamentals MS Office DIPLOMA IN COMPUTER APPLICATION SEMISTER-1 Sl. No Subject Theory Practical Credits Weeks 1 Computer Fundamentals 50 50 2 3 2 MS Office 50 50 4 5 (Word,Excel,Powerpoint,MsVisio 3 HTML, CSS, JavaScript 50

More information

Hands On: Dreamweaver CS3 NEW SPRY Widgets

Hands On: Dreamweaver CS3 NEW SPRY Widgets What is a Spry Widget? Spry widgets provide access to dynamic and interactive elements you might like to have on your Web page. These Spry elements include: Menu Bars Tabbed Panels Accordion Effects Collapsible

More information

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next. Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection

More information

COURSE SYLLABUS FOR. COMP-297 Web Page Design: Adobe Dreamweaver

COURSE SYLLABUS FOR. COMP-297 Web Page Design: Adobe Dreamweaver Coffeyville Community College COURSE SYLLABUS FOR COMP-297 Web Page Design: Adobe Dreamweaver Mrs. Darla Thornburg Spring 2017 Page 1 of 8 COURSE NUMBER: COURSE TITLE: COMP-297 Web Page Design: Adobe Dreamweaver

More information