Wednesday, February 17, 2016

Screen Dimensions

device screen widthweb site safe area
widthheight
iphone portrait (320 px)310 px352 px
iphone landscape (480 px)468 px202 px
ipad portrait (768 px)750 px920 px
ipad landscape (1024 px)1010 px660 px
screen : 1024 px989 px548 px
screen : 1152 px1117 px644 px
screen : 1280 px1245 px580 px
screen : 1360 px1325 px548 px
screen : 1366 px1331 px548 px
screen : 1440 px1405 px680 px
screen : 1600 px1565 px680 px
screen: 1680 px1645 px825 px
screen : 1920 px1885 px855 px
screen : 2560 px2525 px1220 px

For more info click here

Friday, November 27, 2015

HTML Assignment 1

Create an HTML page that includes all the content in a proper arrangement in preparation for creating a CSS page. 

The page should be placed in your webdesign folder and named index.html. 
  • A title in the title bar;
  • One image at the bottom of the page;
  • Your name;
  • A navigation scheme for the assignments: you should use "#" in place of the not-yet-completed links;
  • You also may include basic links to social media;
  • Other background information.

Sunday, November 22, 2015

Wednesday, November 4, 2015

Monday, September 21, 2015

Reading Assignment

Instructions:  Read the following article and answer 1, 2 and 3 in the activity section

Lesson 1: Surveying the Possibilities Overview
The purpose of this lesson is to begin considering what makes a high-quality website. in pairs discuss the following questions and answer the following:
  • Why do you feel that some websites are good?
  • Why do you feel that some websites are not so good?
  • Do others agree with your opinion?
  • Does anyone disagree?
  • Who is the target audience for a particular site?
  • How might website quality be judged differently across different audiences?
  • Are there some qualities of websites that all audiences would agree are good? What are these qualities?
It is tempting in a web design course to plunge in and start right away creating and developing web pages. However, since our goal is for you to learn to develop high-quality websites, we first must spend some time developing an understanding of what "quality" means. This is important because if websites aren't developed with quality in mind, visitors might be unable to find the content or features they're looking for, or they may be unable to access or use these features. Users don't give websites many chances. If they don't like a site, they may leave quickly and never return. If they like a site, they'll return to it again and again, plus they'll tell others about it.
In addition to understanding website quality, you must spend some time planning a website before you begin to develop its content. Just as there are pre-writing steps that ought to be done prior to writing an essay, there are pre-coding steps to do before you create a website. Planning ahead will reduce the number of mistakes you'll make while constructing the site. In the work world, this will save you time and money.
Activities
  1. What is a high-quality website? In pairs, discuss the questions presented in the Overview section above. 
  2. What do the experts say? Visit the websites listed below in the Resources section. Each of these resources provides someone else's opinions as to what constitutes high-quality websites. Which of these resources do you most agree with? Do you disagree with any of these authors' opinions? Discuss this as a group.
  3. Become a web critic. Individually, visit at least two high school websites and at least two commercial websites (look for good and bad examples of each type). Keep detailed notes about what you observe. Look at your own school website, plus other schools in your district, your state, and around the world. Record as many examples as you are able to find. Of those you evaluate, identify which one is the highest quality website, and which one is the lowest.
    • Rate each site from 1 to 5 (5 being the highest).
    • Comment on the site's design. Does the site look good? What is the eye drawn to immediately?
    • Comment on the site's content. What seems to be the main purpose of the site? Is the purpose clear?
    • Comment on the site's noteworthy features. How do the features enhance the site's main purpose?
    Create a table for your notes which looks something like this:
    School/Co.
    URL
    Rating
    Design
    Content
    Features
    1           2           3           4           5           6           +          
Resources/Online Documents