Express HTML on Grok
Beginners 1 HTML/CSS
Library Website Template - Upload to ProjectSpace
Head on Over to ProjectSpace. Use your initals + last name as username. Password is your school password.
You will create a Folder called Library. Here you will add 2 more folders called images and css. Upload php files to Library folder, css files to css folder.
Below is a step-by-step guide to build a Library Website using HTML, CSS, JAVASCRIPT in PHP files. This is a great resource to go through. Instead of everything on local machine like previous years, we will be using projectspace.nz to do our databases online using PHPMyAdmin.
This website is built using several files, each with a specific purpose:
Styling:
css folder: This folder holds all the files that control how your website looks, like fonts, colors, and layout. Think of it as the outfit your website wears!
Images:
images folder: This folder stores all the pictures used on your website, like logos or book covers. They add personality to your site!
Pages:
books.php: This page displays a table listing all the books in your library's database. Imagine it as a giant bookshelf!
bottombit.php: This file contains the footer, which appears at the bottom of every webpage. It's like a signature for your website.
topbit.php: This file holds important information for the entire website, like links to stylesheets and the website title. Think of it as the head office that keeps everything organised.
index.php: This is the home page, the first thing people see when they visit your website. It's like the front door of your library!
insert_form.php: This page allows users to easily add new books to the library database through a form. It's a user-friendly way to keep your library collection up-to-date!
delete.php (For admin only!): This file contains code for deleting books from the database, but in level 3 we learn to make it hidden from regular users to protect the library's information.
Database Connection:
connect.php: This file handles the secret handshake that connects the website to your library's database, allowing it to access book information.