Description
i need help with java project by today.
Unformatted Attachment Preview
CSCE 102 FINAL PROJECT
READ THE ENTIRE ASSIGNMENT BEFORE YOU START .
ALL WORK MUST BE YOUR OWN .
Objective
•
•
Create an interactive informative professional looking, well designed website using the
following specifications. The layout, content, and navigation need to be carefully planned.
Conduct research on a topic of your choice or a hobby that interests you.
Guidelines
•
•
•
•
•
•
Technical topic: Topic you select.
Non-technical topic – a page about you.
A page that is a pictorial overview of a day in your life.
A professional looking resume page for yourself.
This write-up lists the minimum required to receive 70 points. The remaining 30 points will
be awarded based upon the application and integration of the techniques learned through the
course to create a cohesive and aesthetically pleasing website.
DO NOT use Squarespace some other automated or template creating software or
service to create your project. You must write the code yourself.
Website
•
•
•
Create a folder named Project in your CSCE102 folder to contain the final project. You
will include all image, css, etc files for the page in this folder and then zip up the folder and
submit this to blackboard when your project is complete.
You will create a minimum of six web pages for your web site (topic x3, about you,
overview of your day and resume). You are welcome to do more pages, but a minimum of six
are required.
Each web page must be linked to the others. E.g. you must have a consistent navigation
between all of your web pages. The method or style you use for this navigation is up to you
but it should be clear and easy for the user to use.
Content
•
•
•
•
•
•
1
You will have a page that contains information about who you are and your interests.
You will have three pages on Topic you select.
You will have a page that contains a pictorial overview of a day in your life.
o You may use a slideshow, a series of image tags or thumbnails (as long as they open in
the same page), or any other method of presentation you prefer for this.
o You should include at least 10 images for this, up to as many as you feel will convey what
you need to convey.
o Include meaningful captions for each image.
o These images do not need to be images you take yourself, although using your personal
photographs would probably make showing a day in your life easier.
Use the web to find reliable sources for your research,.
All material used must be referenced.
Note: Do not copy from the web. The text and code must be your own.
Incorporate images or even videos1 for visual content. Make sure you consider the size of any
Embedding a youtube video is as easy as using an image. See
•
•
•
videos you use. Video files can become quite large very quickly. If you want to include
video, I would strongly recommend any videos you want to use that you create yourself
should be uploaded to somewhere like youtube and then embedded in your page.
Do not copy/paste from web or from previous lab assignments.
Your resume page should be professional looking. Create something that you will be able to
share with future possible employers. You will probably want to use totally different CSS
styles for this page.
All material used must be referenced.
Layout
•
•
•
•
•
•
The layout should be more sophisticated than from previous labs. Make it look professional,
not flashy or tacky.
Structure the page with HTML and apply styles to all six pages with an external CSS file.
You can use a different .css file for your resume page if you want.
Be creative and take the extra time to fine tune the aesthetics. You will be graded on the
creativity/sophistication of your layout.
The page should make use of logical containers for content (divs or HTML5 elements from
the labs).
You are encouraged to use the same layout for each of the pages. I.e., create a page you are
happy with and then use it as a template for the other pages.
Use the CSS3 box shadow, text shadow, opacity, gradients or transform (in BoWD text) to
further spruce up the web site.
Navigation
•
•
•
The navigation should be easy to use and intuitive.
You must have links on each page that navigate to the other pages. Place these links in a
consistent location in your layout.
Make sure the links work! The primary way of grading your project will be by navigating
through all of your pages. Any link of the format “file:///…” will not work.
JavaScript
•
Add functionality, dynamic capability, or interactivity to your pages.
o Use a JavaScript already written and available free online (this may fit best on the the
page about you.).
o Write the JavaScript yourself as long as it is different from or extends the code you
wrote in lab.
Tips and hints
1.
2.
3.
4.
5.
6.
7.
8.
Prepare a detailed plan for your project before you start writing code. Decide on the content of
the page along with the images, links, etc. that will be used.
Start early. The project is not something that can be finished on the last day.
Test your page frequently in the browser; it is difficult to debug after entering a lot of code.
If you do not know how to do something, Google it, if you cannot find the answer, ask.
Download the images you want to use; do not use the URLs to load images from the internet.
Always save backup copies of your work.
Use the HTML5 validator to check your work.
The project will be graded based on content as well as creativity. Having a page with three
lines of text is completely unacceptable and will be graded as such.
http://www.w3schools.com/html/html_videos.asp
Purchase answer to see full
attachment
