MAT153 Web Design 1 A Brief Overview of the Web Design Process.

Slides:

Advertisements

Similar presentations

Yesterday… Today… Digital signage comes into the public eye more and more as a tool to improve internal and external communication, promote products.

Advertisements

ARTA GROUP PORTAL DESIGN AND DEVELOPMENT PROCESS 1.INFORMATION GATHERING 2.PLANNING 3.DESIGN 4.DEVELOPMENT 5.TESTING AND DELIVERY 6.WEB MARKETING / SOCIAL.

Creating Tutorials for the Web: A Designer’s Challenge Module 3: Design for Learning.

Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.

Overview What is Content Creation Software (CCS) Types of Software CCS Applied in the Classroom Summary References.

Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

Web Design by Client Perspective

What is content creation software? Create, modify and manage print and online materials and tools Limited knowledge of programming or multimedia skills.

Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.

CIS 205—Web Design & Development Integration Chapter 1.

Computer Concepts 2014 Chapter 7 The Web and .

Web Design Miftahul Huda Digital Signal Processing Laboratory Medayu Selatan XI/11 Surabaya.

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

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.

Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,

Designing and Producing a Website for a New Band Planning and Designing your production.

PHS Computer Classes. Introduction to business applications Office 2007 – Word – PowerPoint – Excel Presentation Techniques Employment Skills.

Web Design, 4 th Edition 7 Promoting and Maintaining a Web Site.

Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.

Web Development Life Cycle from Beginning to End…and BEYOND!

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.

+ Content Rich Websites Katie Tomaino. + What is a Content-Rich Website? “Organizes the online personality of your organization to delight, entertain,

The Web Site Design and Development Process There are numerous steps in the web site design and development process. From gathering initial information,

Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?

Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.

Do You Have a Web Site?. Everyone does, don’t they?

Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.

7 Reasons why HISTORY is essential to learn Why We Study History.

Website Project Development Presentation by APNARAJ.COM.

Narrative Essay ~ eight journal entries ~. Cluster Graph What is good about a cluster graph (bubble graph, idea web) is that you don’t have to limit yourself.

How to Build a Better Web site: The Story of Web Design.

Unit 10 – Web Authoring Web Authoring – Qatar Tourism Lesson 5 & 6.

Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.

What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.

Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.

Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.

Marketing & Advertising The Brochure Project. Technology Standard Abilities for a Technological World: Standard 11 - Students will develop abilities to.

Click this to go to the first slide. Click this to go back to the slide with the programs on it. Click here to go to the next slide. Click this to go.

Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.

- David D’Cruz “There is nothing like looking, if you want to find something. You certainly usually find something, if you look, but it is not always quite.

My Dida project Review Multimedia Unit 2. Tell me a story. For 4-6 year olds. Written by Elizabeth Edwards ForwardBack.

TOBI COLAM-AINSWORTH YEAR 9 IT-WEB DESIGN. Tuesday 09/08/11 Missing USB Digital portfolio You should all have brought in a photo of yourself as advised.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

STEM. a. Photoshop is the world’s leading digital image editing software application. b. People use it to create, enhance and modify images, such as brochures,

Digital Images / Write Copy CUFIMA01A Produce And Manipulate Digital Images CUFWRT05A Write Content And/Or Copy Week 4.

Web Analytics – An Introduction

Microsoft Expression Web 3 Chapter 6 Adding Interactivity.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Web publishing Adam Warren Department of Adult Continuing Education University of Southampton.

Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.

Fermilab Education Office Homepage Updated in 2014 We want to appeal to our main audiences providing them with pathways to get the information they need.

Unit 15 – Web Authoring Web Authoring Project.

TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,

Web & accessibility resources

Web Site Development and Macromedia Dreamweaver 8

Marketing & Advertising

Basic Knowledge of Web creation

Publishing and Maintaining a Website

Zhi Liu Dec.7th IA and Design

Marketing & Advertising

Apply programming techniques to design and create a web page

Web Site Development Careers

PRODUCTION PHASES CHANGES

The Technologies.

Presentation transcript:

MAT153 Web Design 1 A Brief Overview of the Web Design Process

 Information Gathering  Planning the Site  Interface and Site Design  Development of the Site  Testing and Launch  Site Maintenance

 All sites start as an idea  Something to be accomplished  Something to promote  Something to share  Someone to entertain  Some news to broadcast  Something to sell

 What is the goal of your web site?  Sell stuff  Sell yourself  Tell a story  Persuade people

 Who will be your site visitor?  What do these visitors expect?  Does your target audience have certain common characters?  Income  Age  Interests  Computer abilities

 Content is the stuff of the site  What do other sites in the same genre offer?  What do you have to offer?  Start grouping your stuff into categories

 Like anything you build, you need a plan  Structure  3 to 7 Top-level categories  Content is the stuff that goes into each category  Content can be words, images, sound, multimedia

 Design is the pretty stuff that happens in Photoshop after all the initial planning is done  Shapes  Colors  Proximity  Form  Typography

 Move from a pretty picture to an interactive web page using Dreamweaver  Slice  Export  HTML  Technologies

 Fill the site with content  Words  Image  Multimedia  Is it working?  What is working  What is not  Fix it!

 What is the benchmark for launch  Not all content is necessary for launch  Determine what is necessary  What will be added later  Determine launch date  Open the site to the public – Launch!

 Change is all  Eliminate that which is not working  Make what is working more prominent and easier to get to  Fresh content is a must  Targeted content is better  Always be eager to reinvent your site

 Information Gathering and Site Planning  Microsoft Office Word  Microsoft Office Excel  Interface Design  Adobe Photoshop  Adobe Bridge  Development of the Site  Adobe Dreamweaver  Adobe Flash  Adobe Photoshop  Adobe Bridge  Testing and Launch  Web Browsers  Adobe Device Central  Dreamweaver Browser Lab  Site Maintenance  Analytics and Statistics  Adobe Dreamweaver  Adobe Photoshop  Adobe Flash  Adobe Bridge  Adobe Contribute

Thank you for your attention!