Web Design in 4 Dimensions Marientina Gotsis. Web Design: A Brief History Information organization for quick indexing purposes. Search Engine Style Design.

Slides:



Advertisements
Similar presentations
Introduction to HTML, XHTML, and CSS
Advertisements

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Project 1 Introduction to HTML.
Chapter Concepts Review Markup Languages
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©
Let me control over my pages: Tables, Frames, and CSS.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
Principle of Web site Engineering URL: Lecturer: Zhanfang ZHAO Contacts: Tel: 6340 Rome: T409
1st Project Introduction to HTML.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Development of mobile applications using PhoneGap and HTML 5
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.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Chapter 1 Introduction to HTML, XHTML, and CSS
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.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Communications, Networks, the Internet and the World Wide Web Chapter 2.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
The Internet and the World Wide Web (ch. 7) Internet-based communications other Internet services the World Wide Web.
Internet for Teaching and Learning. Understanding the Web The Web is A collection of publicly accessible pages (web sites) on the Internet All use the.
Introduction to Multimedia Review 1 - Lecture Notes Semester 1.
And Writing HTML Chang-Yang Lin Eighth Annual Meeting of the Minds Conference Eastern Kentucky University September 11, 2004.
Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
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.
The Web Wizard’s Guide To JavaScript Chapter 9 Applied Web Programming Techniques.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Touchshow Introduction. Slide show tool, based on PPT format but show your slides on all platforms, with many amazing features What is Touchshow.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Browsers. Overview Definition How a Browser Works? History Today – Browser Wars The Future.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
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.
© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand career planning in a digital media environment.
OCR Computing OGAT Web Technologies. What OCR need you to know… You are expected to have a working knowledge of the above web languages.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Glencoe Introduction to Multimedia Chapter 2 Multimedia Online 1 Internet A huge network that connects computers all over the world. Show Definition.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Chapter A - Getting Started with Dreamweaver MX 2004
Project 1 Introduction to HTML.
The Internet and HTML Code
Objective % Understand career planning in a digital media environment.
The Internet and the World Wide Web (ch. 7)
Unit 2 – Webpage Creation
The Evolution of Web Design
Use an Internet Browser
An Introduction to HTML Pages
Presentation transcript:

Web Design in 4 Dimensions Marientina Gotsis

Web Design: A Brief History Information organization for quick indexing purposes. Search Engine Style Design

Browser Wars: The Aftermath Mosaic, Explorer, Netscape

Web Design: A Brief History Interface Design Image Formats Multimedia Scripting Plug-ins

Designers Take Control The blue hyperlinks get a face-lift and a new market opens: “Desperately Seeking Web Designers”

Print vs Web = The Trap Design firms use print trained people for web design. The end result? The wish to control goes out of control. Enter: CSS Design Nazi Syndrome

Escaping The Layout Yes, it’s a web page but really…it’s on your monitor. It can change with the click of a mouse. It can look different from computer to computer and from one platform to the other.

Out Of Control A new generation of web design emerges: Introduction of technology that makes things move (blinking and scrolling banners don’t count) and sound goes live.

The Present Live Audio. Live Video. Streaming animation. Dynamic HTML. Interactive Animation. VR technology. Animated mailbox goodbye!