{"id":322,"date":"2014-07-25T20:09:57","date_gmt":"2014-07-25T20:09:57","guid":{"rendered":"https:\/\/courses.candelalearning.com\/writershandbook\/?post_type=chapter&#038;p=322"},"modified":"2014-07-25T21:10:32","modified_gmt":"2014-07-25T21:10:32","slug":"13-2-creating-websites","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/chapter\/13-2-creating-websites\/","title":{"raw":"13.2 Creating Websites","rendered":"13.2 Creating Websites"},"content":{"raw":"&nbsp;\r\n<div class=\"im_section\">\r\n<h2 class=\"im_title im_editable im_block\"><span class=\"im_title-prefix\">13.2<\/span> Creating Websites<\/h2>\r\n<div class=\"im_learning_objectives im_editable im_block\" id=\"mccrimmon-ch13_s02_n01\">\r\n<h3 class=\"im_title\">Learning Objectives<\/h3>\r\n<ol class=\"im_orderedlist\">\r\n\t<li>Understand how to make a website aesthetically pleasing and well organized.<\/li>\r\n\t<li>Understand steps to take to make a website work well.<\/li>\r\n\t<li>Understand how to make a website accomplish its purpose.<\/li>\r\n<\/ol>\r\n<\/div>\r\nYou may have occasion to create websites for professional, personal, or academic reasons. Whether you create a site to supplement a r\u00e9sum\u00e9, to serve as a common, virtual family meeting place, or to showcase individual or collaborative work you\u2019ve done for a class, you should follow some basic guidelines to make sure your website is aesthetically pleasing and well organized, so that it functions well and accomplishes its purpose.\r\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s01\">\r\n<h2 class=\"im_title im_editable im_block\">Making a Website Aesthetically Pleasing<\/h2>\r\nUse relevant photos, graphics, and font variations to give your site interest. Leave plenty of white space. A crowded web page is not inviting. Use an easily readable font and font size with ample leading. Small tight text is hard to read and many Internet searchers will skip such a site and move on to the abundance of other choices. Take care when choosing background and font colors. Make sure your background does not engulf the text making it hard to read. As a rule, make your background light and your text dark. Take care when choosing background effects. A very busy background can detract from your content.\r\n\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s02\">\r\n<h2 class=\"im_title im_editable im_block\">Making a Website Well Organized<\/h2>\r\nPlan for little or no scrolling. Instead include clearly marked navigation links to move to different parts of the information. Include navigation links to all parts of the website from all pages so a person never feels stuck on a page. Design an overall look that holds from page to page to give your website consistency. Use an easily recognizable format for navigation links so that they clearly stand out.\r\n\r\n<\/div>\r\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s03\">\r\n<h2 class=\"im_title im_editable im_block\">Making a Website Work Well<\/h2>\r\nUse images that are between forty and one hundred kilobytes to ensure clear images that are easily and quickly loaded on most people\u2019s computers. Since one hundred kilobytes is the maximum suggested size, you will have your best luck if you stay well below that level. Match your level of use of technology tools to your needs. Don\u2019t add features just to try to make your site impressive. Remember that the more features you add, the more likely it is that someone will have trouble with your site. Some people\u2019s computers will have trouble with very involved opening pages that include audio and video. If you choose such an opening page, also include an override button for people who can\u2019t or don\u2019t want to view the opening page. Make sure all the links and paths are very obvious and that they all work smoothly.\r\n\r\n<\/div>\r\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s04\">\r\n<h2 class=\"im_title im_editable im_block\">Making a Website Accomplish Its Purpose<\/h2>\r\nMake sure the home page is uncluttered and clearly states the purpose of the website. This is the main chance you have of attracting attention. Make the website as visual as possible. The more quickly a person can glance through web content, the more likely the person is to take in the information. You can make a site visual by including subheadings that stand out, relevant images, short blocks of text, white space between blocks of text, and numbered or bulleted lists. Keep the website up to date. Depending on the content and purpose of the website, keeping it up to date could be a daily, weekly, or monthly chore. Consider that a site that is out of date ceases to be visited. Include a contact link so viewers can reach you. Remember that anyone with Internet can access your site. Take care with the information you post. Always assume that your instructors, employers, parents, or friends will see it.\r\n<div class=\"im_key_takeaways im_editable im_block\" id=\"mccrimmon-ch13_s02_s04_n01\">\r\n<h3 class=\"im_title\">Key Takeaways<\/h3>\r\n<ul class=\"im_itemizedlist\" id=\"mccrimmon-ch13_s02_s04_l01\">\r\n\t<li>You can make website aesthetically pleasing by including relevant images, white space, easily readable fonts, background and font colors that work well together, and a nondistracting background.<\/li>\r\n\t<li>You can create a website that works well by keeping image sizes small, using only needed features, leading off with a simple opening page (or including an override button on a complicated opening page), and creating navigation links that are obvious and work smoothly.<\/li>\r\n\t<li>You can create a well-organized website by minimizing scrolling, using clearly marked navigation links, including navigation links on all web pages, and using a consistent appearance throughout.<\/li>\r\n\t<li>You can make sure your website accomplishes its purpose by starting with an uncluttered home page that clearly presents the website\u2019s purpose, making the site visual, keeping the site up to date, including your contact information, and remembering that the site can be viewed by the public.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"im_exercises im_editable im_block\" id=\"mccrimmon-ch13_s02_s04_n02\">\r\n<h3 class=\"im_title\">Exercises<\/h3>\r\n<ol class=\"im_orderedlist\" id=\"mccrimmon-ch13_s02_s04_l03\">\r\n\t<li>Choose an existing website and evaluate it based on the standards outlined in this section. Rate its aesthetics, its organization, its functionality, and the extent to which it achieves its intended purpose.<\/li>\r\n\t<li>In a Word file, create a mock front page for a website and describe plans for linked pages.<\/li>\r\n\t<li>Create an actual website based on your plans in Exercise 2. For the purposes of this exercise, free sites like Weebly, Wix, Google Sites, PBWorks, or Wikispaces will suffice to get you started. In a designer\u2019s memo, discuss the choices you made to enhance the site\u2019s aesthetics, organization, and functionality and the extent to which it achieves its intended purpose.<\/li>\r\n<\/ol>\r\n<\/div>\r\n<\/div>\r\n&nbsp;","rendered":"<p>&nbsp;<\/p>\n<div class=\"im_section\">\n<h2 class=\"im_title im_editable im_block\"><span class=\"im_title-prefix\">13.2<\/span> Creating Websites<\/h2>\n<div class=\"im_learning_objectives im_editable im_block\" id=\"mccrimmon-ch13_s02_n01\">\n<h3 class=\"im_title\">Learning Objectives<\/h3>\n<ol class=\"im_orderedlist\">\n<li>Understand how to make a website aesthetically pleasing and well organized.<\/li>\n<li>Understand steps to take to make a website work well.<\/li>\n<li>Understand how to make a website accomplish its purpose.<\/li>\n<\/ol>\n<\/div>\n<p>You may have occasion to create websites for professional, personal, or academic reasons. Whether you create a site to supplement a r\u00e9sum\u00e9, to serve as a common, virtual family meeting place, or to showcase individual or collaborative work you\u2019ve done for a class, you should follow some basic guidelines to make sure your website is aesthetically pleasing and well organized, so that it functions well and accomplishes its purpose.<\/p>\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s01\">\n<h2 class=\"im_title im_editable im_block\">Making a Website Aesthetically Pleasing<\/h2>\n<p>Use relevant photos, graphics, and font variations to give your site interest. Leave plenty of white space. A crowded web page is not inviting. Use an easily readable font and font size with ample leading. Small tight text is hard to read and many Internet searchers will skip such a site and move on to the abundance of other choices. Take care when choosing background and font colors. Make sure your background does not engulf the text making it hard to read. As a rule, make your background light and your text dark. Take care when choosing background effects. A very busy background can detract from your content.<\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s02\">\n<h2 class=\"im_title im_editable im_block\">Making a Website Well Organized<\/h2>\n<p>Plan for little or no scrolling. Instead include clearly marked navigation links to move to different parts of the information. Include navigation links to all parts of the website from all pages so a person never feels stuck on a page. Design an overall look that holds from page to page to give your website consistency. Use an easily recognizable format for navigation links so that they clearly stand out.<\/p>\n<\/div>\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s03\">\n<h2 class=\"im_title im_editable im_block\">Making a Website Work Well<\/h2>\n<p>Use images that are between forty and one hundred kilobytes to ensure clear images that are easily and quickly loaded on most people\u2019s computers. Since one hundred kilobytes is the maximum suggested size, you will have your best luck if you stay well below that level. Match your level of use of technology tools to your needs. Don\u2019t add features just to try to make your site impressive. Remember that the more features you add, the more likely it is that someone will have trouble with your site. Some people\u2019s computers will have trouble with very involved opening pages that include audio and video. If you choose such an opening page, also include an override button for people who can\u2019t or don\u2019t want to view the opening page. Make sure all the links and paths are very obvious and that they all work smoothly.<\/p>\n<\/div>\n<div class=\"im_section\" id=\"mccrimmon-ch13_s02_s04\">\n<h2 class=\"im_title im_editable im_block\">Making a Website Accomplish Its Purpose<\/h2>\n<p>Make sure the home page is uncluttered and clearly states the purpose of the website. This is the main chance you have of attracting attention. Make the website as visual as possible. The more quickly a person can glance through web content, the more likely the person is to take in the information. You can make a site visual by including subheadings that stand out, relevant images, short blocks of text, white space between blocks of text, and numbered or bulleted lists. Keep the website up to date. Depending on the content and purpose of the website, keeping it up to date could be a daily, weekly, or monthly chore. Consider that a site that is out of date ceases to be visited. Include a contact link so viewers can reach you. Remember that anyone with Internet can access your site. Take care with the information you post. Always assume that your instructors, employers, parents, or friends will see it.<\/p>\n<div class=\"im_key_takeaways im_editable im_block\" id=\"mccrimmon-ch13_s02_s04_n01\">\n<h3 class=\"im_title\">Key Takeaways<\/h3>\n<ul class=\"im_itemizedlist\" id=\"mccrimmon-ch13_s02_s04_l01\">\n<li>You can make website aesthetically pleasing by including relevant images, white space, easily readable fonts, background and font colors that work well together, and a nondistracting background.<\/li>\n<li>You can create a website that works well by keeping image sizes small, using only needed features, leading off with a simple opening page (or including an override button on a complicated opening page), and creating navigation links that are obvious and work smoothly.<\/li>\n<li>You can create a well-organized website by minimizing scrolling, using clearly marked navigation links, including navigation links on all web pages, and using a consistent appearance throughout.<\/li>\n<li>You can make sure your website accomplishes its purpose by starting with an uncluttered home page that clearly presents the website\u2019s purpose, making the site visual, keeping the site up to date, including your contact information, and remembering that the site can be viewed by the public.<\/li>\n<\/ul>\n<\/div>\n<div class=\"im_exercises im_editable im_block\" id=\"mccrimmon-ch13_s02_s04_n02\">\n<h3 class=\"im_title\">Exercises<\/h3>\n<ol class=\"im_orderedlist\" id=\"mccrimmon-ch13_s02_s04_l03\">\n<li>Choose an existing website and evaluate it based on the standards outlined in this section. Rate its aesthetics, its organization, its functionality, and the extent to which it achieves its intended purpose.<\/li>\n<li>In a Word file, create a mock front page for a website and describe plans for linked pages.<\/li>\n<li>Create an actual website based on your plans in Exercise 2. For the purposes of this exercise, free sites like Weebly, Wix, Google Sites, PBWorks, or Wikispaces will suffice to get you started. In a designer\u2019s memo, discuss the choices you made to enhance the site\u2019s aesthetics, organization, and functionality and the extent to which it achieves its intended purpose.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-322\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Writers Handbook. <strong>Authored by<\/strong>: Anonymous. <strong>Provided by<\/strong>: Anonymous. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"http:\/\/2012books.lardbucket.org\/books\/writers-handbook\/\">http:\/\/2012books.lardbucket.org\/books\/writers-handbook\/<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\">CC BY-NC-SA: Attribution-NonCommercial-ShareAlike<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":5,"menu_order":65,"template":"","meta":{"_candela_citation":"[{\"type\":\"cc\",\"description\":\"Writers Handbook\",\"author\":\"Anonymous\",\"organization\":\"Anonymous\",\"url\":\"http:\/\/2012books.lardbucket.org\/books\/writers-handbook\/\",\"project\":\"\",\"license\":\"cc-by-nc-sa\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-322","chapter","type-chapter","status-publish","hentry"],"part":417,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapters\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":2,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapters\/322\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapters\/322\/revisions\/626"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/parts\/417"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapters\/322\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/wp\/v2\/media?parent=322"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/pressbooks\/v2\/chapter-type?post=322"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/wp\/v2\/contributor?post=322"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-mcc-styleguide\/wp-json\/wp\/v2\/license?post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}