Posts

My Website Wireframe & Design Process

Image
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...
Post a Comment
Read more

Module 4 Assignment

Image
Module 4 Assignment 1. JavaScript If Else Condition For this assignment, I created my own customized if-else condition using JavaScript. The goal was to display a message based on how many hours someone studied. This script checks the value of studyHours and displays a different message depending on whether the condition is true or false. I chose this example because it felt relatable and easy to understand, and it helped me see how if-else statements can be used to make decisions in a program. My First Website   Reflection: Creating the if-else condition was easier than I expected once I understood the logic behind it. The easiest part was deciding what condition to check and writing the messages that would display on the page. The harder part was making sure the syntax was correct, especially remembering where the curly braces go and how the if-else structure is supposed to be written. 2. The original code had an issue with the if-else statement structure. The problem was that t...
Post a Comment
Read more

Introduction to JavaScript and Web Design

Image
      1. In this code, several variables are used to store and work with numbers. The variable price1 stores the value 5, and price2 stores the value 6. These two values are added together, and the result is stored in the variable total. Variables make it easier to store information and reuse it later in the program. The code also uses the document object, which is a built-in JavaScript object that represents the web page itself. Using document.getElementById("demo"), the code is able to find the paragraph element with the id demo and update its content.   Overall, the code works by adding price1 and price2 together and saving the result in total. Then, the document object inserts the text “The total is: 11” into the paragraph on the webpage so the result is displayed to the user. 2. In Chapters 2–4 of Eloquent JavaScript, I learned about program structure, variables, expressions, functions, and how control flow work...
Post a Comment
Read more

Module #2 Introduction to HTML, CSS and JavaScript Assignment

Image
  While creating my first website using HTML, CSS, and JavaScript, I encountered several challenges throughout the process. One of the main issues I faced was getting my second page, Module3.html , to open correctly when clicking the navigation link. Initially, the link to the Module 3 page did not work at all. After troubleshooting, I realized the problem was related to my file naming . The filename on the server did not exactly match the filename used in the HTML link. Because web servers are case-sensitive and do not handle spaces well, even a small difference in capitalization or spacing caused the page not to load. Overall, this project helped me better understand how HTML, CSS, JavaScript, and file management work together when building and publishing a website.
Post a Comment
Read more

Assignment 1

 1.  URL -  Welcome to your InfinityFree website 2. When it comes to programming, I have some experience with Java, Python and R, mostly from previous coursework and personal projects. I’m still learning, though, and I think that’s part of the fun, seeing how much I can improve over time. I also have some experience with web development, especially HTML and building websites, which has been fun to explore. I’m looking forward to learning more about how information systems tie into web technology.
Post a Comment
Read more