Fall 2017 What’s Next.

Slides:

Advertisements

Similar presentations

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Advertisements

Principles of Internet Marketing Chapter 10 Programs and Languages.

1 Lecture 7: Implementing a Prototype: Overview of Using PowerPoint, Flash Catalyst, html, Microsoft Sketchflow/Expression Blend, etc. Brad Myers

Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Multiple Tiers in Action

Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)

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

Careers in Website Development & Design Certificate and Degree Program at PCC.

Web Design HTML CSS Creating Web Sites Design Principles.

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.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

COM 205 Multimedia Applications

How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.

Content Management Systems AN INTRODUCTION. Learning Objectives To know what a Content Management System is Have an understanding of the different types.

CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.

 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.

Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.

After Your First Web Course; Where to Go from Here Bill Pegram April 23, 2014.

Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.

Dynamic Web Pages (Flash, JavaScript)

 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?

WEEK INTRODUCTION CSC331 – WEB TECHNOLOGIES.

Introduction to Internet Programming (Web Based Application)

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.

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

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.

WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.

By Bearzx Dive Into Web Introduction To WEB

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.

Web Development Process The Site Development Process Site Construction is one of the last steps.

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

The basics of knowing the difference CLIENT VS. SERVER.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

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.

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.

Basics Components of Web Design & Development Basics, Components, Design and Development.

CS320 Web and Internet Programming Introduction to Web Application Development Chengyu Sun California State University, Los Angeles.

Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site.

Scripting - Client-side vs. Server-side Scripting

Objective % Select and utilize tools to design and develop websites.

Chengyu Sun California State University, Los Angeles

Section 17.1 Section 17.2 Add an audio file using HTML

Content Management Systems

Introduction to Advance Web Technologies

Unit 2, Lesson 5 Website Development Tools

Objective % Select and utilize tools to design and develop websites.

User Interface / User Experience Demo

Copyright © 2013 MyGraphicsLab / Pearson Education

Unit 2, Lesson 5 Website Development Tools

Life as a web developer Richard Baldwin

Dynamic Web Pages (Flash, JavaScript)

Web Development How the Web Works.

Zhi Liu Dec.7th IA and Design

04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.

Overview of Dreamweaver

Dynamic Web Pages Jin Wu INF 385E Information Architecture

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Planning a Website MAD2053.

Secure Web Programming

Fall 2016 CourseIntro.

Database Connectivity and Web Development

Introduction to JavaScript & jQuery

Technical and Non Technical

Client-Server Model: Requesting a Web Page

Web Application Development Using PHP

Presentation transcript:

Fall 2017 What’s Next

Overview… Visual (graphic) Design  Multimedia Basic Design Principles > Illustrator > Photoshop Advanced Photoshop | Illustrator Multimedia (HTML5 canvas vs. Flash vs. Adobe Edge) • Adobe Edge Tools http://html.adobe.com/edge/ • Edge Animate – Create interactive and animated web content Audio/Video Editing (Final Cut, Adobe Premiere, Audacity (audio))

Overview: Information Architecture  User Experience Design Understands the needs, desires, and limitations of the user Understands how the site will be used, how it will solve problems User research and testing reports | User Modeling, Personas, Scenarios | Storyboards and User flowcharts - understand the user (audience) - demonstrates the steps to accomplish tasks (traces path of typical user (persona). Wireframe diagrams | Site Diagrams/Maps | Prototypes - - Diagram of the structure of the site – how individual pages relate to one another … navigation, search boxes, form elements INFOST 717: Information Architecture Axure: Interactive Wireframe Software & Mockup Tool http://www.axure.com/ Adobe XD: Adobe’s UX/UI design tool http://www.adobe.com/products/xd.html

Overview… Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css) HTML5 CSS3 Javascript (Interactivity & browser behaviors) Google Web Designer: http://www.google.com/webdesigner/ -Create interactive HTML 5-based designs and motion graphics Web Fonts (Niederst p. 228) Google Fonts: https://www.google.com/fonts Web Typography: https://internetingishard.com/html-and-css/web-typography

Overview… Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css) Flexbox Tutorial: https://internetingishard.com/html-and-css/flexbox/ A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Complete Guide to Grid https://css-tricks.com/snippets/css/complete-guide-grid/

Overview… Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css) Responsive Design (Niederst p. 444) Responsive Web Design by Ethan Marcotte http://www.abookapart.com/products/responsive-web-design Responsive Design : https://internetingishard.com/html-and-css/responsive-design/ Content Management Systems Wordpress, | Joomla | Drupal | INFOST 691 (Hudson)

Overview… Backend Development  Scripting & Programming Advanced web functionality Forms Processing Database Programming Dynamic content & Interactivity Add behaviors and functionality to elements in the page/browser window. Server-side Programming (form handling, dynamically generated pages, shopping carts, content management systems, databases) PHP Python Ruby JSP ASP.NET ColdFusion JAVA