Build a self-website. plz write the code use HTML/CSS/JavaScript . you can put any text to the website. To make sure the template work. below are some information and requirements for design a website. The portfolio website is to be implemented in HTML/CSS/JavaScript. Use several templates for ur information.

Portfolio as container: Design & implement web-based portfolio. 1 page design. HTML/CSS/JavaScript only.

Portfolio as content: Present & document work from this course/outside. Reflect on each project & the course.

Keep It Simple Incorporate easy to use navigation. For example: Home -> Work Category -> Work Use minimal design techniques, focusing on typography and whitespace. Focus on your portfolio content rather than fancy design. Quality over quantity. Include only your best work (what youre proud of). Keep it cohesive. Says youve got it together.

Set yourself apart! Build upon the successes and failures of other portfolios. Following are some tips and visual examples of good practice.

Container For a collection of work. Content Representing a designers skills & methods.

Your CV/resum chronicles yourself and work experience (text). Your portfolio chronicles yourself and your projects (visual). Market yourself to potential employers/clients. Support your learned skills with examples. Show Personality Show personality through: Colour, shape and style. Writing style. A brand/logo. A strong tagline. Insight into your personal projects too. Variety is fun.

ell Yourself Make your mission clear (starting with tagline). Matt designs & develops great websites for creative people & businesses. Deeply know your brief. Design for your audience. Who are they (clients, employers, peers)? Write in your own voice (personality). Include a strong About section.

