Lab 11

Kevin Martinez
Digital Design
I.T.H.S

          For lab 11 we had to create a draft of what our project 2 will look like. We create this lab in fireworks and it was hard for me at first. The hard part for me about this lab was creating the Home, Bio, and Process pages to switch back and forward, I found that was hard because every time I did it and tried to click to go to the next page it didn't work for me. For this lab 11 I used the rectangle tool, and the slice tool. The slice tool was a brand new tool I just learned and it's a tool where you slice any object in you document and you choose where it will open. I used the slice tool on the Home, Bio, and Process page for this lab. Once I was done with this I then exported the lab to dreamweaver from there I uploaded my lab 11 online and I tested it out to see if every slice work for me and every page changed to another page and goes back to the homepage.

Lab 10 Reflection

Kevin Martinez
Digital Design
I.T.H.S

   






















        Well the first thing I would like to state is that when I took the screenshot for lab 10 it was a roll over image so the image didn't come out for me so I'll place a image of the cartoon character next to the image for my lab 10. For lab 10 we had to create a roll over image with the image from our cartoon character. To create the roll over image for lab 10  I used Adobe Fireworks. Once I was in Fireworks I imported the image to Fireworks and I got started. For me lab 10 was really challenging because I was struggling making the image for my cartoon character roll over. I also was having a hard time exporting my cartoon character's roll over online and for it to roll over online to. This was a good lab to do because I will find it useful we I start my project to look back at this lab and add a roll over image to my project 2.

Lab 9 reflection

Kevin Martinez
Digital Design
I.T.H.S

             For Lab 9 we had to create a table with three columns and inside the three columns we had to insert our three wireframes for our project number 2. This was a hard lab for me because it was my first time using Adobe Dreamweaver. It was hard for me because until that point I only new how to use textedit and write out the codes so dreamweaver was a new thing that was hard to understand at first. Once i got the hang of Adobe Dreamweaver I started to do my Lab 9. Once I made the table I inserted my 3 wireframes for what my site will look like when I start building  it for my project number.  Also for lab 9 I added a background color, color to my h1, h2, h3 and I also added color to my table and table border. This was a fun lab to do because it was my first time using Adobe Dreamweaver for lab 9.

Project 2

Kevin Martinez
Digital Design
Project 2

           This is my project 2 reflection for project 2 we had to do a project on our favorite cartoon character which for me was Ben 10. I choose Ben 10 because Ben 10 was my favorite tv show as a child, I choose the older Ben 10 from Ben 10 Alien Force. In Ben 10 Alien Force Ben is battling aliens and evil people along side his cousin Gwen and friend Kevin. Ben first got his Omnitrix when he was 10 years old, 5 years later Ben decides to but on the watch again when he is 15 years old. Ben’s power comes from his watch aka Omnitrix, the Omnitrix allows him to transform to different kind of aliens that helps him fight the villains. Ben gets help from his uncle Max, cousin Gwen, and friend Kevin. In project 2 I added a home page, bio page and a more info page. In my Home page I have 3 buttons which say Bio page, Process, and More info when you click on either button it will take you to that page also in my home page I have a final picture of Ben 10 and his Omnitrix. In my Bio page I have a brief description of my character Ben and his powers and what he does. In my process page I have a all 3 of my drawings from the first scanned image to the second one which was colored in photoshop cs6 and the final image of ben from fireworks which has some filters added to him. In my More Info page I have added the 3 wireframes and I wrote a brief description about my wireframe and how it would look like when I started building my site. Project 2 was challenging for me because I had a really hard time exporting the project and making all the buttons work. But overall this was a good project to do because I felt like it was a good learning experience.

Lab 8 reflection

Kevin Martinez

Digital Design 

11/13/15

         This is my Lab 8 reflection for this lab we had to create a table list with lists of our favorites movies, foods, subjects, music and least favorite subject and greocery list. I found this lab to be really hard because it was really challenging for me because I had a really hard time making the table and the unorder and order list to go in the table I also had a hard applying the css to my lab 8. Overall I thought this lab was fun to do becuase we learned how to use css and put it in lab 8 and use the unorderd and ordered list tag for this lab. 

Lab 7 Reflection

Kevin Martinez
Digital Design
10/16/15

      For  this lab in had to create a index html document in textedit so people can go to my labs 1-6 in a faster way. To create this i create a new html document and from there i had to but the links for my labs 1-6 there, those were hyperlinks then i but images for labs 1-6 there and create a image hyperlink so you can click on the image and go directly to my labs to 1-6. This was a hard lab to do because i struggle so much for the image hyperlinks to work and the text hyperlinks to work to. It took me two days and two of my lunch periods to finish this lab and get  it up and working. Overall this a challenging but fun lab to do.  

