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

Slides:



Advertisements
Similar presentations
What is Web Design Encompasses several different areas: Graphic Design User Interface Design Document Design – once called Desktop Publishing Content Design.
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
DT228/3 Web Development WWW and Client server model.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Evaluation in Digital Media Graphics Basic Concepts.
Project 1 Introduction to HTML.
Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.
Chapter Concepts Review Markup Languages
Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Multiple Tiers in Action
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Software and Multimedia
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
INTRO TO GRAPHIC DESIGN IN THE NEW MEDIA ART468. What is a Web Designer?  A web designer creates websites.  When working as a designer, your clients.
Web Design Basic Concepts.
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.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
Internet Applications Notes for Chapter 19 Digital Domain, 2 ed.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
The basics of knowing the difference CLIENT VS. SERVER.
K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
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.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
The Internet and HTML Code
What is Web Design Encompasses several different areas: Graphic Design
Unit 2, Lesson 5 Website Development Tools
Objective % Select and utilize tools to design and develop websites.
User Interface / User Experience Demo
Unit 2, Lesson 5 Website Development Tools
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Software and Multimedia
Software and Multimedia
COM 205 Multimedia Applications
Fall 2017 What’s Next.
Overview of Dreamweaver
COM 205 Multimedia Applications
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
What is Web Design Encompasses several different areas: Graphic Design
Fall 2016 CourseIntro.
ITI 163: Web, Mobile, and Social Media Design Introduction
Introduction to JavaScript & jQuery
Technical and Non Technical
Web Site Development Careers
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Presentation transcript:

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience design Web document and style sheet production Scripting and programming Content strategy Multimedia

Design Often, when we think of design, we think about how something looks. On the Web, the first matter of business is designing how the site works. Interaction Design (IxD) User Interface (UI) design, and User Experience (UX) design.

Design: Wireframes

Design: Site Diagram

Visual/Graphic Design This is where we focus on the “look and feel” of a website. logos, graphics, type, colors, layout, etc. Ensure consistency with the brand/message of the organization Sketches of the way the site might look producing the graphic files optimized for delivery over the Web

Visual/Graphic Design

Key Languages and Software CSS GIMP2 Adobe Photoshop Fireworks Flash

Website Development Content Authoring Content Markup (HTML) Styling (CSS) Scripting & Programming (JavaScript)

Development: Backend vs. Frontend Web Browser Graphic design Image production Interface design User experience HTML markup CSS styles JavaScript Web Server Processing Forms Database Programming Content Management Systems Server-side Scripting Server-side Java, PHP, ASP, Ruby, JSP

Multimedia Unlike other documents web pages have many layers capable of combining almost any form of media Text Audio Video Animation Programs & Application  Interaction as a form of media