Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.

Slides:



Advertisements
Similar presentations
DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.
Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.
Chapter 3 Tables and Page Layout
Macromedia Dreamweaver 4 Foundation Level Course.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Final Exam Our final will be held: –Thursday, May 3 rd –From 4:00 to 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Final Exam Our final will be held: –Thursday, May 8 th –4:00 PM - 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is mandatory.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint.
Working with Cascading Style Sheets. 2 Objectives Introducing Cascading Style Sheets Using Inline Styles Using Embedded Styles Using an External Style.
PowerPoint Demonstration Capabilities of Microsoft PowerPoint.
Chapter 19 – Macromedia Dreamweaver MX 2004
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Creating Tables in a Web Site Using an External Style Sheet
Getting Started with Dreamweaver
Adobe GoLive 5 Foundation Level Course. GoLive 5 Overview.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Website Development with Dreamweaver
Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
CSS Basic (cascading style sheets)
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Tutorial 7 Planning and Creating a Flash Web Site.
Getting What You Want From Adobe © Dreamweaver, Fireworks, and Flash Presented by Helen Siukola Jancich, M.S. Anastasia Trekles Milligan, M.S. Purdue University.
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.
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
Louisa Lambregts, Louisa Lambregts
Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.
Tutorial 3 Adding and Formatting Text with CSS Styles.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
CNIT 132 – Week 4 Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Positioning Objects with CSS and Tables
ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
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.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.
visit or call to enroll now..
WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry.
Web Design In A Nutshell A Desktop Quick Reference.
CSS.
Getting Started with Dreamweaver
Creating a Flash Web Site
Dreamweaver – Project #1
Page plans A01 Design.
Starting to develop a website
Getting Started with Dreamweaver
Dreamweaver Fireworks Flash
Web Client Side Technologies Raneem Qaddoura
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design a high end web designing from scratch Design a cool Photography Portfolio Unique Desktop Layout

Animation concept FPS Understanding animation for web Flash interace Working with tools Creating basic animation frame by frame Creating animation using onion skin Shape animation Understanding fps and timing difference Understanding and creating symbols for animation Motion tween animation Using rotate, alpha effects in animation Motion guide animation Understanding movie clips Continued……

Working with colors pallet Adding sound to animation Adding sound to buttons Importing images from other software Creating effective web banners Creating web buttons Creating web advertisement Creating interactive web Presentation

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

HTML Lists HTML Blocks HTML Layout HTML Forms HTML Iframes HTML Colors HTML Color values HTML JavaScript HTML Entities HTML URL Encode HTML Quick List HTML Summary HTML XHTML

HTML5 Intro HTML5 New Elements HTML5 Canvas HTML5 SVG HTML5 Drag/Drop HTML5 Geo-location HTML5 Video HTML5 Audio HTML5 Input Types HTML5 Form Elements HTML5 Form Attributes HTML5 Semantic HTML5 Web Storage HTML5 App Cache HTML5 Web Workers HTML5 SSE

CSS Basic CSS HOME CSS Introduction CSS Syntax CSS Id & Class CSS How To CSS Backgrounds CSS Text CSS Fonts CSS Links CSS Lists CSS Tables

CSS Box Model CSS Border CSS Outline CSS Margin CSS Padding

CSS Grouping/Nesting CSS Dimension CSS Display CSS Positioning CSS Floating CSS Align CSS Pseudo-class CSS Pseudo-element CSS Navigation Bar CSS Image Gallery CSS Image Opacity CSS Image Sprites Contineud ….

CSS Media Types CSS Attr Selectors CSS3 Introduction CSS3 Borders CSS3 Backgrounds CSS3 Gradients CSS3 Text Effects CSS3 Fonts CSS3 2D Transforms CSS3 3D Transforms CSS3 Transitions CSS3 Animations CSS3 Multiple Columns

Exploring Dreamweaver Interface Planning & Setting Web Site Structure Working with panels Understanding and switching views Using property inspector Formatting text Creating Web pages Hyper Linking pages External Linking Anchor & Link Inserting Tables Merging cells Contineud….

Setting table properties Working with images Understanding jpg and GIF file format Image Linking Creating rollover images Inserting flash swf file in web pages Working with forms Validating forms Creating and working with Templates Working with Spry Menu Bar Creating Tabbed Panel Creating Collapsible panel Using Behaviors Creating interactive website Creating Table less website using CSS

Using Html5 Using Bootstrap Learning to use FTP Setting FTP Uploading of site Using Control panel

AN Advanced Web Education Center WEBLIQUIDS