Project 1

Kevin Martinez
Digital Design
Project 1

This is my project number 1, for this project I created my very own website of my 3 favorite movies. For this project I used text edit to complete this project and I also used sublime text at home to finish my work on my project 1. Project has to be about your 3 favorite movies writing about them giving a same description about it. My 3 favorite movies that I choose was 1.Ride Along 2.Fast Five 3.Avengers Age of Ultron. Project 1 required us to create our own website using the skills we learned from all our pervious labs for this project we could of added anything we want we were free to make this project our own way but we had to make sure we added some things. we learned from the pervious labs.

I incorporated internal css styles to my movie 1-3 html documents and my index html document to. I also create hyperlinks and image hyperlinks that would take us to my movie 1, movie 2, movie 3 and back to my homepage. I even added text colors as well as a different type of font. I also added a banner in movies 1,2,3 that will lead me back home, I also added two small pictures of movies 2,3 or 3,1 in movies 1,2,3. Doing project 1 was a struggle for me because it was a really challenge because I couldn’t get the css and the banners two work in movies 1,2,3 and in my source page. I also added a source page in that source page I had the copyrights page for the information I used and I got from. Finishing this project was good for me because I learned what it takes to make a project like this and what it takes for me to send a user from one page to another page just by clicking on the images (images hyperlink) and the hyperlinks. This project was a fun project to do because it was a real learning experience for me and to use all the html codes I learned from the past labs I did it on. 

HW what is JPG, RAW, PNG, BMP, GIF, TIFF

Kevin Martinez
Digital Design
10/13/15
HW



            What is JPG, well JPG is the name of a file extension for graphic images, JPG or JPEG stands for Joint Photographic Experts Group. RAW is also a file name that will contain data that has not yet been compressed, encrypted or has not been processed yet, a raw file is often a native digital camera file but it will be refer to any type of data. PNG is a file name for raster graphic images and supports lossless data compression to, PNG stands for Portable Network Graphics. BMP is a file that can store graphics files in a format called Device-Independent Bitmap (DIP). GIF is a file format that supports two type of files animated and static files/images. TIFF is a format in which you can also save images you have.

Hw What's Web Design

Kevin  Martinez
Digital Design
10/9/15


         What is Web Design, well Web Design is a process of where you will be planning, building or conceptualizing collections of files or documents or electric files that will determine the out come of a layout, color graphics or images.

HW

Kevin Martinez
Digital Design
10/9/15

HTML:  Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

HTTP: Hypertext Transfer Protocol is an application protocol for distributed, collaborative, hypermedia information systems

WWW: The documents are formatted in a markup language called HTML that supports links to other documents, as well as graphics, audio, and video files.

Internet: The global communication network that allows almost all computers world wide to connect and exchange information. 

Website vs Webpage

Kevin Martinez
Digital Design
10/9/15
HW


   
              What's the difference between a website and a webpage, well first a website is somethings that consists of a collection of links or documents that are uploaded to the main server of the web site. A web page is a web document that is connected to the World Wide Web and the web browser, a web page consists of information, data, or other set of information that can be seen by different people around the world. A storyboard consists of sequence of drawings with directions leading you to your webpage or website. A site map is a list of all the different pages or websites and how you can get to that certain web site with all the steps on how to.

Project 0

Kevin Martinez
Digital Design
10/9/15

                  This is my final version of my project 0 reflection and it was create in text edit. To create this project I first had to create a new text edit document and save it as html document so it can open in the internet. Project 0 consists 2 parts those two parts are the banner we had to create in lab 6 and the nameplate we had to create in lab 5 to, then i had to add labs 1,2,3,4,5,6 in my project 0 to. For labs 1 threw 6 i had to place them side by side so it goes in order from the first lab to the last lab which is lab 1 to the last lab which is lab 6. Then I also had to create a text hyperlink and a image hyperlink, the text hyperlink would be for the titles that say lab 1,2,3,4,5,6 and the image hyperlink would be for the screenshots of labs 1 threw 6. When I click on the text's that say lab 1, lab 2, lab 3, lab 4, lab 5, lab 6, those are suppose to take me directly to my labs 1,2,3,4,5,6 and when i click on the images of lab 1, lab 2, lab 3, lab 4, lab 5, lab 6, they should also take me directly to my labs 1,2,3,4,5,6 with no problem. The hardest part of this project was organizing the table row so labs 1,2,3 would be on top and labs 4,5,6 be on the bottom of the table. This was hard because every time I did the table row labs 1 threw 6 were in the center of the page and going downwards, I later found out how to fix that. The next thing I did in my project 0 was added the background color which was yellow, and that is how my final product looks for project 0.

