CS134 Web Design & Development

Slides:

Advertisements

Similar presentations

Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.

Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

Using Advanced Cascading Style Sheets

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Getting Started with Dreamweaver

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

Tutorial 1: Getting Started with Adobe Dreamweaver CS4.

© 2012 Boise State University1 WordPress Training February 14, 2013.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.

Informatics Computer School CS114 Web Publishing HTML Lesson 2.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

Website Development with Dreamweaver

Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.

HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Dreamweaver MX Unit B CIS 205—Web Site Design and Development.

CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.

Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.

CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz.

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

Start Dreamweaver program From file menu click new Blank page appears.

Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

Project 6: Kayaking HTML5 Site

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

Please open a file manager window and Dreamweaver.

1 After completing this lesson, you will be able to: Open and preview a FrontPage-based Web site. Open and preview an individual Web page. Look at a Web.

Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.

Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.

More instances of editing being lost when using Rich Text mode Browser: Internet Explorer 7 (version ) Page used:

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.

HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.

COMP 143 Web Development with Adobe Dreamweaver CC.

Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...

WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry.

Building CSS in Visual Studio Slide 2 Introduction Using the different HTML (and other) Visual Studio Editors CSS tools.

Connecting From Home Editing at Home(You don’t have to.)

Getting Started with Dreamweaver

Project Objectives Publish to a remote server

Intro to Dreamweaver Web Design Section 8-1

Dreamweaver – Project #1

Dreamweaver – Setting up a Site and Page Layouts

ITI 133 HTML5 Desktop and Mobile Level I

Page plans A01 Design.

HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

Create and edit web pages 2

CS134 Web Design & Development

Dreamweaver Basics.

Getting Started with Dreamweaver

CS134 Web Design & Development

3.00 Understanding the Adobe Dreamweaver interface. (12%)

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

CS134 Web Design & Development Dreamweaver Introduction Mehmud Abliz

Dreamweaver Basics Only the outline of what’ll be covered about Dreamweaver is given in slides Repeat the activities I demonstrated throughout the whole Dreamweaver section.

Windows and panels overview Menus overview Dreamweaver Basics Windows and panels overview Menus overview Creating a site a Dreamweaver Creating a XHTML page Editing “Preview browser list” Adding text, image, tables, lists, & links Adding stylesheet (internal & external)

Validate your web site early How to validate? Put the following anywhere in your code <a href="http://validator.w3.org/check?uri=[URI of the web page]”> </a> Use http://validator.w3.org/ <a href="http://validator.w3.org/check/referer" >xhtml</a> <a href="http://jigsaw.w3.org/css-validator/check/referer">css</a>