Project 3- Multimedia Reporting Site

Objective: Use Bootstrap to develop a multimedia reporting site.

Requirements:

    • You will use the the Web development framework Bootstrap to create your site. You will also use Photoshop and iMovie (or other video editing program) in developing this project.
    • This should be a journalistic reporting project. Arrange appropriate interviews, photos, or recording as necessary. Contact appropriate sources.
    • Use a stylesheet. Bootstrap will provide a stylesheet, but you will make your changes in a custom stylesheet, so as to not modify the original Bootstrap css. You can use my bootstrap template to get started or start from scratch with the basic Bootstrap layout. See the zip file on the course outline.
    • All content must be in a div or appropriate HTML5 element. See the Bootstrap Grid system to understand how to accomplish your desired layout.
    • Site must have a total of at least four pages or sections. Pages can represent separate areas of the site, and should function as chapters of the story you are telling. You can also use the “one-page” method where all your sections are parts of one page with navigation via anchors.
    • Decide on an appropriate navigation strategy. Use Bootstrap’s <nav> to design your navigation.
    • Include appropriate photos or graphics. You should include a site logo or something unique on the introductory page.
    • Include a Carousel for a photo slideshow. Photos in a carousel must have captions. Refer to Carousel Tutorial for instructions.
    • Include one or more short videos. Videos should have interview and b-roll footage. Videos will be hosted on YouTube and embedded on your page. Use the Bootstrap responsive embed technique to make videos responsive.
    • Include at least three external links to relevant sites.
    • Make sure you include your email address and date at an appropriate location on the site.
    • Make sure you save all pages with a .html extension.
    • Upload all associated files and folders to your Web site on a subdomain.
    • Make sure you have a link from your Assignment page to the subdomain of the project.
    • The emphasis on this project is new information and reporting. It should not be a hobby, portfolio, personal or promotional site. Graphics and photography should also be your original work.

Leave a Reply