Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Розмістіть свій проєкт безплатно та почніть отримувати пропозиції від фрилансерів-виконавців уже через хвилини після публікації!

1486 UAH

Interactive story webpages

1486 UAH

HTML та CSS верстання

3 з 3

минув час актуальності

публікація
приймання ставок
минув час актуальності

Необходимо создать примитивную веб страничку на первом этапе. Необходимо представить детскую сказку создав веб страницы, используя HTML and CSS. Это первая часть имплементации, всего будет три части. Мне также потребуется несколько небольших консультаций, объяснении по поводу написания кода HTML and CSS. Собственно написанию кода HTML and CSS, я должен научиться, реализуя этот проект, но из-за отсутствия времени должен прибегнуть к сторонней помощи, то есть это работа для университета, некоторая часть учебного процесса.

Здесь информация о сказке на английском

https://www.penguin.com.au/books/the-very-hungry-caterpillar-9780140569322

Далее, то что нужно сделать на английском

Project Brief

You are to design and implement a well designed and interactive story website for children aged 13 and under.

Your starting point should be a short story (or chapter) from a printed fiction text, either in English or officially translated to English (you will need to provide a reference to this). You may like to consider creating a digital version of a printed "choose your own adventure" book. Your chosen story should contain a good quantity and balance of images and text to draw from.

Your design should take into consideration:

The age group (13 and under) for the book being referenced.

The genre of the story.

How you can most effectively translate the book from physical to digital form.

The appropriateness of proposed interactive elements for audience & story.

Any imagery and the aesthetic to support the story.

In terms of interactive elements, your implementation should incorporate:

Navigation between multiple HTML pages.

Manipulation of document presentation in response to user input and the story.

Project Brief

You are to design and implement a well designed and interactive story website for children aged 13 and under.

Your design should take into consideration:

The age group (13 and under) for the book being referenced.
The genre of the story.
How you can most effectively translate the book from physical to digital form.
The appropriateness of proposed interactive elements for audience & story.
Any imagery and the aesthetic to support the story.

In terms of interactive elements, your implementation should incorporate:

Navigation between multiple HTML pages.
Manipulation of document presentation in response to user input and the story.

Information Architecture.

Site Map.

Draw a site map that describes the navigation of your site.

Include all internal (between pages) and external links.

Annotated Wireframes.

Produce an annotated wireframe for each type of page in your website (not for each page itself).

Include annotations of real content and functionality.

Results of Organisation Systems Research.

Include your in-depth response to the weekly topic.

Which organisation systems are you using in your website and why?

Results of Navigation Systems Research.

Include your in-depth response to the weekly topic.

Which navigation systems are you using in your website and why?

Requirements:

It must contain entirely self-authored HTML5 markup and CSS styling. No WYSIWYG (or "what you see is what you get") software is permitted in the production or delivery of your website. You must write all of the code for your site yourself using a code editor.

It must be implemented using semantic HTML and should adhere to the good practice web design skills you've obtained throughout the semester.

Website design work must be entirely your own. Don't use templates/themes or CSS from any other source.

It should have at least 3 unique interactions implemented with jQuery/JavaScript. Interactivity must support the story and the user's experience of it. Here's some examples of the types of interactions you could include:

Creation or manipulation of content in response to the user (or other events).

Manipulation of presentation in response to the user (or other events).

Dynamic navigation within a page or between pages in response to the user (or other events).

Stylistic integration of simple jQuery plugins such as slideshows and lightboxes.

All self-authored jQuery/JavaScript code should be commented which explains concisely and clearly what the code does and how it relates to the HTML.

All images and media included should be Creative Commons licensed or royalty-free. Don't use copyrighted material. Check with your tutor if you need further clarification.

Website content must be checked for spelling and grammar prior to submission.

You must include a references list on a suitable page within the website (e.g. "About", "Acknowledgements" etc).

This should include references for any images or media used. You don't need to reference your chosen story as this is included in the design report.

You must use either APA or IEEE referencing styles. Refer to "Referencing style guides" for how to use referencing styles.

Ensure that all your work is your own, and that you have adequately referenced. Failure to declare the distinction between your work and the work of others will result in academic misconduct proceedings.

Criteria:

Website Completion:

As evidenced by your website's completeness to a professional standard, focusing on design, layout and content quality.

Good Practice Web Design:

As evidenced by your ability to adhere to good practice web design by considering user-centred design, code quality and the separation of markup and style.

HTML Usage:

As evidenced by the semantic and syntactic quality of HTML used in your website (use of appropriate & prerequisite elements, neatness of code etc).

CSS Usage:

As evidenced by the semantic and syntactic quality of CSS used in your website (use of IDs, classes, advanced CSS features etc).

jQuery/JavaScript Usage:

As evidenced by the inclusion of at least 3 instances of interaction using jQuery/JavaScript and the syntactic quality of JavaScript used in your website (neatness & conciseness of code etc).

Ставки 0

Актуальні фриланс-проєкти в категорії HTML та CSS верстання

Оновлення дизайну на сайті Потрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 43 хвилини тому ∙ 34 ставки
Шукаю WordPress/Elementor/Woo спеціаліста який має великий досвід з шаблоном Woodmart 5000 UAH Потрібно оновити візуал та структуру інтернет-магазину стоматологічних товарів (посилання відправлю в ПП) Сайт працює на зв'язці WordPress + WooCommerce. Шаблон — Woodmart. Завдання: Оновлення шапки (header), підвалу (footer) та контенту на головній сторінці згідно з готовим… CMS, HTML та CSS верстання ∙ 3 години 49 хвилин тому ∙ 22 ставки	5000 UAH
Верстка сайту Технічне завдання на верстку сайту. Писав чат гпт Посилання на дизайн - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Загальна інформація Необхідно виконати адаптивну кросбраузерну верстку сайту на основі наданого… HTML та CSS верстання ∙ 4 години 39 хвилин тому ∙ 72 ставки
Внесення правок та доопрацювань на сайт згідно з ТЗ Опис проєкту Потрібно виконати комплекс доопрацювань сайту zvilnymo.ua відповідно до наданого технічного завдання. Основна мета робіт — підвищення конверсії сайту, покращення користувацького досвіду, оптимізація форми захоплення лідів та посилення довіри потенційних клієнтів.… HTML та CSS верстання, Веб-програмування ∙ 7 годин 7 хвилин тому ∙ 34 ставки
Primatic - Перенос 3 сторінок з Figma в WordPress (Elementor) Привіт! Мене звуть Анна, я живу в Ізраїлі і управляю невеликою креативною студією. Працюю в основному з малим і середнім бізнесом і зараз шукаю фрилансера. На даний момент є проект: потрібно перенести готовий дизайн з Figma в WordPress. Всього три сторінки — головна, «Про… HTML та CSS верстання, Веб-програмування ∙ 16 годин 30 хвилин тому ∙ 59 ставок

Nikko Vasilevich

Brisbane

354 перегляди

Interactive story webpages

Project Brief

Актуальні фриланс-проєкти в категорії HTML та CSS верстання

Оновлення дизайну на сайті

Шукаю WordPress/Elementor/Woo спеціаліста який має великий досвід з шаблоном Woodmart

Верстка сайту

Внесення правок та доопрацювань на сайт згідно з ТЗ

Primatic - Перенос 3 сторінок з Figma в WordPress (Elementor)