THIS DOCUMENT MUST BE SAVED IN A FOLDER AND COMPLETED AND LINKED TO YOUR WEEBLY FOLDER WITH WEB SITE

IN IT Web Authoring Project

by

Jason ODonnell

Date Completed 11/4/14

I declare that this is my own work Signed Jason ODonnell PPS No: 7773711K Module Name: Web Authoring Module Code: C20148 Course: Information Technology Teachers: Una Keary/ Catherine Fahy

TABLE OF CONTENTS
INTRODUCTION SITE OBJECTIVES RESEARCH INTO PRODUCTION OF THE SITE ACCESS SPEED OF THE SITE DESIGN OF THE SITE SUITABILITY FOR THE TARGET AUDIENCE MATERIAL REQUIREMENTS MARKETING OF SITE SITE MAP AND NAVIGATION FILE LISTING AND PAGE LAYOUT ANALYSIS OF SITE CONCLUSION BIBLIOGRAPHY Some html from the site Web analysis 6 9 11 1 1 1 1 1 4 4 4 5 5 6

INTRODUCTION

In this project, a website will be designed using Webbly Website involving one home page and five other linked pages. The website will display knowledge of RGB colour system, symbol codes, tables, links, text formatting, graphics, design principles etc

SITE OBJECTIVES The purpose of this site is to entertain every wrestling fan, fans of the Undertaker and his wrestlemania winning streak and to inform non-wrestling fans to what he has accomplished in his wrestling career, describe. This will be achieved by my knowledge of wrestling and the undertaker

RESEARCH INTO PRODUCTION OF THE SITE Website analysis. The class analysed a number of websites using a questionnaire designed by the teacher. Please include two completed questionnaires and save as appendix to this document. Other research included mu own knowledge of the undertaker and his now broken wrestlemania streak TARGET AUDIENCE The main user or audience of the website will be people aged 16 and up mainly the male demo graph that are interested in wrestling and the undertaker but there is female hardcore wrestling fans across the world but the age group would be slightly different mid twentys and up. The target audience will international as wrestling, WWE, The Undertaker and his wrestlemania winning streak is known worldwide

ACCESS SPEED OF THE SITE Type of platform Majority of users will access the site on a laptop, PC, mobile phone or iPod. The speed should be high as modern wi fi and broadband speeds are very high e.g. Type of browser Majority of users will access the site using the Google Chrome, Firefox and Safari which have high speed access and dont crash as often as Windows Internet Explorer.

DESIGN OF THE SITE SUITABILITY FOR THE TARGET AUDIENCE BACKGROUND black, dark blue text , images small, medium and large FONTS style, dark blue,centered, 12 TABLES example of a table in my website is..... LISTS PARAGRAPHS GRAPHICS/IMAGES importing from different sites resizing to fit LINKS AND ANCHORS use images as links or text. Anchors are generally used when you create pages with considerable amounts of text. You would typically make an index at the top of the page linking to the anchors that have been added to key places in the text that follows(.www.echoecho.com) SOUND AND VIDEO multimedia tags are all from www.youtube.ie USE OF COMMENT AND META TAGS -The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. You can use comments to explain your code, which can help you when you edit the source code at a later date. This is especially useful if you have a lot of code.(www.w3schools.com) The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.(www.w3schools.com) TESTING OF SITE How will the site be tested, revised, maintained, uploaded and upgraded? MARKETING OF SITE To promote this site I would use social media such as facebook, twitter and reddit because all my friends use social media not all of them are wrestling fans but the people that are fans of wrestling, the undertaker and his wrestlemania streak will enjoy that all his wrestlemania matches are all on one site and is free and they will share it with their friends who are friends and so on. I will ask Google and yahoo to see if I can get my site on their search engines, and I will email the creators of wrestling sites such as www.lordofpain.net , www.pwtorch.com and www.bleacherreport.com

MATERIAL REQUIREMENTS Hardware used e.g. computer make HP MODEL pavilion g6-1241ea Software used e.g. Google, authoring software, text editors Cost of creating the website was free e.g. printing code and pages of site, obtaining graphics. To print the site in GTI will cost 5c a page for black and white.

SITE MAP AND NAVIGATION

