Web Design Tech

 For the final project in this class, we are required to design and create a website that promotes and supports a local charity or voluntary organization. The project has two main parts: the public side (front-end) and the administrative side (back-end). The front-end focuses on the visual aspects, making the website attractive and easy for visitors to use, while the back end focuses on the functionality that supports those visuals.  If I were to choose a local farmer’s market, the website would showcase the vegetables grown by local farmers, such as turnips, radishes, and spinach. The site would display their nutritional values and allow visitors to order the vegetables online. On the administrative side, someone could process the orders using PHP connected to a hosting database. For the front-end, we would use JavaScript, as covered in class, to create interactive features and enhance the user experience. I tried to review Nanchy Jency’s final project as suggested, but the...

    website link -  tericiar.infinityfree.me/module4.php In this module, I learned how to connect PHP to a MySQL database and insert data from an HTML form into a database table. At first, it seemed a little tricky because you have to make sure your PHP script can actually “talk” to the database, but once I got the hang of it, it started making sense. We started by creating a table in MySQL using phpMyAdmin. I set up columns for first name, last name, and email so that when someone fills out the form, their information has a place to go. Then, I created a simple HTML form where users can type in their information. The form uses the POST method to send the data, which is important because it keeps the information secure and organized. The really interesting part was writing the PHP script to handle the form data. I used the $_POST superglobal to grab the data from the form and then used an SQL INSERT statement to put it into my MySQL table. I also learned that connecti...

  Creating My First MySQL Table For this assignment, I created my first MySQL table using InfinityFree and phpMyAdmin. The process had three main steps: creating the database, designing the table, and inserting data. Step 1: Create a New Database I started by logging into InfinityFree and opening cPanel. I clicked “Create New MySQL Database”, gave it a name, and saved it. This step was pretty easy since the interface guided me through it. The only slightly confusing part was understanding that the database is just a container for the tables I’ll create. Step 2: Design the Table Next, I opened phpMyAdmin and selected my database. I created a new table called MyFirstTable with three columns: FirstName, LastName, and Age. I chose VARCHAR for the name columns and INT for age. This step was a bit tricky because I had to decide which data type to use for each column, but once I understood INT vs VARCHAR, it made sense. Step 3: Insert Data Finally, I clicked the Insert tab in phpM...

1. What is the difference between $_Get vs. $_POST?  In PHP, $_GET and $_POST are used to collect data from forms, but they work a little differently. $_GET sends the data through the URL, so anything someone types into the form shows up in the browser’s address bar. It’s usually used for small amounts of information or data that doesn’t need to be private. $_POST sends the data behind the scenes in the request instead of the URL, which makes it more secure, especially for sensitive info or larger data. So, the main difference is that $_GET shows the info in the URL, while $_POST keeps it hidden. website link -  Message Form

  Functions and strings are connected in PHP because functions are often used to work with and change string data. A function helps organize code into reusable sections, while string functions allow us to perform actions on text, like counting characters, changing uppercase and lowercase letters, or counting words. In my assignment, I created my own function called analyzeMessage(). This function takes a string as a parameter. Inside the function, I used built-in PHP string functions like strtoupper() to convert the text to uppercase, strlen() to find the total number of characters, and str_word_count() to count how many words were in the sentence. By combining functions and strings, I was able to keep my code organized and avoid repeating the same code multiple times. Instead of rewriting everything, I just passed a different string into the function. This shows how functions help structure programs better, while string functions make it easier to analyze and manipulate text. O...

For my website wireframe, I used Canva to create a simple, clean layout that focuses on clarity and user-friendly navigation. The wireframe is structured into three main sections: header/logo , main content , and footer . Header / Logo: At the very top, I included a header box for my website name. This is the first thing visitors see, so I wanted it to clearly establish the brand. I also placed navigation links directly below the header to make it easy for users to move between different parts of the site. Main Content: The main content area contains three boxes. The first box is a welcome message , where I introduce myself and give visitors a friendly, approachable introduction to the site. The second box is a contact form link , providing users with a clear way to reach out to me. The third box is for a gallery display or additional content, giving visitors more interactive or visual elements to explore. The vertical arrangement makes it easy for users to scroll and digest the inf...