Lab 6

Kevin Martinez 

Digital Design 

10/9/15

             This is my lab 6 and like my others labs I first have to create an html document in text edit then I had to open Adobe Fireworks CS6 and then I had to create the document size to be 700 width by 100 height for the banner for lab 6. In my banner I first made my background color red and black to do this i first use the rectangle shape tool and made the inside color red then I but another rectangle tool in my banner and made that black then I wrote Digital Design 2015 by Kevin Martinez in the center of the banner and I also placed two stars color light or sky blue on the edges of my banner. This time using Adobe Fireworks CS6 was easier because i already got use to using some of the tools because I used Adobe Fireworks CS6 on the previous lab which was lab 5.

Lab 5 reflection

Kevin Martinez
Digital Design
10/9/15

           This my lab 5 work, for this lab we had to create an html document first then I will go to Adobe Fireworks CS6 and i have to create a name plate there that will consists of my first and last name. In lab 5 it was my first time using Adobe Fireworks CS6 and it was a little easy because it's a little similar to Photoshop CS6. Adobe Fireworks CS6 had a few simliar tools that Photoshop CS6 had and some different tools that photoshop didn't have. So first to create my nameplate I first made the background color of my nameplate blue, I added 4 red stars to my nameplate and i wrote my name in font size 34 and the font type was apple chancery. Using Adobe Fireworks CS6 was good for me because it reminded me a Photoshop CS6.

Lab 4

Kevin Martinez
Digital Design
10/6/15

   This is my lab 4 reflection and for lab 4 we create an html document and create a table with 16 rows and 3 columns and the first column title should say Color the second Hex# and third Hue. I learned 3 new html codes for this lab those codes are <tr>, <td>, and <th>. <tr> stands for table row, <td> stands for table divison and <th> stands for table heading. After this I had to find the color i wanted then find it's hexadecimal number and finally find the hue. The hard part of this lab for me was trying to display the hue to show because at first it didn't want to show then i found out that in was placing the wrong html code so I went back to fix it and it finally showed the hue in my lab 4. To add the hue I learned a new html code which was <td style="width:40%" bgcolor="#10894"> </td> this code will display your hue to show in the internet. Overall this lab was a little challenging at first but then i got the hang of it I was able to finish it and fix some of thew problems I had in lab 4.  

Lab 3

Kevin Martinez
Digital Design
10/6/15

            This is a screenshot of my lab 3 work, for this lab we had to create a html document and create an image hyperlink and a text hyperlink for this lab the first image hyperlink had to take you to the tech teach website and the text hyperlink had to take you to the same place. The second hyperlink image has to take you to the w3schools website and the text hyperlink to. The third and last image takes you to my blogger website where my reflections go and I also create a text hyperlink to my blogger website to. I found lab 3 a little challenging because my image hyperlinks weren't working and they were also taking me to the same web page when I want it to go to different web page. I also added background ground to my lab 3 the html tag for the background color is <body bgcolor="E81C1C" > and that gave me the color red as my background color. I also had trouble placing the image in  lab 3 and I also had trouble making the image a smaller size instead it kept coming out really big.

Lab 2

Kevin Martinez
Digital Design
9/30/15

  

This is my second lab and this lab was about writing our 3 smart goals in this lab. To start this lab I had to create a html file using the textedit program in my computer. Then I had to use the tags <h1> and <h2> in <h1> I will put digital design the date and in <h2> I will write lab 2 and my name and last name. the second step in this lab was to write our 3 smart goals in this lab but first I will have to put the tag <p> to start my first paragraph and write my first smart goal their when I am done writing my first paragraph i will end it with the close tag which is </p> and I will do this 2 more times for the other 2 smart goals I have. Then the third step which was hard because we just learned it was inserting a picture of yourself in the html document. The last step in this lab was really challenging for me because i kept on missing it up and it was inserting the picture of myself it was hard for me because I didnt but the right code at first and secondly it was hard because I didnt name the picture file with the same name I put in the tag. All around this was a good lab to do because I learned from my mistakes and it was a good learning experience for me. 

Lab 1

Kevin Martinez
Digital Design
9/28/15

       This is my very first lab in digital design, this lab was a little hard for me at first because it is my first time starting coding in digital design. To create this lab I used the program textedit and i also used some of the code tags I defined for homework. The tags I used was <!DOCTYPE html PUBLIC "wc3"> , <html> , </html> ,  <body> ,  </body> , <h1>,  </h!>,  <h2> , </h2> <p> , </p> , those are the coding tags I used for this first lab. For this lab I was writing about who I am and why I am here. This lab was a little challenging for and it was a good learning experience about coding and tags.