Добрий день,
Проєкт потрібен для університету, тому вимоги дуже прості. Гадаю, має зайняти буквально 1-2 дні. Це не мій профільний напрямок, тому шукаю спеціаліста, що зможе виконати роботу. Вартість можемо обговорити особисто. Звʼязатись зі мною можна через viber за номером у заявці.
Нижче наведено завдання англійською мовою.
Create a simple static web -- i.e., a set of (at least three) HTML documents interconnected with hyperlinks. The web is supposed to be properly decorated with CSS styles (esthetic aspects will not be graded, but the utilization of styles has to be purposeful). The actual contents is arbitrary; however, it has to reflect a feasible real-life situation (e.g., personal web presentation, short tutorial, ...).
All textual content must be encoded in UTF-8 (without BOM signature). Refrain from using scripts and third-party libraries.
HTML
The HTML must comply with the following criteria:
- All HTML documents are valid and stored in files with
.htmlextension in a single flat directory (do not use subdirectories). ReCodEx validation is slightly more restrictive than W3C validation service. It also reports suspicious constructions which might be formally valid, but which are considered to be a bad practice (e.g., omitting quotes around attribute values or using empty <p> element as a vertical space). - Initial (home) page is in the
index.html file. - The documents are interconnected with relative hyperlinks. The whole web must be fully connected -- i.e., each document is reachable (transitively) from any other document.
- At least one of the documents contain a formatted
article. The article must be divided into sections, whilst each section must have at most one heading. Furthermore, the text is broken down to paragraphs and at least one example of an inline text element (emphasis, code sample, quote, ...) is present. - At least one of the documents contains a list nested in another list (ordered or unordered).
- At least one of the documents contains an image. The files of images are part of the submitted solution and relative URLs referring to these files must be valid. Please note, that ReCodEx has limited network and storage capacity so choose image(s) of appropriate size. Uploading an entire photo gallery of high resolution images will not be appreciated!
- At least one of the documents contains a table. The table must be divided into logical parts (head, body, ...) and it must contain both regular cells and heading cells. At least one cell must be stretched over multiple rows.
- At least one of the documents must have a meta-data in the header correctly declaring the author of the document.
- Do not use HTML elements nor attributes solely for content formatting (
<font>, <center>, align, ...). Use CSS instead.
Styles
The cascading style sheets have to be saved in separate file(s) and linked from HTML documents. Do not use <style>element nor style attribute. Also do not use the CSS import rule (since the ReCodEx does not recognize it).
No esthetic aspects of your solution will be judged. However, all styles has to be used on a justified purpose. The solution must also fulfill the following criteria:
- Use CSS properties for setting up font shape (family, size, ...) and text properties (alignment, indentation, line size, ...).
- Use CSS properties for altering the color and the background color settings (not necessarily for the same element).
- Use CSS properties for inner spacing (
padding), visualizing the edges (border), and outer spacing (margin). - Use (not necessarily in one selector) all basic CSS selector types (tag name, class, and ID).
- Use at least one nontrivial operator for combining selectors (
>, ~, or +). - Create a simple effect which activates, when user positions the mouse cursor over the target element. For instance, change the color of hyperlinks when the mouse cursor is over them (and change it back when the cursor leaves the hyperlink).
