Department of Computer Science and Information Technology La Trobe University

Website Development Assignment

Project Title: La Trobe University Restaurant Website

Objectives

• To develop skills in creating a website using HTML and CSS at the raw code level.

• To build skills in designing a web system.

• To understand the role of a web system in today’s business world.

Note: This is an individual assignment. Group work is not permitted.

Academic Integrity

• Plagiarism: Submitting someone else’s work as your own is considered plagiarism.

• For individual assignments, plagiarism also includes two or more students working collaboratively.

• The Department treats plagiarism seriously, and strict penalties will apply.

Important Notes

• Delays due to computer downtime will not be accepted as valid reasons for late submission. Plan your work to account for both scheduled and unscheduled downtime.

• Restrictions:

  • Assignments must be written without HTML authoring tools or AI tools.

  • All HTML files must be created using Notepad, Visual Studio Code, or similar text editors.

Problem Description

You are required to design and develop a website for a fictitious restaurant named “La Trobe University Restaurant.”

• The restaurant can be located anywhere in Australia.

• The cuisine (Vietnamese, Italian, Indian, Australian, etc.) is your choice.

• The website should establish a strong online presence that both informs and attracts customers.

• Content should include details about:

  • Food and services

  • Restaurant background

  • Location and contact information

  • Features to enhance customer engagement

Inspiration:

• Bundoora students – draw inspiration from La Trobe eateries.

• Online and Sydney students – draw inspiration from local restaurants in your area.

The final product must be a professional-looking website that attracts customers.

Suggested Website Pages & Contents

1. Home Page

• Welcoming introduction to La Trobe University Restaurant.

• Hero image/banner with restaurant logo and cuisine theme.

• Short tagline (e.g., “Bringing authentic Italian flavours to Melbourne”).

• Quick navigation to other sections (menu, booking, contact).

2. About Us Page

• Story or inspiration behind the restaurant.

• Reason for choosing the cuisine.

• Atmosphere description (family-friendly, fine dining, casual).

• Optional: Team/chef introduction with images.

3. Menu Page

• Categories: Entrées, Mains, Desserts, Beverages.

• Dish descriptions with prices (sample/fictitious).

• Food images for visual appeal.

4. Gallery Page

• Photos of food, interiors, ambience, décor, or events.

• Optional: Happy diners or special events showcase.

5. Location & Contact Page

• Restaurant address with directions.

• Embedded map image or screenshot (no live Google Maps).

• Contact details: phone, email, opening hours.

• Optional: Simple contact form (non-functional HTML layout).

6. Booking / Reservation Page

• Reservation process details.

• Example booking form (fields: name, date, time, guests).

• Special offers, events, or promotions.

Technical Requirements

1. Minimum of 6 HTML pages: homepage + 5 sub-pages.

2. All pages must be linked together for easy navigation.

3. All pages must be written using raw HTML.

4. Content must be suitable for users of all ages.

5. No external links allowed.

6. All website links must be relative links (no absolute paths).

7. Refer to the 2025 Web Assignment Guidelines for details.

8. Submission: A ZIP file containing:

   • All HTML files

   • CSS files

   • Image files

   • Any other relevant files

Note: No other file formats will be accepted for marking.

Summary of Assessment Requirements

The assignment required students to design and develop a professional website for a fictitious restaurant named “La Trobe University Restaurant.” The core requirements included:

• Building six HTML pages (Home, About Us, Menu, Gallery, Location & Contact, Booking/Reservation).
• Writing all code in raw HTML and CSS using simple editors (e.g., Notepad, Visual Studio Code).
• Ensuring all pages were interlinked with relative links only.
• Including relevant content such as food details, restaurant story, gallery, booking form, and contact details.
• Submitting the complete website as a ZIP file containing HTML, CSS, images, and other resources.
• Following strict academic integrity guidelines — no AI tools, HTML authoring software, or plagiarism allowed.

The main objectives were to:

1. Build skills in HTML and CSS coding.
2. Learn how to design and structure a functional web system.
3. Understand the role of web systems in business contexts.

Mentor’s Step-by-Step Guidance

The academic mentor guided the student in a structured process to complete the assignment:

Step 1: Understanding Requirements

• The mentor first clarified the scope of work (six HTML pages, CSS, no external tools).
• Together, they mapped the website structure, deciding on a navigation menu that would connect all pages.

Step 2: Designing the Layout

• The mentor explained how to use basic HTML tags for structure (headings, paragraphs, images, links).
• CSS styling was introduced for colors, fonts, and layouts to create a professional look.
• The mentor emphasized planning content sections before coding to ensure consistency.

Step 3: Home Page Development

• The mentor guided the student to include a logo, hero banner, tagline, and quick links.
• Basic CSS rules were added to style the banner and navigation bar.

Step 4: About Us & Menu Pages

• About Us: The mentor encouraged including a story, cuisine inspiration, and dining style.
• Menu: Categories (Entrées, Mains, Desserts) were structured using HTML lists and tables, with sample prices and dish descriptions.

Step 5: Gallery Page

• The mentor demonstrated inserting and formatting images with alt text for accessibility.
• The gallery was arranged using simple CSS grid/flexbox.

Step 6: Contact & Booking Pages

• Contact: The mentor walked through creating a static contact form layout (Name, Email, Message).
• Booking: A reservation form was developed with fields for Name, Date, Time, Guests.

Step 7: Linking Pages Together

• The mentor ensured all six pages were connected through a consistent navigation bar.
• Emphasis was placed on using relative links only to comply with requirements.

Step 8: Final Checks & Submission

• The mentor reviewed the design for age-appropriate content and correctness.
• A final ZIP file was prepared with HTML, CSS, and images.

Outcome and Learning Objectives Achieved

The student successfully developed a professional, multi-page website that met all technical requirements. Key achievements included:

• HTML Skills: Structuring web pages, embedding images, creating forms, and linking files.
• CSS Styling: Using stylesheets for layout, design consistency, and visual appeal.
• System Design Thinking: Planning website structure, navigation, and user experience.
• Business Relevance: Understanding how websites establish an online presence for real-world businesses.
• Academic Skills: Adhering to academic integrity, independent work, and professional formatting.

Through step-by-step guidance, the mentor ensured the student not only completed the assignment but also gained practical coding knowledge, web design skills, and an appreciation of the role of digital systems in modern businesses.

Get Access to Expertly Written Assignment Solutions

Looking for guidance on how to structure your assignment? You can explore and download the available sample solution provided here. It’s designed to help you understand the correct approach, formatting, and depth of analysis expected in academic writing.

Important Note: This sample is strictly for reference purposes only. Submitting it as your own work may lead to plagiarism penalties. Use it to learn, not to copy.

If you want a solution that’s 100% original, plagiarism-free, and custom-written for your specific requirements, our team of professional academic writers is here to help. By ordering a fresh assignment, you’ll receive:

• A tailor-made solution based on your topic and university guidelines.
• Assurance of zero plagiarism with a free Turnitin report.
• Expert insights from qualified academic writers.
• On-time delivery with 24/7 support.

Why risk plagiarism when you can get a personalized solution that helps you score better and learn effectively at the same time?

[Download Sample Solution] [Order Fresh Assignment]