Web Interface Design

Part 1

Part 1 DQ 1

Let's begin by discussing the design criteria for evaluating a website. What are some of the issues that should be considered when designing or evaluating a website and why?

Part 1 DQ 2

What are some ways that sites can be organized in terms of navigation?

Part 2

Part 2 DQ 1

Find an online information resource related to a hobby or interest of yours. Examine the navigation options, and describe how they help or hinder the user's ability to find information.

How clean or cluttered is the interface?

Is navigation prominent or secondary to the page design?

How deep is the site? How hard is it for the user to find the correct information?

Does the site have a form of mystery meat navigation (MMN)? (You may search the Internet for examples of MMN.)

Part 2 DQ 2

CSS has been a web standard in some form for more than 10 years, replacing the once-bloated HTML tag sets and attributes that were added to enhance the look and feel of early websites. Now HTML is more what it was intended to be-a structuring tool-and CSS is implemented to control presentation.

Discuss the pros and cons of learning and using CSS to control presentation.

Discuss the levels of CSS standards in current use and emerging trends in CSS designs.

Part 3

Part 3 DQ 1

Discuss the differences between block level and inline HTML elements. Give examples where you can, and explore the elements that are inline and block and the differences in the way styles are applied to them.

Part 3 DQ 2

Discuss the characteristics of the CSS box model and how HTML elements are positioned according to their relationship to the page or to other page elements.

Part 4

Part 4 DQ 1

With the update of most of today's modern browsers, there are several CSS3 properties that allow you to apply graphic-like rules to your HTML. Research some of these new CSS3 properties and find out what they are and how they work, and paste the links in your first post. Then, for the second post, pick a property that is different from yours and take a look and comment.

Part 4 DQ 2

Your McFarland Dreamweaver CS6 textbook has techniques for photo resizing. Find some online software to do the same as Photoshop. What would be the advantage of this software, and what would be the disadvantage?

Part 5

Part 5 DQ 1

Forms are one way to make it possible for a user to interact with a web page. What specific design elements can be used to make a form easier to use?

In addition to making our forms easy to use, we need to consider user privacy and the use of data. Do some web research on privacy and collecting user data, and post a summary of the research along with the link to the articles. What are some of the issues that you believe you need to take into account for collecting user data via forms?

Part 5 DQ 2

Understanding the common functionalities and differences between client-side and server-side scripting is important when developing interactive sites. What functionality is similar for client-side and server-side scripting? What are the differences? When and why should you use client-side versus server-side scripting?

Part 6

Part 6 DQ 1

How is JavaScript similar to other languages that you have learned? How is it different?

Part 6 DQ 2

What is a JavaScript library? Choose one of the many JavaScript libraries that exist, and describe a function or feature that you would find useful in developing your Course Project.

Part 7

Part 7 DQ 1

Research and discuss current and proposed web technologies, such as CSS3 and HTML5. What are the advantages of employing CSS3 and HTML5 features into your web development project? What features would you use?

Part 7 DQ 2

What technologies are required to move websites to mobile devices? Can a WYSIWYG development tool enable you to move a web application to a mobile device?