Switch to English version?

Yes

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

Так

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

Да

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

Tak

Login
Registration
- Welcome to Freelancehunt
  
  Work risk-free, saving time and money
  
  Login Registration

Post your project for free and start receiving proposals from freelancers within minutes after publication!

36 USD

Interactive story webpages

36 USD

HTML & CSS

3 out of 3

project expired

publication
open for proposals
project expired

Необходимо создать примитивную веб страничку на первом этапе. Необходимо представить детскую сказку создав веб страницы, используя 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).

Proposals 0

Current freelance projects in the category HTML & CSS

I am looking for a WordPress/Elementor/Woo specialist who has extensive experience with the Woodmart template. 113 USD It is necessary to update the visual design and structure of the online store for dental products (link will be sent in a private message). The site operates on the WordPress + WooCommerce framework. The template is Woodmart. Tasks: Update the header, footer, and content on… Content Management Systems, HTML & CSS ∙ 1 hour 3 minutes back ∙ 17 proposals	113 USD
Making edits and improvements to the website according to the specifications. Project Description It is necessary to carry out a comprehensive refinement of the website zvilnymo.ua according to the provided technical specifications. The main goal of the work is to increase the website's conversion, improve user experience, optimize the lead capture form,… HTML & CSS, Web Programming ∙ 4 hours 21 minutes back ∙ 30 proposals
Primatic - Transfer of 3 pages from Figma to WordPress (Elementor) Hello! My name is Anna, I live in Israel and run a small creative studio. I mainly work with small and medium businesses and am currently looking for a freelancer. At the moment, there is a project: I need to transfer a finished design from Figma to WordPress. There are… HTML & CSS, Web Programming ∙ 13 hours 44 minutes back ∙ 54 proposals
Website layout 25 USD Need to create a website layout, please leave examples of your work and pricing Criteria/wishes for the layout: - Deadline by the 11th-12th; - Responsive: desktop, tablet, mobile; - Many elements are repeated, there will be no animations as such (the pages with equipment are… HTML & CSS, PHP ∙ 15 hours 1 minute back ∙ 61 proposals	25 USD
Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO) Task Description:We are looking for an experienced WordPress developer/front-end developer to promptly complete the project https://bropack.com.ua/. The site has already been designed and set up on WordPress, but due to the previous contractor missing deadlines, it is necessary… HTML & CSS, PHP ∙ 1 day 4 hours back ∙ 30 proposals

Nikko Vasilevich

Brisbane

Interactive story webpages

Project Brief

Current freelance projects in the category HTML & CSS

I am looking for a WordPress/Elementor/Woo specialist who has extensive experience with the Woodmart template.

Making edits and improvements to the website according to the specifications.

Primatic - Transfer of 3 pages from Figma to WordPress (Elementor)

Website layout

Improvement of the Bropack website on WordPress (layout adjustments, form settings, and SEO)