Web Site Specifications (150 Points - 15% Of Final Grade)

Web Site Specifications (150 points - 15% of final grade)

Overview Project Objectives · Demonstrate your ability to use web based technologies to communicate your understanding of a selected technology related topic Project Requirements In this project, you will use HTML 5 to publish your research paper on the mason web site. Every page of your research paper is a webpage (title page, content pages, and reference page). There will be a menu on each page of your paper to easily navigate to each webpage of your research paper. · Note: Use ofHTML 5 or HTML editors (MS Word, Netscape Composer, Dreamweaver, FrontPage, Chrome etc.) is NOT permitted . External Cascading style sheets (CSS) are NOT permitted. The div and span tags are not permitted. · Note: You can use only HTML 5 permitted tags/elements · Note: You will use CSS to define style, family and size of text used in your website. Prior to creating your website, you MUSTCORRECT your research paper based on the instructor’s comments on your research paper. 1. Title Page . · Your website’s homepage ( will contain a link to your research paper’s title page. The homepage will be the homepage you created in the lab. The link to the title page will be below the link for the syllabus on homepage using CSS unordered list (bullets) for the syllabus and the title of your paper. There will be ONLY two links on your homepage – one to syllabus and one to the title page of your paper.The title page CANNOT be your homepage. The title page contentwill be same as the title page of your research paper - title of your project, your name, date, and GMU Honor Code Statement with active links to GMU Honor Code and GMU Responsible Use of Computing Policy. · Additional requirements on the title page: · For the GMU Honor Code StatementONLY - use CSS for controlling style, fonts and size – font-style: normal; use font-family: Arial and font-size 1em · Provide a link to the PDF document of your correctedresearch paper below the Honor Code Statement. 2. Content Pages. · Cite all references in the body of research paper including those that are paraphrased, in accordance with APA style/format · Each paragraph of the corrected paper will be a paragraph in your website. Do not combine paragraphs. Insure quotations or apostrophe markings are transferred correctly to web page. · Additional requirements for content pages: Use CSS for the unordered list and your video created in lab · CSSunordered list on the second content page · Use list-style-type with square markers and list-style-position with inside position · Unorderedlist can be used in listing small amounts of project relevant information as is done in paper formats. Do not eliminate text in order to create an unordered list. The use of a list for your project’s menu, for the references, and on the title page does not satisfy this requirement. · Use HTML 5 video and source tags for video that you created for lab. The video will be an MP4 file. It must be related to your research paper and placed on your third content page. The title page is not a content page. · Have at least one of the following additional requirements on at least one if not on all of the content pages: Original artwork, Digital photograph and Public domain Clip art Note: · Original artwork · Original artwork created by you in Adobe Illustrator, Photoshop, MS Paint or other graphics software. A single colored or plain gif or jpeg image does not satisfy this requirement. Using this gif or jpeg image as a background image will not satisfy this requirement. · Digital photograph relevant to the chosen topic · Digital photograph (you have taken yourself) and is relevant to the topic. The digital photograph file must be in a gif or jpeg image format. 4. Reference page · Cite all references in accordance with APA style/format on a separate webpage. · Do not use an ordered or unordered list for paper content references. · In addition to paper content references listed in the research paper, include a Website Media Reference section right after your paper content references on the same webpage. The section will be name Website Media Reference . The section will have references for all video, clipart/images, and original artwork used in your website. Do not use an ordered or unordered list in this section of this webpage. · Media (video, clipart/image, etc.) reference: b. Original artwork reference and digital photograph will include the following. Description of the artwork or digital photograph, name of the software used to create the artwork, date the artwork or photograph was created/taken, and the statement "artwork is original and created by me" or the statement “digital photograph was taken by meâ€. c. Each type of media (video/original artwork/digital photograph/clipart) will include an annotation, 5sentencesexplaining how the media is related to your research paper. 2. Each web reference/source will have an active link to the source/database URL including information requested in the research paper instructions. · Additional requirement: Add a section at the end of the reference page after the Website Media Reference section. This new section will be name Website Links. In this section, there will bea link to your research paper blog on the reference page and a link to your research paper wiki. Use aCSS ordered list. · Note: This project must be your own work. If you get help from someone else (e.g. The Media Center), you must state this on your references page (be specific). 5. Menu– Use HTML 5 nav tag for creating your menu which will be locatedat the top of each page of your research paper. The menu will contain links to every page of your project including a link to your homepage.Do not have a menu of your research paper on your homepage. Submission The project must be in your mason UNIX account. There must be a link from your index.html file (i.e., homepage) to your project. Thus, when the instructor goes to the instructor will see a link to your project. All projects must be stored in your mason UNIX account to receive credit. Your pages should include appropriate formatting and graphics, and should be linked to other relevant pages. All links must be active linksto navigate the reader to respective webpages. Remember, it is a violation of the GMU Responsible Use of Computer Policy to use a Mason account for commercial purposes. Your project must not be commercial in nature. Help STARS Peer Mentoring: Scanning and Web Page Help : STAR, Student Technology Assistance and Resources, 311 Johnson Center. Visit for more information and Volgenau School of Engineering Peer Advisors, Web Development Guide by George Mason University - Infoguides for XHTML tutorial websites – KEEP CURRENT BACKUPS AT ALL TIMES . "The computer ate my project" will get you sympathy, but no points. Testing Test your project on campus computers. If it does not load in a reasonable amount of time, your instructor may not be able to view it. If we can't view it, we can't grade it. So, it is a good idea to test your website from different location (library, lab, your friend’s machine, etc. Grading Criteria Comment Code Criteria Grading Guide Total Points A Content 1. Your Video not in the middle of the content page as directed or no link to PDF or Wiki or Blog on pageas directed or Noor wrong GMU Honor Code Statement on title page as directed 2. Website does not contain at least a webpage for every page in research paper 3. Content text does not at least meet the equivalent amount of text in original paper 4. Did not follow ALL of the instructor’s comments on research paper · 10 points · 5 points · 5 points · 10 points B Layout 1.

No CSS unordered list on a content pageas directed or No ordered list on reference page as directed 2. HTML 5 allowabletags/elements not used properly or as instructed 3. Excessive centering of the text on any page 4. Text/Text formatting/color contrast/media is inconsistent or not appropriate · 10 points · 5 points · 10 points · 5 points · 5 points C Internal and External Navigation 1. Has one or more broken links or inactive links or No or wrong GMU Honor Code or RUC active links 2. Has no menu using the HTML 5nav tag on each page at the top of page with links to each individual page and a link to the homepage 3. Has no link to title page from homepage (index.html) created for the lab assignmentas specified in the instructions, or the homepage contains a navigational menu of your paper 4. Poor navigation system · 10 points · 5 points · 10 points · 5 points D Use of Media 1. No MP4 video created by you or No Image 2. No Blog or No Wiki or No PDF of your corrected paper 3. Media is not appropriate size (too small or large) for the amount of content 4. Missing more than one media item (Blog, Wiki, PDF, Video, Image) · 10 points · 5 points · 5 points · 5 points E Citations 1. Missing APA research paper reference or media reference in Bibliography 2. No annotations for either a media reference or research paper reference · 10 points · 10 points · 10 points F Other 1. No project or incorrect access permission, or project modified after due date and time 2. Project not in Mason cluster account 3. Honor Code violation 4. Responsible Use of Computing Violation (commercial use or advertising on the web page) 5. Forbidden use of an HTML 5 or HTML editor or frames 6. No grade at this time. See you instructor. · 150 Points

Paper For Above instruction

The task of creating a comprehensive and compliant research paper website per George Mason University's requirements involves meticulous adherence to specific guidelines for structure, content, and technical implementation. This paper discusses the essential components, construction standards, and evaluation criteria necessary to develop an effective, academically rigorous, and technically compliant web-based presentation of a research paper.

Firstly, the project mandates the use of HTML5 exclusively for webpage creation, explicitly prohibiting the use of external CSS stylesheets, div and span tags, or any HTML editors such as MS Word, Dreamweaver, or FrontPage. All styling must be embedded within the HTML using internal CSS or possibly inline styles, with stylesheets only used for font family and size adjustments on specific elements—particularly on the title page and media references. This restriction ensures that students demonstrate a solid understanding of semantic HTML5 and inline or embedded styling, fostering best practices in web development.

The structure of the website must comprise multiple interconnected pages: a homepage, a title page, content pages corresponding to each paragraph of the research paper, and a reference page, including a section labeled "Website Media References" that details all media used—such as videos, images, and original artwork—along with annotations explaining their relevance. Each page must feature an HTML5

The homepage should contain minimal content—a link to the syllabus and the research paper’s title page—while the title page must include the research paper's title, author's name, date, the GMU Honor Code Statement with active hyperlinks to the GMU Honor Code and Responsible Use of Computing Policy, and a link to the PDF of the corrected research paper. Styles for the Honor Code Statement should be controlled via CSS, using Arial font-family and specific font size and style as prescribed.

Content pages require carefully formatted paragraphs matching the content of the research paper, with each paragraph represented as a separate HTML paragraph element. Proper quotations and apostrophes must be correctly transferred from the paper to the webpage. Use of CSS should be applied for unordered lists with square markers and inside positioning in the second content page, and the inclusion of multimedia—such as MP4 videos embedded using HTML5

Additional creative multimedia elements include original artwork or digital photographs pertinent to the research topic, which must be created or taken by the student, not generic images or backgrounds. These are to be embedded or linked appropriately, with detailed APA-style annotations and references provided in a dedicated media reference section. Each media item must include a detailed description, software used, creation/taking date, and a statement confirming originality or attribution.

The reference page must compile all citations in APA style, not using list tags for references. Following the research references, a Media Reference section must list all media resources with annotations—explaining their relevance in five sentences—and active links to their sources. Subsequently, a "Website Links" section must be included, formatted as a CSS ordered list, containing links to a research blog and wiki.

All website pages must be stored in the student's Mason UNIX account. The homepage must include a link to the research project, and all other pages must be interconnected with active, functional links. The websites must be tested across multiple locations and devices to ensure reliable loading and functionality. Any violations such as commercial use, incomplete submissions, or unauthorized software use will result in penalties or disqualification.

This project, apart from demonstrating technical proficiency, emphasizes academic integrity, proper citation, and creative multimedia integration, aligning with university policies and standards. The grading criteria cover content accuracy, layout design, navigation, media use, citation correctness, and adherence to submission protocols. Achieving a high-quality, standards-compliant web research paper entails meticulous planning, accurate implementation, and thorough testing.