User:Vtaylor/CIS 89A HTML and CSS/CIS89A - Web site planning

A homepage of your own - Site planning	
 * There are millions of web sites. Creating a web site and building an online presence is easy and inexpensive, so everyone is doing it. There are personal web sites as well as sites for schools, businesses and organizations. People expect to find every business, service and person via the internet.

Learning outcomes
 * visit domain name registration sites
 * plan a site launch

Keywords
 * domain name, hosting, meta content, mobile, browsers, FTP, testing, publicize, marketing, Search Engine Optimization (SEO), HTML email, plain-text

Study notes
 * What options are available for domain name selection and registration?
 * What criteria should be considered when selecting a web host for your site?
 * What is "meta" content? Why is it important?
 * How many different browsers should be tested?
 * How are HTML files transferred to the host?
 * What are some ways to attract visitors to a site?
 * What are some of the advantages of HTML email? What are the disadvantages?

== ==


 * Wendy Willard - Chapter 15. Publishing Pages, Chapter 16. HTML for Email
 * HTML Dog HTML Beginner Tutorial
 * Visual Quickstart - 2. Working with Webpage Files, 7. CSS Building Blocks, 20. Testing & Debugging Webpages

HTML5
 * New Features in HTML5
 * W3 HTML5 differences - official W3 document but very hard to read
 * Beautiful HTML5 Websites - links to examples
 * What Beautiful HTML Code Looks Like - looks at each line of HTML code on the sample web page, and describes the good points
 * 5 Ravishing Must Know HTML5 Features - in addition to this article, the Web Developer Juice site has lots of ideas and suggestions for developers

Real world
 * Search Engine Optimization (SEO) and usability SEO is about attracting people to your site in the first place by making sure it shows up in search queries. Usability is about people's behavior after they arrive on your site, with the main goal being to increase the conversion rate.
 * Usability 101: Introduction to Usability - How to define usability? How, when, and where to improve it? Why should you care? Overview defines key usability concepts and answers basic questions.

Hosting and domain registration - some examples - there are 100s
 * Network Solutions
 * GoDaddy
 * FatCow
 * WordPress - blog, web site, ad-supported free sites, premium - no ads, domain

HTML validation tools
 * validator.w3.org
 * ipadpeek.com - gives you a preview of how your page might display on an iPad, iPod or iPhone.
 * Mobile Content Is Twice as Difficult - When reading from an iPhone-sized screen, comprehension scores for complex Web content were 48% of desktop monitor scores.

Web developer news, information, resources
 * Web Master World - News and Discussion for the Web Professional
 * Ultimate CSS Gradient Generator - A powerful Photoshop-like CSS gradient editor from ColorZilla.

Evaluation, Rubrics
 * Student Web Page/Multimedia Project Rubric - comprehensive, addresses all aspects of web page development project
 * Website rubric - one of the more objective rubrics. CIS89A students 14Spring recommended this one
 * Web page rubric - student recommended
 * https://ed.fnal.gov/lincon/w01/projects/Herbs/School%20Web%20Page%20-%20Rubric.htm
 * http://leithmazzoch.weebly.com/uploads/4/9/1/7/4917237/4065405.png?600
 * http://www.cedu.niu.edu/pt3/centter/ITC/Website_Evaluation_Rubric.pdf
 * http://www.middleschoolcomputerfair.org/rubrics/GraphicDesignRubric.pdf

== Assignments==

Assignment file name and required elements
 * cis89site1 - title, meta, description, keywords


 * 1) Review the Keywords and Study questions at the top of this page. These will help you look for important ideas in the rest of assignments for this module.


 * 1) Read  Chapter 15. Publishing Pages, Chapter 16. HTML for Email  in the textbook.


 * 1) HTML5 - There are some new features that HTML5 provides. Some are just small changes to the basic HTML that has been the standard for many years. However, it is good to look at some of the specific changes that can help you make more viewer-friendly web sites. Review 2-3 of the HTML5 resources in the selected Media section or search the web for HTML5 resources that are interesting and helpful. Post a link, the title and a brief description of some thing new in HTML5 that interested you to the HTML5 resources discussion.


 * 1) Domain names - Learn about domain names and registration. Although there are 100s of sites that offer domain registration and hosting services, two of the more popular ones are Network Solutions or GoDaddy. Use the site's search to see if some domain names you might want for your own site are available. Review their services and pricing. Are there other features or services that you might need? Are you going to have a business site? Are you going to sell stuff through your site? In the Site hosting discussion, post a link to the site you accessed and write a brief description of your findings.

Your rubric should include 4-5 characteristics and 3 levels to judge work - Needs work, Acceptable, Exceptional. Your rubric should include specific criteria for each area being assessed. There should be specific measurements or counts in each. This ensures that the evaluation is consistent and explainable. The descriptions of the work at each level will help the creator of the work being assessed to understand your evaluation and what they would need to do to improve the web site. Submit a link to your rubric along with a brief to the Rubric discussion. If you modify an existing rubric, create a Thimble page and provide a link to the page with your new rubric.
 * 1) Rubrics - A rubric is a set of "rules" for an evaluation. By defining the criteria for ratings in advance, it is easier to provide objective feedback and a specific rating. There are lots of rubrics available for rating student-produced web sites. Layout, Design and Content Organization, are usually 3 of the criteria included in a web site evaluation rubric.  Visit some examples. Then select or create a rubric that you will use to evaluate web sites.


 * 1) Groups - Working in small groups is challenging and rewarding. Although your Final Project is an individual project, you can work together in groups of 3-4 to discuss ideas, make suggestions, review work and provide feedback. This is a bit different from the class discussions, although there are similarities. Sign up for a group in the Project groups choice.  Use the topic for you group in the Project groups discussions. There will be a "quiz" for you to evaluate your group experience when all the projects are completed.


 * 1)  Site planning  - In a new  Thimble file, plan a web site 3-5 pages for a course, community group or a subject of interest.	Create an outline for the site as the content of this page. Provide some sample content for each of your "pages". The outline should show the look-and-feel of your site - colors, layout, that you will use throughout the site. Use the assignment elements and tags to make your site main page  professional. If you are going to publish outside the CIS89A course  WebMaker environment, you will need to add information to improve the viewer experience and to increase the probability that your site will be "found" in searches that are appropriate to your content.  Use all the elements and tags within your page. Save your HTML file as cis89site1.


 * 1) Validate code - See what iPad users will see when they visit your page. Check your page with the validator.w3.org tools.
 * 2) Mobile display - See what your page looks like when your visitors are using iPads, iPods or iPhones. Check your page with ipadpeek.com.
 * 3) Submit the full name of your assignment file to the  Site planning  assignment.
 * 4) Post a link to your assignment file and any comments or questions about the assignment to the  Site planning  discussion.

Set up your DeAnza Voyager account. You will also be saving work to the DeAnza web server Voyager, so you will need a Voyager account as well. Use the same username and password to login to Voyager. See How to... .pdf file
 * 1) Set up your Business/Computer Systems Account - If you haven't done this already, complete the Student Account Request See Help page for more information. Enter your Campus Wide ID and birthdates (for security reasons!!). Following the lab agreement, click the checkbox to confirm and proceed. This will create a DeAnza Windows account.