Dreamweaver MX 2004. ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.

Slides:



Advertisements
Similar presentations
Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.
Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Chapter Concepts Review Markup Languages
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
Multiple Tiers in Action
Let me control over my pages: Tables, Frames, and CSS.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Chapter 19 – Macromedia Dreamweaver MX 2004
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Web Design Basic Concepts.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
Css. Definition Cascading style sheet (CSS) Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
CM143Web Week 8 Review of Assignment 1 Revision & Elaboration.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Bare bones slide show. The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
Css. Definition Cascading style sheet (CSS)  It is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
1 Overview of XSL. 2 Outline We will use Roger Costello’s tutorial The purpose of this presentation is  To give a quick overview of XSL  To describe.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Cascading Style Sheets CSS. Source W3Schools
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…
Building CSS in Visual Studio Slide 2 Introduction Using the different HTML (and other) Visual Studio Editors CSS tools.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
New Horizons Computer Learning Centers Website Software
Web Basics: HTML/CSS/JavaScript What are they?
Introduction to Website Creation in sphb K200
ASP.NET developing web applications based on Microsoft.NET Framework.
Introduction to web design discussing which languages is used for website designing
Cascading Style Sheets - Building a stylesheet
Web Page Development Tools
Cascading Style Sheets (Introduction)
Test 1 Review Website Basics, HTML, CSS
Cascading Style Sheets (Introduction)
Overview of HTML.
Mozafar Bag-Mohammadi
Web Page Development Tools
Building ASP.NET Applications 2
Bare bones notes.
Cascading Style Sheets - Building a stylesheet
Client-Server Model: Requesting a Web Page
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

Dreamweaver MX 2004

? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises –HTML –ColdFusion, PHP, ASP, JSP –C#, Java, VB, WML, XML –CSS, JavaScript, ActionScript Offers tag hints

Web site Set of archives and folders related to each others Designing & planning before creation –First page should be named as index.htm or index.html –Recommended to create homogenous sites –Resolution!

CSS Cascading Style Sheets –Collection of formatting rules –Control the appearance of contents Usefull for maintaining complete web pages Reduces file sizes Reusable Two ways to use –Embed into a document –External stylesheet (recommended way)

Layers DHMTL components –Requires Javascript to function properly Similar to tables –Allow exact positioning Can be used to: –create multiple different effects –organize the site Different browsers view layers differently

Forms It’s easy to create forms Saving / collecting information requires some serverside functionality, php, jsp, asp, etc. Validating requires Javascript