Chapter 2 Web Development Overview
|
|
- Joshua Johnson
- 6 years ago
- Views:
Transcription
1 Chapter 2 Web Development Overview Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell
2 Five Pillars of Sites Web sites have five aspects with two participants (users & site owners) 1. Content 2. Structure 3. Technology 4. Presentation 5. Delivery Fail on one and you may find that the whole thing falls apart from the user s perspective
3 Need for Web Design Process Today we a Web crisis at times Just look around it is easy to see flaws It is even easier to break Web sites with just a little effort Many sites follow a simple ad hoc process at best HTML poorly executed Navigation seems poorly planned JavaScript doesn t follow simple programming practices Broken Links In short little planning and poor quality assurance Beyond ad hoc process the simplest way to improve things is to adopt a process model that guides a project. The most well known are top-down models
4 Design Process Standard Waterfall
5 Design Process Issues The waterfall model is easy to understand but it doesn t address all the issues facing Web designers Discrete steps aren t always easy to define Doesn t deal with change well Web sites are always changing Slower than many other process models Web sites seem to be on a deliver it yesterday timeline Lots of risk involved when the first stages are rushed However, despite its problems the Waterfall model is easy to implement and should be a first step for many designers. It is particular good for initial site development. Modification of the waterfall can be made to deal with risk and change factors
6 Design Process Modified Waterfall
7 What about Joint Application Design? Even the modified Waterfall approach doesn t deal with all problems Invariably clients or other decision makers change their minds. Some clients are unable to articulate what they are looking for Sometimes we just don t really know what will work so taking a shot or building a prototype works well. Many sites use this spaghetti approach see what sticks Joint Application Design (JAD) seems to deal with these issues but has serious drawbacks End up building the wrong site many times to make the right one People often marry the prototype Problems with prototypes can be damaging (The release too soon syndrome) Cost control can be hard; it s difficult to budget for these projects
8 What about Joint Application Design?
9 Learning a Web Design Process We are going to adopt a simple modified Waterfall approach to design for our discussion A great deal of time will be spent on the goals and early planning to avoid building sites that don t make sense Significant time also should be spent considering the user needs carefully. Give the people what they want!
10 Why are we doing this? First talk about goals and problems No goal Vague goal Goal should be measurable otherwise you are at risk Build a customer support site that will improve customer satisfaction by providing 7/24 access to common questions and result in a 25% decrease in telephone support. Create an online car parts store that will see at least $10K/month of product directly to the consumer. Develop a Japanese food restaurant site that tells potential customers about menu, hours, and prices. Is the last goal a good one? Why or why not? A goal at the start of the project should be to come up with a short a long form of a site s goals. (Mission Statement + Project Description)
11 Figuring Out the Goal Brainstorming process Techniques Get read to use the whiteboard Start with what people don t like particularly on a redo project if it is difficult to determine what to do. Create a wish list. Let the wish list get a big as it needs too Don t throw out any idea at this stage Narrow the wish list and try to get people to compromise Beware: Everybody wants to be on the homepage 3x5 card technique helps
12 It s for Users Audience discussion Profile your audience Who are they What do they want to do Talk to users Surveys and interviews Be careful not to direct the results Always remember you are not the user
13 Putting it together Given goals and audience you should be able to begin to figure out what is necessary to accomplish the goal. These are the requirements. Requirements include staffing, content, technology, graphics, etc. In short everything you need to do the job. You don t have to put it together quite yet.
14 The Site Plan Short goal statement Detailed goal statement Audience Discussion May include user Scenario Discussion Requirements Content Requirements Make a matrix of what is needed Technical Requirements What type of tech is needed (JavaScript, Flash, etc.) Visual Requirements Are there design parameters like color, font, logo, other media that needs to be considered when building the site.
15 The Site Plan Contd. Delivery Requirements Where will it be hosted Site Structure diagram (flowchart)
16 The Site Plan Contd. Other Requirements Staffing Timeline Budget With the design document in hand and approved it may be time to actually start the design. Tip from the Real World: Always collect the content before design if at all possible. Slowest aspect of projects. Content should influence the design (form follows content)
17 Continuing the Process Once you are ready to build a site you might want to work out more details on a page level. For example use wireframes or page level block diagrams to work out content and general position.
18 The Design Process: Comping Design composites ( comps ) or sketches can be made but should always be framed by a browser window. Tip: Start from the home page and then work down.
19 The Design Process: Comping Commonly Macromedia Fireworks or Adobe Photoshop are used to create graphical composites.
20 The Design Process: Comping You may need to storyboard an action such as form fill-out.
21 The Design Process: Cut Up Once you have finished your composite you will have to cut it up to begin building (X)HTML templates for your site. Many tools like Fireworks or the ImageReady portion of Photoshop can automate this but you may find they produce lousy markup. Tip: Don t marry your design prototypes and always listen to your users and customers for refinements.
22 Producing the (X)HTML Markup is the page foundation. It s production should not be approached lightly. Create markup incorrectly and it may effect other things Demo
23 Producing the (X)HTML Method Example Pros Cons By hand Coding pages with Notepad + Great deal of control over the markup + Can address bugs and new HTML/XHTML elements or CSS properties immediately - Slow - Error prone - Requires intimate knowledge of HTML/XHTML elements and CSS properties - No direct visual representation Translation Save as HTML from another tool like Microsoft Word + Quick + Simplifies conversion of existing documents - Produced markup often is problematic - Often requires editing to add links and clean up problems Tagging Editor Using HomeSite + Great deal of control + Faster than hand editing + Provides help addressing errors and writing structured markup and correct CSS - Can be slow - Requires intimate knowledge of HTML and CSS WYSIWYG Editor Using Frontpage or Dreamweaver + Works on visual representation of page + Requires no significant knowledge of HTML/XHTML or CSS - Often generates incorrect or less than optimal markup or CSS - Tends to encourage fixed size presentations that do not separate look and structure
24 The WYSIWYG Promise When comparing code editing to visual editing it would seem that WYWIWYG editors are the way to go. But are they really?
25 WYSIWY-might get! In some ways WYSIWYG is impossible on the Web Even when it is close enough it does not allow us to take advantage of the idea of logical markup Interestingly WYSIWYG editors are getting better as more strict markup is used.
26 Validating Markup Regardless of how you produce markup it should be well-formed! Use a validator to check your work Online validators: Software validators: Be careful some validators in editors are not strict syntax checkers Validation Lab Type in the example on page 46 of the 4 th edition and test it with the W3C validator
27 Markup Production Tips Always follow the rules (lowercase, etc.) Validate, validate, validate Name well File names and tag id values Try not to mix style and structure or script and style Use Templates Format and comment for yourself, crunch for delivery No value for view source in the long run Crunching Demo
28 Site Building Process Once you have templates build a mock site with no content. You might call this an alpha site Use greeking lorem ipsum text to fill in pages Consider retesting the mock site design with users Implement your site with real content and add technology At this stage you should have a beta site
29 Testing XHTML & CSS I 1 Law: Sites always have bugs. Testing should address all aspects of the site including content, function, visuals, and purpose. Visual acceptance Functional testing Content proofing Browser test Delivery Test User acceptance and usability testing
30 Finishing the Site Once your site is released you aren t done. Site development is an ongoing process. Plan, design, develop, release, repeat. Study your log files, interview users and measure your success or failure before you start changing things It isn t as easy at it seems. The real world has lots of challenges. Outside experts, silver bullet tools, bad timelines and budgets, people problems, etc. Webmasters? Not likely Web Teams? More likely
Chapter 1: What is Web Design?
Site Design & Usability UCSD Extension Presented by Thomas A. Powell PINT Inc. Slides Adopted from Web Design: The Complete Reference Chapter 1: What is Web Design? What is Web Design? The idea of Web
More informationWeb Publishing Overview
Web Publishing Overview Adam Cavotta and Christine L. Vucinich ITS Training Services http://its.psu.edu/training/ Objectives Examine the difference between using an HTML editor and hand coding Web pages
More informationPRODUCTION PHASES CHANGES
PRODUCTION PHASES CHANGES There are changes in the production phases terminology as related to the Adobe certification test objectives. We have added new phase names as identified by Adobe resources linked
More informationAdobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping
Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2
More informationFundamentals of Web Design
Fundamentals of Web Design Purpose of Web Design Inform/Educate Persuade Influences on Web Design Technology Used by Both Target Audience and Designer Nature of the Content Economy (Budget, Time, and Scale
More informationChapter 15 Plug-ins, ActiveX, and Applets
Chapter 15 Plug-ins, ActiveX, and Applets Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell Web Programming Toolbox Redux Java Applets
More informationIf these steps are not followed precisely as demonstrated in this tutorial, you will not be able to publish your site!
Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Site Setup this must be done correctly in order to publish your files to the server... 2 Authentication Message... 4 Remove
More informationA network is a group of two or more computers that are connected to share resources and information.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language CSS Cascading Style Sheets The Internet is a worldwide collection of computers and
More informationHypertext Markup Language, or HTML, is a markup
Introduction to HTML Hypertext Markup Language, or HTML, is a markup language that enables you to structure and display content such as text, images, and links in Web pages. HTML is a very fast and efficient
More informationAdobe Web Authoring using Adobe Dreamweaver Exam and objectives
Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA
More informationStep 1 - Learning & Discovery
OUR PROCESS Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery
More informationDreamweaver Domain 6: Evaluating and Maintaining a Site by Using Dreamweaver CS5
Dreamweaver Domain 6: Evaluating and Maintaining a Site by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Conduct technical
More informationDESIGNING RESPONSIVE DASHBOARDS. Best Practices for Building Responsive Analytic Applications
DESIGNING RESPONSIVE DASHBOARDS Best Practices for Building Responsive Analytic Applications CONTENTS Responsive Design and Embedded Analytics...1 6 Principles and Best Practices... 2 Tools of the Trade...
More informationADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab
ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for
More information1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites
A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout
More informationInteractive Media CTAG Alignments
Interactive Media CTAG Alignments This document contains information about eight Career-Technical Articulation Numbers (CTANs) for the Media Arts Career-Technical Assurance Guide (CTAG). The CTANs are:
More informationFoundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC
1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target
More informationUsing Dreamweaver. 1 Overview. About the Web. About Dreamweaver
Using Dreamweaver 1 About the Web The worldwide web has become one of the most common uses for the Internet. It allows people to access a wide range of documents and other media from all over the world
More informationStrategy Conceptual Design
Strategy Conceptual Design Strategy Research Communications Planning Architecture Blueprints Wireframes Design sketches Content Map Strategy A good web strategy fits in with the overall business [or communications]
More informationWebsite Design and Development CSCI 311
Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d
More informationWebDev. Web Design COMBINES A NUMBER OF DISCIPLINES. Web Development Process DESIGN DEVELOPMENT CONTENT MULTIMEDIA
WebDev Site Construction is one of the last steps The Site Development Process http://webstyleguide.com Web Design COMBINES A NUMBER OF DISCIPLINES DESIGN CONTENT Interaction Designers User Interface Designers
More informationGSLIS Technology Orientation Requirement (TOR)
TOR Part 2: Introduction GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points Needed to Pass Quiz 1: 7 Due Dates for Part 2 Part 2 of
More information::The Art of Multimedia:: Assignments*
::The Art of Multimedia:: Assignments* Session 1: January 25 th Assignment: What is Multimedia? 500 word-essay So what exactly is multimedia? Looking at the actual term multimedia literally means multiple
More informationUp and Running Software The Development Process
Up and Running Software The Development Process Success Determination, Adaptative Processes, and a Baseline Approach About This Document: Thank you for requesting more information about Up and Running
More informationComm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More informationGSLIS Technology Orientation Requirement (TOR)
TOR Part 2: Introduction GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points Needed to Pass Quiz 1: 7 Due Dates for Part 2 Part 2 of
More informationCase study on PhoneGap / Apache Cordova
Chapter 1 Case study on PhoneGap / Apache Cordova 1.1 Introduction to PhoneGap / Apache Cordova PhoneGap is a free and open source framework that allows you to create mobile applications in a cross platform
More information21 ST CENTURY LEARNING SOLUTIONS
21 ST CENTURY LEARNING SOLUTIONS MEDIA DEVELOPMENT CAPABILITIES BROCHURE 21 ST CENTURY LEARNING SOLUTIONS, INC. media team profile At 21st Century Learning Solutions (21CLS), our media team creates cutting
More informationSpecifying and Prototyping
Contents Specifying and Prototyping M. EVREN KIYMAÇ 2008639030 What is Specifying? Gathering Specifications Specifying Approach & Waterfall Model What is Prototyping? Uses of Prototypes Prototyping Process
More informationCOMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal
COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 1 1 HTML and Web Page Basics Are you interested in building your own Web pages? This chapter introduces you to basic HTML
More informationA Proposal for Work. Getting To Know Us. Proposed Project Timeline. Project Goals Discussion Week 1
A Proposal for Work SENT: Friday, August 6, 2010 FROM: Chris Brauckmuller (Flourish Interactive) TO: Bryan Pieper (WCI Communities) Getting To Know Us Our development philosophy has two facets, one forget
More informationMobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE
Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE COURSE TITLE WEB SITE DESIGN COURSE DURATION 19 Hours of Interactive Training COURSE OVERVIEW In this 7 session course Debbie will take you through the
More informationArchitectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions
Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions Your Thesis Drive (T:\) Each student is allocated space on the Thesis drive. Any files on this drive are accessible from
More informationDreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5
Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Set and modify document
More informationSite Audit Boeing
Site Audit 217 Boeing Site Audit: Issues Total Score Crawled Pages 48 % 13533 Healthy (3181) Broken (231) Have issues (9271) Redirected (812) Errors Warnings Notices 15266 41538 38 2k 5k 4 k 11 Jan k 11
More informationHOSTING A WEBINAR BEST PRACTICE GUIDE
HOSTING A WEBINAR BEST PRACTICE GUIDE Summary Short for web based seminars, webinars are online methods of communication which are transmitted over the internet and aimed to reach large audiences. A key
More informationInternet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.
Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over
More informationDevelopment, Define, and Design. Peninsula College Continuing Education - Website Development. Welcome to the new Web (2.0)!
Development, Define, and Design Before you start making a website, you have to have a plan of action. Here is my process to achieve website design and utilization for clients: Implement site mission based
More informationWeb Evaluation Report Guidelines
Web Evaluation Report Guidelines Graduate Students: You are required to conduct a usability test for your final project in this course. Please review the project description and the evaluation rubric on
More informationOne of the fundamental kinds of websites that SharePoint 2010 allows
Chapter 1 Getting to Know Your Team Site In This Chapter Requesting a new team site and opening it in the browser Participating in a team site Changing your team site s home page One of the fundamental
More informationNavigation. Websites need a formalized system of links to allow users to navigate the site
Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look
More informationCS474 MULTIMEDIA TECHNOLOGY
CS474 MULTIMEDIA TECHNOLOGY Pr. G. Tziritas, Spring 2018 SVG Animation Tutorial G. Simantiris (TA) OVERVIEW Introduction Definitions SVG Creating SVGs SVG basics Examples Animation using software Examples
More informationMobile UX or WHITEPAPER
Mobile UX or WHITEPAPER Overview According to the International Telecommunication Union (ITU) (2010) there were 5.3 billion mobile subscriptions by the end of 2010. That is equivalent to 77 percent of
More informationSeema Sirpal Delhi University Computer Centre
Getting Started on HTML & Web page Design Seema Sirpal Delhi University Computer Centre How to plan a web development project draft a design document convert text to HTML use Frontpage to create web pages
More informationIntroduction to DreamWeaver cs3
Chapter The internet (or world wide web) is basically a series of server computers connected by a backbone of cables or satellite links. When you create a web site you post the site to one of the server
More information[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6
[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course
More informationWelcome to the wonderful world of Dreamweaver 8. If you re an experienced
Chapter 1 Introducing Your New Best Friend In This Chapter Introducing the new features of Dreamweaver 8 Examining your Web site objectives Finding your way around in Dreamweaver Welcome to the wonderful
More informationPrerequisit. cies. Consortium. on Creating. interviews. In research, the. Standards. A. Software Program(s) 3. Web
Web Design Tools (ITSE 1301) Credit: 3 semester credit hours (2 hours lecture, 2 hours lab) Prerequisit te/co-requisite: Course Description Designing and publishing Web documents according to World Wide
More informationGetting Started ~ Student Web Design Basics Dreamweaver CS 5.5
Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Setting up your local folder... 1 Editing Pages... 4 Planning... 5 Layout... 5 Elements of Design Tips for Success!...
More information1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018
Course Outline CIW: Web Design Specialist 22 Apr 2018 Contents 1. Course Objective 2. Pre-Assessment 3. Exercises, Quizzes, Flashcards & Glossary Number of Questions 4. Expert Instructor-Led Training 5.
More informationCONVERSION TRACKING PIXEL GUIDE
Conversion Tracking Pixel Guide A Step By Step Guide to Installing a conversion tracking pixel for your next Facebook ad. Go beyond clicks, and know who s converting. PRESENTED BY JULIE LOWE OF SOCIALLY
More information3Lesson 3: Web Project Management Fundamentals Objectives
3Lesson 3: Web Project Management Fundamentals Objectives By the end of this lesson, you will be able to: 1.1.11: Determine site project implementation factors (includes stakeholder input, time frame,
More informationInitial Thoughts III-2 III-2 III-2 III-2 III-2 III-2
RJ2EE.III-2 (215-230) 12/5/02 10:22 AM Page 215 III-2 III-2 III-2 III-2 III-2 III-2 Initial Thoughts Now that Bongo had the green light to continue work with the Joe-to-Go (JTG) project, there was an enormous
More informationATSC Week 2 Web Authoring
ATSC 212 - Week 2 Web Authoring Roland Stull rstull@eos.ubc.ca 1 Web Philosophy! Content is everything.! Style is nothing**. (**until recently)! Hypertext! Hot words or images can expand to give more info.
More informationFull Sail University - Creative Presentation
Full Sail University - Creative Presentation Assignment 2.4 Presentation Plan Pitch for responsive website update to Liberty Port, LLC Audience: Presentation specifically for: o Parker Turner President,
More informationCIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018
Course Outline 16 Sep 2018 ( Add-On ) Contents 1. Course Objective 2. Pre-Assessment 3. Exercises, Quizzes, Flashcards & Glossary Number of Questions 4. Expert Instructor-Led Training 5. ADA Compliant
More informationCreating Word Outlines from Compendium on a Mac
Creating Word Outlines from Compendium on a Mac Using the Compendium Outline Template and Macro for Microsoft Word for Mac: Background and Tutorial Jeff Conklin & KC Burgess Yakemovic, CogNexus Institute
More informationUnit 3 Building a basic client website
Unit 3 Building a basic client website Timing: 15 23 hours Unit overview In this unit, student teams work on a project to build a website for a client. All student teams build the same site. The instructor
More informationA Pragmatist s Guide to InDesign CS6 + EPUB
A Pragmatist s Guide to InDesign CS6 + EPUB Kiyo Toma Senior Product Manager, Design & Creative Cloud Incubation June 5, 2012 3 questions I get asked a lot What do I need to know if I m new to the world
More informationDesign, prototyping and construction
Overview Design, prototyping and construction Prototyping and construction Conceptual design Physical design Generating prototypes Tool support What is a prototype? Why prototype? A prototype is a small-scale
More informationWelcome to the wonderful world of Dreamweaver. If you re an experienced
d543423 Ch01.qxd 10/2/03 3:43 PM Page 9 Chapter 1 Introducing Your New Best Friend In This Chapter Introducing the new features of Dreamweaver MX 2004 Examining your Web site objectives Finding your way
More informationOn the application of W3C Guidelines in Website Design from scratch
On the application of W3C Guidelines in Website Design from scratch Diamantino Freitas, Helder Ferreira Faculty of Engineering of the University of Porto LPF-ESI / DEEC / FEUP / Portugal dfreitas@fe.up.pt,
More informationThe diverse software in the Adobe Creative Suite enables you to create
556010 Bk01Ch01.qxd 2/6/04 7:28 PM Page 9 Chapter 1: Introducing the Adobe Creative Suite In This Chapter Looking over InDesign Drawing with Illustrator Introducing Photoshop Getting started with Acrobat
More information11/5/16 WEB DESIGN. Branding Fall 2016
designschool.canva.com/blog/print-vs-web/ nngroup.com/articles/differences-between-print-design-and-web-design/ howdesign.com/web-design-resources-technology/top-content-management-systems-designers/ alchemyuk.com/design/74-top-10-web-design-tips
More informationWeb Portfolio Design and Applications
Web Portfolio Design and Applications Table of Contents Preface... viii Chapter I. Introduction to the Web Portfolio... 1 Introduction... 1 Background... 2 Web Literature and Review... 4 Who Needs a Web
More informationRequest for Proposal (RFP) Toolkit
RFPToolkit Request for Proposal (RFP) Toolkit Table of Contents RFP Checklist......................................................... 2 6 Tips for Writing an RFP..............................................
More informationDevelopment Methodology TM
We use our proven iterative approach to each design and development project. With this 6 step methodology, once the preliminary requirements are clear, the next step is to prototype your website. From
More informationEnduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.
Curriculum Map for Web Design SEPTEMBER Targeted NJ Core Curriculum Content Standards: Design develop, test, implement, update, and evaluate web solutions Technology Use, Media Literacy, Responsible Use
More informationHTML 5: Fact and Fiction Nathaniel T. Schutta
HTML 5: Fact and Fiction Nathaniel T. Schutta Who am I? Nathaniel T. Schutta http://www.ntschutta.com/jat/ @ntschutta Foundations of Ajax & Pro Ajax and Java Frameworks UI guy Author, speaker, teacher
More informationThe 23 Point UX Design Checklist
The 23 Point UX Design Checklist The 23 Point UX Design Checklist During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the
More informationWeb Indexing Tools. A Comparative Review by Kevin Broccoli. Excerpted from. Copyright Brown Inc.
Web Indexing Tools A Comparative Review by Kevin Broccoli Excerpted from Copyright 1999 2000 Brown Inc. Brown Inc. http://www.html-indexer.com Web indexing tools It wasn t too long ago that the concept
More informationGuide to Marketing
Guide to Email Marketing Why Email Marketing? Isn t Email Dead? Email is not dead. In fact, it s very much alive. More and more businesses are using email as an effective form of communication, and more
More informationIMS1501: Unit framework
IMS 1501 Studio 1: Information Systems Foundations 1 Seminar 12: Implementation, Review, Maintenance Introduction to HTML Authoring Semester 1, 2005 Seminar 12.1 - Sem1, 2005 Lecturer: Sue Foster/Suellen
More informationLesson 1: Dreamweaver CS6 Jumpstart
Lesson 1: Dreamweaver CS6 Jumpstart Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6 Overview 2013 John Wiley & Sons, Inc. 2 3.1 Elements of
More informationUnit 2 Web portfolios using Adobe Dreamweaver CS4
Unit 2 Web portfolios using Adobe Dreamweaver CS4 Timing: 12 18 hours Unit overview Portfolios communicate accomplishments, works in progress, or personal history. Designers use a portfolio to showcase
More informationTASKS IN THE SYSTEMS DEVELOPMENT LIFE CYCLE
SUMMARY AND REFERENCE ACTG 313 TASKS IN THE SYSTEMS DEVELOPMENT LIFE CYCLE PREPARATION PHASE 1. Identification of the Need for a new Information System 2. Initial Feasibility Study (always flawed because
More informationDesign, prototyping and construction
Chapter 11 Design, prototyping and construction 1 Overview Prototyping and construction Conceptual design Physical design Generating prototypes Support for design 2 Prototyping and construction What is
More informationUSERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten
USERINTERFACE Fjodor van Slooten TODAY USERINTERFACE -Introduction -Interaction design -Prototyping Userinterfaces with Axure -Practice Do Axure tutorial Work on prototype for project vanslooten.com/uidessim
More informationModule 9: Audience Analysis, Usability, and Information Architecture COM 420
Module 9: Audience Analysis, Usability, and Information Architecture COM 420 Audience Analysis Needs Capabilities Without addressing these end user factors, time and money can be wasted building a site
More informationEDIT/EDSE 526/426: Web Accessibility and Design
EDIT/EDSE 526/426: Web Accessibility and Design Course Information Semester: Fall 2008 Dates: Aug 25-Dec 8 Credit hours: 3.0 Instructor Name: Paul R. Bohman Phone: 703-993-8180 Email: pbohman@gmu.edu Office:
More informationCS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)
CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) WHAT WILL WE BE TALKING ABOUT? Specific Prototyping Strategies! Low-Fidelity
More informationONS Beta website. 7 December 2015
ONS Beta website Terminology survey results 7 December 2015 Background During usability sessions, both moderated and online, it has become clear that users do not understand the majority of terminology
More informationUsing Dreamweaver To Edit the Campus Template Version MX
Using Dreamweaver To Edit the Campus Template Version MX Tennessee Tech University Clement Hall 215 Dreamweaver is an HTML (Hypertext Markup Language) editor that allows you to create HTML pages. This
More informationHTML TIPS FOR DESIGNING.
This is the first column. Look at me, I m the second column.
More informationSite Audit SpaceX
Site Audit 217 SpaceX Site Audit: Issues Total Score Crawled Pages 48 % -13 3868 Healthy (649) Broken (39) Have issues (276) Redirected (474) Blocked () Errors Warnings Notices 4164 +3311 1918 +7312 5k
More informationSQA Advanced Unit specification. General information for centres. Unit title: Web Development Fundamentals. Unit code: HR7M 47
SQA Advanced Unit specification General information for centres Unit title: Web Development Fundamentals Unit code: HR7M 47 Unit purpose: This Unit is designed to enable candidates to develop websites
More informationCREATING CONTENT WITH MICROSOFT POWERPOINT
CREATING CONTENT WITH MICROSOFT POWERPOINT Simple Tips And Tricks Presented by TABLE OF CONTENTS Introduction... 2 Design Tips... 3 Advanced Tips... 4 ShortCut Keys for Microsoft PowerPoint... 5 How-Tos...
More informationAdobe Dreamweaver CS3 English 510 Fall 2007
Adobe Dreamweaver CS3 English 510 Fall 2007 Important: Before going through this handout, you should create a WWW directory on your ISU e-mail account. Otherwise, you will not be able to upload and view
More informationDesign Project. i385f Special Topics in Information Architecture Instructor: Don Turnbull. Elias Tzoc
Design Project Site: News from Latin America Design Project i385f Special Topics in Information Architecture Instructor: Don Turnbull Elias Tzoc April 3, 2007 Design Project - 1 I. Planning [ Upper case:
More informationTimber Toolbox Technical guide. Forest and Forest Products Industry Training Package FPI05 Series 12 Flexible Learning Toolbox
Technical guide Forest and Forest Products Industry Training Package FPI05 Series 12 Flexible Learning Toolbox Timber Toolbox Supporting resources for Certificate III qualifications in the FPI05 Australian
More informationMaking Accessibility Part of Your Web Site Management Routine Rick Ells
Making Part of Your Web Site Management Routine Making accessible design part of your Web site management routine is not simple. Habit, practicalities, and even your Web publishing software seem to work
More informationDEADLY SINS. Of Document. 7 Production THE. automated document assembly
automated document assembly 7 Production THE DEADLY SINS Of Using document automation technology to generate documents is still not a common practice in many organisations. Instead, staff resort to a range
More informationChapter 1 Introduction to HTML, XHTML, and CSS
Chapter 1 Introduction to HTML, XHTML, and CSS MULTIPLE CHOICE 1. The world s largest network is. a. the Internet c. Newsnet b. the World Wide Web d. both A and B A PTS: 1 REF: HTML 2 2. ISPs utilize data
More informationVolume. User Manual and Resource Guide
Volume 1 User Manual and Resource Guide User Manual and Resource Guide Game Gurus United States Telephone: (415) 800-3599 Brazil Telephone: 55 84-8723-2557 Email: info@gamegurus.com Table of Contents What
More informationReal Wireframes Get Real Results
Page 1 of 7 Real Wireframes Get Real Results by Stephen Turbek Published on 09/19/2006 19 Comments 8,935 Views How many times have you been asked, So, is the new website going to be black Just because
More informationEvaluation of Visual Fabrique (VF)
Evaluation of Visual Fabrique (VF) Dr Peter Lappo www.smr.co.uk Scope and Method This is a review of Visual Fabrique (VF) V1.0.371 EAP Release. In order to conduct this evaluation I followed the tutorial
More informationIntroduction to HTML
TOR Part 2 Introduction to HTML TOR Part 2: Introduction 1 of 2 1/23/2007 12:19 PM GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points
More informationSEGUE DISCOVERY PARTICIPATION IN DISCOVERY DISCOVERY DELIVERABLES. Discovery
SEGUE DISCOVERY An initial engagement with Segue begins with a Phase where our experienced team works directly with our customer to define the vision, scope, and high-level requirements for the project.
More informationSOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV
1 SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 12 th June, 2013 Instructor Information 2 Course Instructor:
More informationObjective % Select and utilize tools to design and develop websites.
Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret
More information