Lab 9

Lab 9 was to create a day and a night button where if you click then the background picture will change. Also clock, date, and day with it.I found it so interesting since it was something new, but the problem was that I had no idea of how to do it, but since I had to draw a day and night picture so I planed to draw these pictures before thinking of how to create these button. After that I opened Photoshop and start drawing these pictures. I wanted my picture to be really creative so it took time for me to finish the drawings. Then I saved these pictures, it took so long for the picture that I didn't understand why, but at the moment I opened Dreamweaver to create the a day and a night button using JS. Since lots of my classmates finished the lab so I asked helped drone them. They gave me the code and I copied, but my lab wasn't working. At least five people helped me, but they could figure out the problem. I was so sad that I almost cried because all the codes were right, but still it wasn't working. The bell was almost about to right then I was like I should upload because it better to do something then doing nothing. After uploading my friend came to help me again. Then I told her that let me take the screenshot of the pictures that I drew to see it it works that way. After taking the screenshot, I rewrite the code and check then it was working. So two minutes before the bell ring I realized that the pictures was too big that's why it wasn't working, I was so at myself at that moment. I couldn't finish, but then on Monday when I reached school I troubleshoot that problem by myself and finished. Lastly I added the clock since I know how to do that and upload the lab it to my server.

The objective for the lab was to create a day and a night button so the background changes. I used Photoshop and Dreanweaver for this lab. This is relevant to web design because it was created by using JS which is part of web design. JavaScript function that I used was script, div, and button. This will help me in the future while creating labs and projects.  

Lab 7

Lab 7 was to create rollover using three different way. I used HTML, JavaScrip, and Adobe Fireworks. To be honest before starting this lab I thought it will be super easy so I was like rushing to finish. Since I was not allowed to use any pictures from Internet so I sended some of the pictures that I have takes by myself to me so I can use them for the lab. First I opened Dreamweaver and insert rollover images using HTML. I finish that really quickly since I'm really good at it, but next I was told to use firework to create rollover. I actually used firework to create rollover during my junior year, but I forgot hot to do so my friend helped me with that. After I finished creating rollover in fireworks I saved it and insert it to Dreamweaver. After this comes the hard one which was to create rollover using JavaScrip. Well I know how to use JavaScrip a bit, but never created a rollover using JS. It took so long for me to finish this part, but again my friend saved my life. After finishing I saved it and upload it to my server. 

The objective of this lab is to create rollover in three different way. I used Dreamweaver, and Adobe Fireworks for this lab. This is relevant to web designer because it was made by using JS and HTML which is part of web design. JavaScrip function that I used for this lab was style, script, div, td, and tr. This skill will help me in the future a lot while I will be doing the other projects and labs.

Lab 8

Lab 8 was to create first thousand prime numbers into a individual cells of a table using JS. When my teacher told the class that and showed the old students works I was like wow I really want to learn how to do this, but it wasn't as easy as I thought. At first I was totally confuse, but by god mercy my teacher gave us the code to do this lab. I opened Dreamweaver and open two HTML page, the first one I saved it as lab 8 and the second one I saved it as JS file. Then I copied the code that was given to us exactly the same way. After that I was happy that I finished, but my teacher was like we have to create a two box where it says find the prime number and maximum column so where someone types the number then the pime numbers comes in individual cells of table. When I heard that I was totally confuse, I didn't know what to do so I was going to the old students works so I can find the code. Then I saw one of my classmate finished it so I told him to help me and he helped me to finish. After that like always I saved it and upload it to my server. 

The objective of this lab was to create prime numbers into a individual cells of a table. I used Dreamweaver for this lab. This is relevant to Dreamweaver because it's was created by using HTML. JavaScript methods that I used was style, div, and script. This will help me a lot in the future while creating any lab or project that includes individual cells of table. 

HW Creativity

 

