Posts

Project 2 Favoirte teacher

Image
For project #2 the overall gist was to create a website dedicated to one of our favorite teachers. This  project was decently fun since we had to interview our teachers and create a website dedicated to them. In this website you had to include the copyrights, the subject they teach and what that subject is about, a bio page about them and the interview questions and finally trivia which was fun facts about that teacher.  I've chosen my brother in honor to be part of my favorite teacher project for my Web Design class. For this project I was instructed to choose one of my favorite teachers and create a web page in accolade of you. I chose you because you've taught me lessons no other teacher has. You've shown a great level of dedication to your craft and have always kept pushing me to be a better version of myself. To live with an actual teacher has exposed how much time and effort it really takes to create each lesson and the struggle it is to keep your kids at the highes...

Portfolio Project

Image
For our final Junior Year Digital Design project, we had to combine all of our labs, projects, blog site and the tech teach site all in one website. For my final portfolio I decided to go with a different layout and create my menu bar on the left side of my site. I also added a GIF that I colored over to have some sort of visual than just a static photo. Then i coded in the title of the site and added a fade in to it, so it doesn't just appear right away as you load into it. After this I started to code the labs web page and made sure the menu bar was still available. Each page can visit each other. I used the same css code for the background to keep my labs and projects page looking the same. Next the annoying part of this project was having to link all the labs and project into the website.  After this I added more css to make each lab separate from each other and kept the hover. This is very important for  Web Designer because knowing how to use external css on multiple w...

LAB 18

Image
During lab 18 we started creating a new html document in Dreamweaver. After this I began creating my heading using the <h>tags.  I put my heading in a <div> tag and using css I designed it using colors, fonts, font-size, etc. The point of lab 18 was to create a calculator on the web using arithmetic operators as buttons such as addition, subtraction, division and multiplication. In the lab there had to be two input boxes; one for the first number and one  for the second number. Then after this i created 4 buttons for the arithmetic operations.  I gave each number in the box specific id's that were attached to them to make it easier to retrieve the number values. After this i moved onto creating the 4 buttons for my operations. Doing this i used the <button></button> tag to make it work. After that i gave each button a specific id to what it will do. Once this was done i began to move into Javascript  and set up an onClick function for each o...

Lab 19

Image
During lab 19 which was very similar to lab 18 we had to create another calculator but it already had the first initial number value saved. The point of lab 19 was to give the initial value why the user added in the second value. In the site there was similar arithmetic buttons from lab 18 that allowed the user to interact with the initial value and add their own value to do some simple math. I first copied the first few codes from lab 18 because they both were very similar but in lab 18 the user would have to give two values not one and in lab 19 there was already an initial number. The initial number I kept was the number 5. So then I deleted the values for the first number and the input box and just left my initial number. Then usign the same form code for the second value;<form> <br> <label>Second Number:</label> <input type="text" id="secondNumber"> </form>.  Then after this i proceeded to code the rest of the javascript so t...

Create task

Image
The Create Pt was a creative program creating portion of the AP exam. For the create task we had to test our skills in coding, designing and programming. You were allowed to work in groups and share ideas with others. The first step in the exam was to come up with a plan and the idea you will be working in. We were given around 8 hour class time but also allowed to work on it at home. My game idea was Snake-Chase. The point of the game was to go around collecting "fruits" while being chased by enemies who would kill you but also steal your fruit.  Then after we came up with the idea at SAP, we assigned jobs for each other to make this game go by quick. First i was given the job of art and design for the game while the rest coded their part. We would take turns adding code into the game because most of it had to be individual. I started off coding how the player would move and creating functions that allowed to player to move using the arrow keys. Then i added another part of ...

Reflection For CSFair

Image
On Tuesday, April 2 we attended the Armory for the Cs Fair representing ITHS. Upon arriving to the armory we walked upstairs to our seats on the bleachers which was very far towards the end. Once settled ourselves down in we created groups and began to explore the fair. First stop was the tech garage. My group and I went down to the first floor and began at the first activity. During this activity we were given a battery and mini light bulbs and with these essential materials we were supposed to create something using them. I began taping two light bulbs on the battery then using the strings and tape I created a necklace of lights.  After spending around 15-20 minutes in the tech garage we decided to go back up stairs and after 2 min of convincing my group we decided to do the dance challenge. During the dance activity they gave us a set of code that we had to solve in order to do the correct dance moves. We started with basic 3 moves and they depended on what number we were standi...

Lab 17

Image
    During lab 17 I had to design a false registration page where it would retrieve an user input and displays in when the button submit is clicked. This was doable using javascript. First, the text written inside the text box were stored in to 3 differed variables.  Then, after added CSS to the website to give it some color and uniqueness. This registration was to take 3 different types of information and repeat to you once you inserted all of them in a text box. " <input class="button" type="button" value="Enter" onclick=" window.alert('Your name is ' + document.forum.name.value + ' with a phone number of ' + document.forum.phone.value + ' and an email address of ' + document.forum.email.value + ', yurrr welcome to LAB 17 and thank you for registering!')">"  This code takes your input from earlier and repeats it in a sentence.T hese skills are important to web designers because javascript is very ...