User Account

All Pages

Create a folder in the top level of the public directory

Assignment Help Web Project
Reference no: EM13921978 , Length: 3

General Instructions

1. Create a Microsoft Word document named "your name - your student number.docx" and enter details into it as described throughout this document. This is the only file you should upload to Moodle as your assignment submission

2. Create a folder in the top level of the public directory of your Webhost account and name it your given name (e.g. jimmy). Upload everything you create in this assignment into that folder

3. All pages you create in this assignment should look professional, be interesting or attractive, be accessible to people with disabilities, follow good web design principles, and separate styling and coding (by using external CSS and JavaScript files)

4. Do not use deprecated HTML

5. You can assume that all viewers of your page will be using an updated browser

6. Only use images that you have permission to use, such as "Creative Commons" images

Specific Requirements

1. Create a business Website e.g. a retail site, a promotional site, or a school site

2. Your site should contain 2 HTML pages - a "home" page and an "contact us" page, a CSS file, a JavaScript file, and an images folder.

3. Use an image for the background of your pages. This image should cover the entire browser viewport and not scroll with the page

4. Give your pages an appropriate title

5. Both pages should be divided into 3 sections - a header, a footer, and a main content area:
a. The header should contain your business logo, your business name, and navigation buttons.
b. A main content area
c. A footer that contains your business' contact details...

6. The navigation buttons should be implemented as CSS buttons. You can use image sprites if you wish, or simply colours and text. Your navigation bar should contain 3 links:
a. "Home" which takes the user to the main page in your site
b. "Contact Us" which takes the user to your site's second page
c. "Sponsor" which takes the user away from your site to another Website of your choosing

7. The header, main content, and footer should sit inside a parent div that always remains in the horizontal centre of the browser window.

8. Use a box shadow around that parent box, and a gradient colour within it

9. Place 2 fictitious advertisements in the main content area of the home page: a. One of the advertisements should be an image (which you can create yourself or download from the Web, making sure you follow copyright laws). The image should be a clickable link that takes the user to your fictitious sponsor's site. This fictitious sponsor can be any existing site such as www.apple.com.
b. The other advertisement should be a video. The video should be implemented using the HTML5 <video> tag and should have a Flash fall-back.

Include a text link under the video to the advertiser's site (not on the video itself).
10. Use JavaScript to animate the image advertisement in a useful way. For example, you could make the image resize when the mouse touches it, or make it move across the page when the page loads.

11. Your Contact Us page should contain your details, plus a HTML form that asks the user for their email address, name, and some feedback. This form should not be fully implemented (that is, you don't need to process the form when the user submits it). When the user presses the submit button they should simply be redirected to your home page

12. Your pages should contain the following html elements at the least: h1, h2, p, img, video, a, ul, li, div

13. Your pages should make use of ID, Class, and Tag rules

14. Place a comment at the head of your HTML, CSS, and JavaScript files that identifies your name and student number

15. Paste into your MS Word document: a. The URL of the folder that contains your site
b. All the code you created and make sure to clearly identify the code with the filename

Requirements

1. Make the header a fixed position block that attaches itself to the top of the browser window. The rest of the page should scroll underneath it

2. Use appropriate HTML5 elements for your page sections - the header, nav, and footer elements

3. Inform Google about your site by setting up a Google Webmaster account and then adding your site. Include a screenshot in your MS Word document that shows you added your site.

4. Include in your MS Word document screenshots showing you passed your HTML, CSS, and JavaScript code through online validators

Reference no: EM13921978

Questions Cloud

Data file show the energy consumption per capita : The U.S. government collects data on energy consumption per capita for each state and the District of Columbia. The provided data file show the energy consumption per capita (in million Btu) for the year 2010.
Draw the arrow diagram and the matrix representation : If the patient takes the medication, then he will have some side effects.
General economic conditions : One of your JMP'S major customers filed for Chapter 11 bankruptcy protection on July 28, 2015. The company cited "general economic conditions" as the reason. The customer owed JMP $52,000 on June 30,2015. The company controller was not aware of any f..
Explain the market equilibrium in this new situation : Suppose that a unit tax imposed to a good is removed. Explain the market equilibrium in this new situation by using appropriate graphs. Show the loss of government and compare it to the changes in the consumer and producer surpluses. Are they the ..
Create a folder in the top level of the public directory : Create a folder in the top level of the public directory of your Webhost account and name it your given name (e.g. jimmy). Upload everything you create in this assignment into that folder
Does tom have comparative advantage in producing products : Two men, Tom Hanks and Forest Gump, have been marooned separately on the same deserted island. Does Tom have a comparative advantage in producing both products? Explain.
Where all material is assembled : Washington, Inc., makes three models of motorized carts for vacation resorts, X-10, X-20, and X-40. Washington manufactures the carts in two assembly departments: Department A and Department B. All three models are processed initially in Department A..
Efficiency and effectiveness of tsa : Explain which of the HR practices described in the case you think contribute to greater efficiency and effectiveness of TSA employees. Why? Recommend at least two other practices which could be employed to increase efficiency and effectiveness of ..
Presentation- malaysia- electronic equipment industry : Need power point presentation and paper part for following project:"Malaysia- electronic equipment industry and competitive structure''

Reviews

Write a Review

Web Project Questions & Answers

  Creating a project plan for a future project

Working in Microsoft Project, you will create a task list, including summary tasks and their sub-tasks, create links between tasks and their predecessors, and set up some resources. Think of a project you have in the future or a project you would ..

  Microsoft word to format a paper according to apa

Review the following tutorials which demonstrate the use of Microsoft Word to format a paper according to APA Sixth Edition standards. Title Page , Abstract , Introduction & Thesis Statement , Body Of The Paper , Block Quote , Conclusion

  Starting a web site called highered

HigherEd Adella Coronel is a guidance counselor for Eagle High School in Waunakee, Wisconsin. She wants to take her interest in helping students choose colleges to the Web by starting a Web site called HigherEd

  Creating an online course delivery system

Imagine that you are on a team that that has been tasked with creating an online course delivery system. One of your coworkers wants to model the entire course in UML.

  Create a web application test plan based on a real-life

Create a Web application test plan based on a real-life scenario involving a Web-based business which processes credit card information

  Web accessibility test from browsers

Discuss web accessibility test from different web browsers. We have a caveat on the following QA-FOCUS suggestions. What will be our opinion on this?

  Cost estimation in software development projects

Cost Estimation in Software Development Projects

  Develop a list of factors associated with high performance

Choose an organization for examine and develop a list of factors associated with high Performance. For each factor you identify, develop a rating scale from 1 to 5.

  What are potential risks associated with remote access

Why are users considered the weakest link in implementing policies. What are potential risks associated with remote access

  Develop web site for either an after school-university club

Develop a web site for either an after school/university club or a small business. Web sites should all have a home page (index.htm or default.htm) with 6 associated pages

  Create and test an html documents that displays as a table

Create and test an HTML documents that displays as a table of football score from a collegiate football conference in which the team names have one of the primary colors of their respective schools.

  Explain the conversion strategy you would implement

Explain the conversion strategy you would implement and defend your choice (justify your answer). Provide a critical analysis and evaluation of the paper based on discussion in the class.

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

Submit Assignment

Academics

Major Subjects

Majors

Get In Touch

whatsapp: +1-415-670-9521

Phone: +1-415-670-9521

Email: [email protected]

TERMS & POLICIES

HELP & SUPPORT

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd