Hi,it’s quite simple! For example – The instructions are quite broad as you are being asked to demonstrate the skills you have acquired so far this semester. You will determine how best to apply the different elements that must be included. Think critically and creatively. Look to other websites for inspiration, reference the labs and case studies.
Getting Started
Download the materials folder that contains:
- An Excel spreadsheet with descriptions of the different types of accommodations. You’ll also use this in the second half of the project at the end of the semester.
- An images folder with images of each of the accommodations. You are not required to use these specific images. The images in the folder have not been resized, so you will have to crop and/or resize them appropriate to your website.
Web Project Outcomes
- Create at least three (3) web pages for the Up North Lodge & Resort website (including the home page).
- The second half of the semester project will include an accommodation page or pages that utilize PHP and SQL to pull data from tables in a database. To prevent you from duplicating work do NOT create an accommodation page listing for your website. You can still use the accommodation images and details in other ways on the web pages you create. For example, you may want to feature one of the cabins or rooms on the home page.
- The final number of pages, the design, and the layout are up to you.
- Your site must be responsive. You may hand code your site using media queries and percentages or you may use Bootstrap the choice is yours.
Hand-Coded Option
If you choose to hand code the responsiveness, you must include at least two media queries:- Max screen size of 1024 px
- Max screen size of 480 px
Bootstrap Option
If you opt to use Bootstrap to create your site, the responsiveness is built-in, but there are a couple of things to note:- You may NOT use an existing Bootstrap template. There are many available for free, but the point of using Bootstrap is to see what YOU can do with it, not what someone else has already done.
- Make sure all elements on your site are responsive. This means elements that are not native Bootstrap may need to have some hand-coded flexible and media query elements added.
- Create and attach an external stylesheet and create the necessary styles to achieve the presentation and layout you desire.
- If you are using Bootstrap, customize the presentation and layout. No default Bootstrap themes are allowed.
- Incorporate at least one CSS transition effect. It may be one that we covered in class or of your choice.
- Include at least one element that makes use of jQuery. Some examples may include slideshows, light boxes, accordion menus, animations, or more.
Leave a Reply
You must be logged in to post a comment.