Project 1

Tenzing Younten

Web Client Programming

This was my first project in Web Client Programming and it was mainly about summarizing what I have learned in all those labs and applying those skills in this project. In fact, I also had to use skills from my past semesters of Web Design to create my index or portfolio. The softwares that I used for this project were Adobe Photoshop, Dreamweaver, CSS and JavaScript. First of all, I started by creating an HTML document and then proceeded into creating a banner for my index. Then when I was done creating my banner, I started structuring my index page by using CSS and putting in my gradient background which I had created using Photoshop. Also, I created a tabbed navigation bar using Dreamweaver. After having done all of the necessary stuffs to create an index, such as putting hyperlinks, buttons etc. I started inserting all of the different types of popups in my index and also the button which acted as a rollover effect to sentences.

By completing this lab, I learned a lot of new skills which allowed me to be able to create an interactive and a responsive website. Besides, I was able to summarize what I have learned in JavaScript so far. As a matter of fact, I even saw improvements in my work compared to my sophomore and junior year in Web Design. This project is relevant to Web Design as it makes a website be responsive and act as if it was another human trying to interact with the users. In addition, it will keep the users attached to the website because of it's interaction between the user and the website. In the future, I can apply this skills to build a great website and for my upcoming labs and projects as well.

Lab 6

Tenzing Younten
Web Client Programming


Previously I used "if and else" statement. But for this lab I'm using "switch" statements for many conditions. With the use of switch statements, I was able to identify different actions accomplished based on different conditions. The goal of this lab was to create a webpage which presented the current day. I began by listing all of the seven days in a week. Then, I used "document.getElementById" to add the sentence, "Today is ", so that I could insert '+ day" after the phrase to complete the sentence depending on what day it is.

As a result of this lab, I learned what a switch statement is and what it does. Also, learned how they can be used in html for a webpage to work. This is relevant to Web Design as it allows us, Web Designers to include multiple actions to be executed for different conditions by using this statement. This skills can be useful for my future labs and projects, and work as well.

Lab 5

Tenzing Younten
Web Client Programming

Similar to previous labs, this lab also had to do with popups but of a different kind. It was about JavaScript Conditional statements. There are many different statements but this particular statement was about executing different actions based on different conditions. There are four different types of conditional statements which include if, else, else...if and switch statements. They all have different functions. For instance, 'If' is used only when a condition is true and 'else' is used when a condition is not true therefore leading to another condition. And "switch" statement is used to specify many blocks of code to be executed. But for this lab, I only used if and else statements.

I started off by inserting a popup, followed by a question which included "Do you play sports?". Then I put the response by inserting if and else for 'yes' or 'no' reply whichever the user replies. So this would cause the popup to response by presenting whatever I wanted to put for the response of 'yes' or 'no'. As a result of the this lab I learned what JavaScript conditional statements are and how they used in an html document. Also, I can use this skill for my future labs and projects and for my own website as well. This lab is relevant to Web Design as it can be a great help for creating a interactive website.

Lab 4

Tenzing Younten
Web Client Programming

In this lab, I used the same concept of creating pop ups but with different functions. Unlike the previous lab, I had to insert numbers for the computer to do rudimentary math equations. The softwares that I used for this lab were JavaScript and Dreamweaver. I used "alert" tag which triggers the browser to create a popup whenever a user visits the page. In the popup, I inserted a question which was "What is the sum of 5 and 7?". Then when a user clicks "ok", they are presented with the answer to the question as well as the product, difference and quotient of 5 and 7. I defined variables which allowed the lab to work efficiently. For instance, I defined s1 and s2 as 5 and 7, then defining sum as the sum of 5 and 7, and so on. After that, I put + in the "document.write" tag to connect the variables and the text which was related to each variable. This lab will be helpful for me in the future by allowing me to create an interactive webpage and website. Besides, it will also assist me in creating popups with my upcoming labs and projects.

Lab 1

Tenzing Younten

Web Client Programming

This was the first lab that I did using JavaScript. I used JavaScript to create a button which triggers a selected section to replace it with another phrase that I wanted to show up. It's similar to a rollover effect but switching a sentence or a word by clicking on the button. It was quite a new experience and easy. The only thing that was confusing about this lab was making the function work. I really struggled troubleshooting a simple little thing since I had no clue on what was wrong and because it was the first time using JavaScript. I also added CSS to the webpage just to make it look better.

Lab #3

This lab was about using JavaScript to create popups in a web browser. I started off by creating an html page using Dreamweaver CS6 and writing down the codes for the script. I also used variables to define a word. For instance, I put the variable "x" to represent my name. This would allow me to insert the variable to insert my name in a sentence. To do so, I had to insert "+x" in the middle of the sentence so that it adds in the following sentence. To write a sentence I used "document.write" and typed the sentence. Following that, I inserted "alert" which is the code for popups and put the message that I wanted the users to see. One of the hardest things in this lab was to figure out where there was a slight mistake because it would cause the whole thing to not work with the slightest misspell/mistake.

This ability of creating Popups can be really important. Popups allow users to be more interactive and be able to have the ability of making choices on whether they want to proceed to the next page/step or not. In addition, popups allow users to be aware of any kind of malicious websites and sometimes it can be used harmfully to cause the users download malicious softwares by clicking the popups.