Creativity is a thing that develops in everyone's mind. We actually don't know where it comes from, but we still can define it by our imagination. According to the NPR podcast we can show our creativity by our dancing skill, singing, taking, imagining, and by much more things. Artistic skill is not the only way to show our creativity. Creativity develops through our brain, but we actually don't know how to use these ideas when we actually need them and the NPR voice record explains us when or how to use or control these ideas when we need them and when we don't need them. The NPR podcast explained that creativity can be express in many ways not only by our artistic skill. Creativity is relates to Web Design for sure because we use our creativity while designing a website. Also before designing a website we as a web designer have to sketch our creativity ideas to show how the website will actually look like so later on we can decide weather to keep the idea or add something to it. We show our creativity idea using storyboard to show how each step or scene will look like. All these information explains how creativity is related to web design and when we can actually use them.

Project 1

      

  For project 1 I was suppose to add the pop up boxes and day/time table that I have learned form labs 3-6 into my index. Then I was told to rename the index into project 1 in order to finish project 1. I know it sounds so complicated and when I first heard that I have to do this I was like what I can't do this. I was confuse and it was difficult for me to finish. Then I saw my friends to finishing up the project so I asked them to hell me out and show how they did it. When they show me I was like that's it it's seemed so easy and I finish it in about 10-20 minute. So let's talk about how I started the project. At first I opened my index and copied the code from lab 3-6 to and paste it to my index. Then I changed the sentences/word that will pop up, saved it, but before saving I deleted these codes from my index so the project and index doesn't get mess up. Lastly I preview and upload it to my server in order for the people to see. 

        The objection of this lab was to add these pop up boxes to my index and turn it into a project. I was basically told to add these codes that I have learn so far into my index and turn it into a project. I used dreamweaver for this project. This is relevant to web design because it was like creating a web page inside a web site  with pop up boxes. JS method and function that I have used was style, p=prompt, if statement, if els statement, and alert. This will help me in the future while doing any other projects and labs of mine or doing any work with pop up boxes. 

Lab 6

            Lab 6 was to create the day time table. I was actually confuse at first because it was something new for me. When I was doing this lab I made so many mistake there was something wrong, but I didn't know what was it. The. I asked my friend to help me out then she caught the error and help me finish this lab. At first, I open Dreamweaver like always and save it. Next I copied the code that was given by Mrs. Ramirez to finish up. Then I changed the background color and the text color. Lastly I preview my lab to browser and upload it to my server. The objective of this lab was to create a day time table so the right date appear when someone will open the lab. 

           I used dreamweaver for this lab. This is relevant to web design because it's like creating a web page with day table in a web site. JS function and methods that I have used style, switch, case, break, and document.write. This skill will help me in the future with all of the others projects and labs. Even if I do a job then this skill will help me also for making day table in some presentation.

Lab 5

                                           This is Lab5 

                                  This is the code for Lab 5

Lab 5 was basically same as Lab 3 and 4 where I had to create pop up boxes. It wasn't hard for me because I already have experience from Lab 3 and 4 and my teacher gave the codes to the whole class. So basically what I did was just copy the codes in rightly to continue. First I opened html page from Dreamweaver and saved it. Next I copies the code that was given to continue. After that I changed the background, add the headings and preview in browser to see the real view. Lastly I upload it to my server and submit to my teacher. The object of this lab was to create a pop up box with password; yes or no. Well I know how to create pop up box with some message, but since I didn't know how to create pop up boxes with password and message with it so I was bit confuse, but then when my teacher showed me then I was like oh wow it's easy. 

I used Dreamweaver for this lab. This is relate to web design because it is basically creating a pop up box in browser with type answer in it which is like creating a webpage. JS function that I used was style, p=prompt, alert, if statement, and if else statement. This skill will help me in the future while doing others projects or labs. It will help me to finish it up easily since I know how to use this technique. 