A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized/navigated in hierarchical fashion. There are two popular versions of a site map. An XML Sitemap is a structured format that a user doesn't need to see, but it tells the search engine about the pages in a site, their relative importance to each other, and how often they are updated. HTML sitemaps are designed for the user to help them find content on the page, and don't need to include each and every subpage. This helps visitors and search engine bots find pages on the site. (www.wikepidia.org) Navigation on a website is usually through Hyperlinks. Are these going to be designed as buttons, icons, graphics words???

Hierarchical most typical index.html and homepage and other pages link back to homepage and link from the homepage. Must include html file names Mesh newer sites e.g. BBC website Linear more for a blog type site

FILE LISTING AND PAGE LAYOUT A list of all files and folders used including any multimedia files. The list should give a clear picture of the structure of the folders and files. A sketch of each page for the website should be drawn

EVALUATION/ANALYSIS OF SITE If you had to do the project again I wouldnt use weebly as it is not proper html, what would you do? This website did meet the target audience like the site? Why? Did the site meets its objective? Why? List and explain what you consider to be the main strengths of your website. Which sections are you especially pleased with? List and explain what you consider to be the main weaknesses of your website. Which sections are you not pleased with? Suggest three ways in which your website could be improved if you had more time.

CONCLUSION I have met all my objectives in designing this website because the website colour is black because it highlights the site better with white writing on the character based on the Undertaker who is always in dark black colour and dark blue, If I was to do this project again, I would not do a site that spans a 22 year WrestleMania winning streak. I have learned if you are building a website to start it off with minimum content and when the site is published I can gradually add in more content year after year

in the case of the undertakers WrestleMania winning streak its one match a year around March and April.

BIBLIOGRAPHY WWE www.wwe.com [Accessed January 20th 2014] Wikepdia www.wikepedia.org [Accessed January 20th 2014] YouTube www.youtube.ie [Accessed January 20th 2014]

Tittle of web page Page Bar Images

Text

tittle Page tabs Banner on top of page

Two YouTube videos

Text

text

pictures

text

Pictures

Pictures

Some html from the site

fieldset { border: 0; } a img { border: 0; } .clear { clear: both; font-size: 0; height: 0; } a{ color: #FFFFFF; text-decoration: none; }

a:hover { color: #ccc; text-decoration: none; }

/* General Styling and Structure --------------------------------------------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #828282; margin: 0; padding: 0; background: #000; }

p{ line-height: 1.5; padding: .5em 0; }

h1, h2, h3, h4 {

font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #bdbdbd; padding: .5em 0 .2em 0; font-weight: normal; }

h1 { font-size: 30px; line-height: 1; color: #fff; }

h2, h3 { line-height: 1.3; color: #bdbdbd; }

h4 { font-size: 14px; line-height: 1.2; } blockquote { font-style:italic; border-left:4px solid #333; margin:10px 0 10px 0;

padding-left:20px; line-height:1.5;

Web analysis
Name Jason ODonnell CONTEXT Web authoring project 1 What do you think is the target audience for this website a) Age Group Why? 16 and up because of the violent content in it b) Gender Why? Is boys mainly as wrestling is more of a male content shows butsome girls enjoy watching as well c) Location e.g. local, national, international, Why? The location this site would reach is worldwide as there is a lot of wrestling fans and undertaker fans that would have a genuine interest in this site d) Would the target audience have to install extra software to view some of the site e.g Flash, Adobe Acrobat, Java etc. The target audience would not have to download any new software as it is a basic site with software that people should already have on their computer e) Is it suitable to view on PC and Mac? This site is suitable for all f) g) Is it suitable for any web browser e.g. Firefox, Google Chrome, Internet Explorer, Safari, Can it be viewed on any mobile device ?

2 What is the purpose of the site (circle any of the following that you agree with) a) To entertain the fans of wrestling

b)

To inform the young fans of the undertaker

3 Content a) b) read c) Is the content accurate (proof read)and appropriate to the purpose? What font and font size is used was about 12 Do you think this is appropriate?Why? easy to

Is the font consistent throughout the site,

4 Design consistency What are the main colours in the site background or font? Is it consistent throughout the site? Is the page layout design consistent throughout the site? Do you think the colours are appropriate Why? Are the Graphics/pictures appropriate to the content? Why? Is there sound used? Are they appropriate?Why? 5 Speed How long does it take a page to load? Do all the links to pages work? What slows down the site loading? 6 Site structure and navigation Is there a site map on the homepage? Is it easy to find your way around the site? Is it easy to return to the homepage from any page on the site? How many pages on the site? Is there a Contact Us section on the site and does it contain email, phone, address and contact form?