Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
3500 ₽

Interactive story webpages

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 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.



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).


Client
Nikko Vasilevich
Australia Brisbane
Project published
25 March at 07:38
354 views
Labels