-
Notifications
You must be signed in to change notification settings - Fork 2
Project Tribute Page
This might be the first full webpage you have ever created. Here are some tips to help get you started with this:
List the features required by the user stories and any other rules you must fulfill. Just write them down on a piece of paper. Having them on paper and not in a file will make it quicker to refer to them during the design process.
It might sound a bit silly but this is a great way to start visualizing what the page should look like. Elements of the page you should start with could be a title, images, text and links.
Choose me! Only joking. Think of someone who inspires you and you look up to. A famous person. Search them on wikipedia and then look through the sources of the wikipedia article for further reading. Do not just copy text from the wikipedia page into your website. Make the text original.
Take a more detailed look at the example tribute page. Go into the chat and ask someone to share their tribute page for you. Search online for interesting web designs and see what you can copy. There is an ocean of great sites out there.
Rule 2 states that you can use which ever libraries you need. To save you time, effort and confusion, bootstrap is a library.
Follow the instructions at the end of the video for what to add into your hyperlink. This should then work.
Beware to not just copy any image you find. This could violate copyright for someone. Either find an image on a free image page and then upload it to somewhere such as photobucket to get a link you can then use to insert the image on the page or link the image directly from the original source.
Good luck!
Learn to code and help nonprofits. Join our open source community in 15 seconds at http://freecodecamp.com
Follow our Medium blog
Follow Quincy on Quora
Follow us on Twitter
Like us on Facebook
And be sure to click the "Star" button in the upper right of this page.
New to Free Code Camp?
JS Concepts
JS Language Reference
- arguments
- Array.prototype.filter
- Array.prototype.indexOf
- Array.prototype.map
- Array.prototype.pop
- Array.prototype.push
- Array.prototype.shift
- Array.prototype.slice
- Array.prototype.some
- Array.prototype.toString
- Boolean
- for loop
- for..in loop
- for..of loop
- String.prototype.split
- String.prototype.toLowerCase
- String.prototype.toUpperCase
- undefined
Other Links