Lab 4

           Lab 4 was also about popup boxes. It was a lot similar to Lab 3 so it wasn't that  difficult. For this lab I had to think about a math problem since in this lab I had to show the addition, subtraction, product, and quotient of the problem. First, I opened Dreamweaver and saved it. Second, I used the JaveScript code to do the lab. I copied the same code that my teacher showed me, but I changed the number in order to make the math problem look different. After I preview in browser, changed the background color and saved it. Lastly I upload it to my server so everyone can see. 

           The object of this lab was to creat two pop up boxes with math problems. I used Dreamweaver to finish this lab. This is relevant to Web Design because it's part of Web Client Program which is part of web design. Also for this lab I used dreamweaver which is also part of web design. It was basically creating a web page with popup boxes and web page is part of web design. JS function or method that I have used was style, x, y, alert, +sum, +subtract, +product, ++quotient, and document.write. This skill will help me a lot in the future because if I ever want to make any presentation or anything else with popup boxes the this skill help me a lot and I will be able to finish the work easily. 

Lab 2

                 Lab 2 was about our smart goal. We think about three of our smart goal to do this lab which was what is our goal for high school, collage and future. It actually took me long to thing about because I know what is my goal for high school, but I'm not sure about my goals for collage and future, but anyway I had to think about it and finish it. So for this lab first I opened new html document in dreamweaver and saves it in my lab 3 folder. Next I added the headings and used JavaScrip code to add those smart goals into a button so when I click the button, it pop up. After that I added the background color and saved it. 

                 The objects of this lab was to create button with popup smart goals. I have used dreamweaver for this lab. This is relevant to web design because it is a bit similar to flash, but the different a is that JS have popup which flash doesn't have. It like making a website with clickable button where something will pop up. JS method that I have used was style, script, form, and div. This will help me in the future because if in the future I want to create a button where if I click will show some information, but different button will have different then this method will be a plus point for me. I will be able to finish up the presentation easily and fast.

Lab 1

                    Lab 1 was about creating buttons. It wasn't really a hard lab, but I really liked it since it was something new. It was something different than what I have learned in my junior year. At first I opene a new file in dreamweaver and named the document. Next I named the headings and use the JavaScrip codes to create the clickable button. The button that I have created says "this is demonstration" at the bottom and when I click it says "hello JavaScrip". Then I have added information about me which is about 2-3 paragraph to let the audience know some information about me. Lastly I changed my background and saved it to upload.

                   The object of this project is to create a button which is clickable and says somethings after I click. I used dreamweaver for this lab. This is relevant to web design because this is same as web design where you create a JS page in a webpage. JS function or methods that I have used style, button, and document.getElementById. This will help me in the future because of in the future I wants to create a button where somethings will already show, but if I click something else will appear then I can easily use this method to finish up in a second and impress my clients by Thai method.

Lab 3

               

                  Lab 3 was about popup boxes. It was different than Lab 2 and Lab3. It was a bit confusing at first, but later on I understood and finished it. I really like lab 3 because it was something different that what I have learn and what I know. It was really interesting and I want to do something like Lab 3 more, but more advance. At first I opened a new file in dreamweaver and name it. Next I used JavaScript codes to finish my lab; it basically was about JavaScript. Then I created the alert and popup box so before the html document opens the alert and popup box can show and people could decide weather they wants to continue or not. After that I added the heading and some information about my class so when someone continue they will be able to see those information. Then I changed the background color and saved it. 

                  The object of this was was to learn how to create popup boxes so I can be more advance at it in the future. I used dreamweaver for this lab. It is relevant to Web Design because it is the third part of web design; it' apart of web design. Js function or methods that I have used was alert for popup boxes, +x, +y, +z for the sentence to continue, and document.write to finish the sentence. I believe this skill will help me a lot in the future because it will help to create a JS document with popup boxes. Also if in the future I want to create a website or anything and want to add popup boxes before that so people can decide weather they wants to continue or not, then this skill will help me to do that.