Problem I. 381. (September 2015)
I. 381. In this exercise you are asked to highlight the new features of the HTML5 and CSS3 languages by creating a webpage that also uses these languages.
The starting page index.html should have a header, a footer, and a middle part with the actual content. The header should contain the appropriate logos on the left, then the title ``HTML5-CSS3 New Features''. The content part should contain 300px-wide boxes of the same height, each illustrating a new feature. There should be altogether 8 boxes, each containing an image of the same size and a sentence, together with a link to a webpage with more detailed explanation. Among these boxes there should be one where the link points to your page kedvenc.html. This kedvenc.html page should elaborate on one topic with a working example. The structure of kedvenc.html should be similar to that of your main page; one box in the content part should contain the description of your favorite new topic. The footer should be used as an imprint, containing your data (name, school year, town) and the logos for validating HTML5 and CSS3.
The look and formatting of the two webpages should be controlled by a single file forma.css. Your page should be displayed properly on screens with different sizes-depending on the screen width you may want to rearrange your page. For example, the logos in the header and footer should appear only on medium or larger screens, but text characters should always be completely visible. On the other hand, the boxes on your main page should be distributed evenly; on larger screens 4 boxes should appear in one row, then gradually less, finally, one box per row on the smallest screens. As for the colors, your pages should be based on different shades of gray, other colors should only be used in the images.
A compressed file i381.zip should be submitted containing the folder with your webpage.
Deadline expired on 12 October 2015.
|4 students sent a solution.|
|10 points:||Szakali Benedek.|
|8 points:||1 student.|
|7 points:||1 student.|
|6 points:||1 student.|