Network Consider how youre going to promote your portfolio. Social media, searching for jobs etc. Include Contact section. Email address or contact form (https://www.jotform.com Direct your audience as a call to action.

Keep Portfolio Up To Date Always keep your portfolio up to date. Add new works/projects frequently. Keep the design fresh. Ensure you maintain the hosting (if required). Give insight into your design process via a blog.

Categorise Your Work Use taxonomic structures. Organise works by categories. For example: Web Design, Information Design, Graphic Design. Make them useful and easily navigable. Display a featured project on the home page (near tagline).

Share a Back Story Detail the key aspects of your design process for each project. Could include a link to a blog (e.g. Padlet). Detail the project in a case study: Present your design documents more concisely for web reading. Perhaps include your back story in the About section.

Highlight Distincts Whats distinctive about you? Have you received any recognition (awards, good grades etc)? Whats your ambition? Do you have a favourite colour scheme and/or art style? Make this clear throughout the portfolio.

Website Performance Ensure your website is lean and fast. Optimise your images. (reduce dimensions/file size, add compression) Consider progressive enhancement if using a lot of JS. Host it in Australia if you can.

Perfect Website Assets Perfect your websites assets. Include high resolution images for all works/graphics. Ensure writing is concise and thoughtful. Ensure spelling/grammar/punctuation/capitalisation is correct. Include external links where necessary from works. Use external services where appropriate (e.g. YouTube/Vimeo embed).

Select content well.

Quality rather than quantity. Present projects in best possible light.

Writing. Brief, thoughtful & convey process and learning.

Communication.

Portfolio Content

Tell the story of each projects evolution. Reflect on the outcome of each project.

For each project:

Description of final product. Discussion of process from initial to final.

What did YOU do? Reflection on project process & success.

Include suggestions for improvement. Supported with visual material.

Collect and categorise potential portfolio items. Explore portfolio website inspiration. Work through a portfolio design process from initial to final. Build a skeleton in HTML/CSS.

Overview

This studio's assessment culminates in the production of a single-page portfolio that documents and reflects upon projects completed over the semester. This portfolio may provide the basis for portfolios in future studio courses.

The aim of the portfolio is for students to highlight & reflect upon their achievements over the semester. This portfolio will contain:

Curated documentation of individual contributions to the major project, including description of and reflection on individual process.

Reflection on project outcomes.

Reflection on the course as a whole.

Your portfolio should provide evidence of your capabilities and an insight into your design process. Reflections should critically consider the positives and negatives of the work you completed, as well as the approaches you took along the way.

Deliverables

1. As a Container of Content:

Design and implement a portfolio in the form of a webpage. The portfolio will be only a single webpage (1 HTML file) with section navigation to join the content together into a cohesive webpage. The overall structure needs to be considered in terms of how the projects will be presented to the viewer. The portfolio design should reflect your style as a designer, but more importantly should present the content clearly & concisely.

The portfolio website is to be implemented in HTML/CSS/JavaScript. You may not use PHP, Flash or other languages for this project. It is expected that you will build upon & extend the skills you have learnt in DECO1400/7140 or previously. The website should work across all major, modern web browsers Chrome, Safari, Firefox, Edge etc.

2. As the Content Itself:

The portfolio will contain work related to:

Design Exploration (Postgraduates Only).

Major Project: Parts A, B & C.

Participation & Journal.

The process of designing and building your Portfolio.

You may include text, images & other multimedia elements. Your journal should provide a rich source of content from which you can select the most appropriate elements content that clearly describes or illustrates your key contributions & design process in the course. Note, not all content from the journal should be included here be selective for quality.

Design Considerations

Collection:

A collection is built as a project is built. If you have maintained your journal, you should have an existing collection of artefacts & notes from your assessments' design processes. You should also collect artefacts as you design and implement your portfolio.

These collections can be extended & improved upon by adding new sketches, diagrams & individual analysis of the assessments. While the Major Project was completed in a team, your design process discussion should focus on the work YOU produced within your team. This is your opportunity to demonstrate the work that YOU completed, especially if that work does not appear in your team's final product.

Selection:

You should select the best artefacts for display in your portfolio. Quality rather than quantity of artefacts is an important factor in presenting your projects in the best possible light. For example, select 3 key sketches that illustrate your approach rather than 20. Your journal represents the QUANTITY of content, your portfolio should represent the QUALITY.

It is important to understand the primary value of your portfolio as a display of learning & growth over time. Writing should be brief, but thoughtful and focus on process and learning throughout a design.

Communication:

The purpose of a portfolio is to communicate your work to a wider audience. This is in contrast with the journal which should be a personal record of your process. Be sure to use language & visual materials appropriate to a potential employer. For each project, the portfolio should discuss & present the process undertaken, and reflect upon the success of the project.

For more advice on what constitutes a great portfolio, see the Week 9 lecture on portfolios.

Required Content

Your portfolio should be all about your individual work. It will have at least the following content:

About You:

This should include your name, the program you are studying, a little blurb about yourself and contact details.

You can include any other content you feel is relevant to this section.

Documentation & Reflection on Each Assessment:

In your portfolio, you will describe your process & work completed for each deadline:

Design Exploration (Postgraduates Only).

Major Project: Parts A, B & C.

Portfolio.

You should be describing what you did and how you did it. Provide support through appropriate visuals and links (sketches, photos, screenshots etc). Your discussion of process should be from an individual perspective and should describe what YOU contributed to the project.

For each project, you should discuss & illustrate:

What you produced? And why?

How you went from initial idea to finished product? Discuss initial ideas, major changes along the way, testing, feedback etc. It is a good idea to include select sketches from the project evolution here.

Did you think the project was a success? Why/why not? This should include reflections on the group work undertaken.

What would you do to improve the project? What would you do to improve your process?

Ultimately, what you are doing is telling the story of each phase of the semester as it evolved to become the final product that you submitted. You do not need to address the journal as a separate project, but can reflect on the use of it as part of your process.

Course Reflection:

Each student should provide a reflection on the course as a whole considering not only the major project but the activities that occur in other areas of the course. In this, you should address how your expectations were met/not met, what you learned throughout the course and what you would change to improve your experience of the course.

In attempting to address these areas, consider the following:

Meeting expectations:

Look back to what you wrote in your first journal post.

Were these original expectations met?

How/why did the course fall short of/or exceed those?

Did you revise your expectations as you progressed in the course?

Learning across the course:

What did you learn through the different activities you participated in throughout the course? Include the activities around assessment work & in class (workshop & contact sessions), and include those that were both self & staff directed.

It doesnt need to focus on the specific outcomes of assessments, as this is covered elsewhere in your portfolio. But you can comment on the type of assessment that you did.

Changes to improve your experience of the course (both internal & external, personal & institutional):

To the way your assessments turned out.

To the way you approached the course/project/team/assessment.

Feedback about the course itself.

And describe how these changes could improve your experiences/learning.

Other Work (If You Have Some):

As this portfolio is intended to be something that you add to & refine over the course of your studies, you can include other design/study related work that you feel is relevant to a portfolio format. We highly encourage you to do so, if you have some other work to show.

Portfolio Design:

The portfolio container shows creativity and flair in its design.

Structure and usability are well considered.

The portfolio container demonstrates technical proficiency (HTML/CSS/JS) in its execution.

Documentation & Reflection:

The first 2 of the following criteria points are applicable for each of the assessments (Design Exploration (Postgraduates Only), Major Project: Parts A, B & Cand Portfolio):

The individual's contribution and process for each project is clearly documented & described, and distinguished from team contributions.

Reflections on each assessment's process, outcomes & individual contributions are reasoned & critical with well considered suggestions for improvement.

Reflection on the course outcomes is reasoned & critical with well considered suggestions for improvement.

The use of visuals and multimedia as support for the documentation is appropriate and well considered.

Professionalism:

Communication of the content is clear and coherent with an appropriate level of detail.

The language and writing style is fluent, literate & appropriate for a professional portfolio. The spelling and grammar is of a high standard without errors.