Thursday, January 21, 2016

Project 3 Reflection Journal


           In this project, I had to make a website based on my favorite teacher, which consists of: a homepage, a biography page, a fun facts page, and an contact information page. My favorite teacher is Ms. Kaso. I had to first interview her and when I got the information then I started to work on creating the website. I created 4 banners in Fireworks that says Homepage, Biography, Fun Facts, and Contact information. I used the unordered list, navigation and list item tag to create my navigation bar and with the external CSS stylesheet it is linked to, it enhanced how my navigation bar looks. I put a heading in all of the 4 webpages that says Project3: My Favorite Teacher by Sheima Begum.
           I created an rollover in Dreamweaver by inserting a rollover in my html document for the homepage and I had a paragraph that explains why I chose Ms. Kaso as my favorite teacher. In the bio page, I made a table that contains paragraph list items in an unordered list that separated some parts of her biography.  I put an image dropdown using the division tag and specified the class and inserted the image. In the fun facts page, I added a javascript and linked it and other javascripts to my funfacts html document. I made a table that contains paragraph list items in an unordered list that listed fun facts about Ms. Kaso. In the contact information page, I put a text dropdown on my table that contained a paragraph in a list item in an unordered list that had how to contact Ms. Kaso; her email address and her office room at Information Technology High School. 

Lab 15 Reflection Journal


              In this lab, I created 3 dropdowns; a text dropdown, an image dropdown and an dropdown menu. In this lab, I created an external css stylesheet and the selector I had to add css to was .dropdown, .dropdown-content,.dropdown-content a, dropdown-content a:hover, .desc, .dropbtn .dropdown:hover .dropbtn, and .dropdown:hover .dropdown-content. And the tags I put in my html document was the 3 headings tag, the the div class tag, the button class tag and the span tag, the img src tag, the p tag and the a href tag. I used all of these tags so that when you go over my text dropdown it will say welcome to my website, in the dropdown menu I linked it to my labs index, my projects index and my homepage. I used the image dropdown to make the wordle of my favorite teacher so I could use it for my project3. I used w3schools.com for reference to make this lab. It was interesting and cool to see it actually work and I specified the colors to purple when you hover over it because it's my favorite color.


Tuesday, January 19, 2016

Lab 14 Reflection Journal


     In this lab, I created an vertical navigation bar. When you click on the links, you go to my home portfolio, my projects index and my labs index. I did this lab using the list item tag, the unordered list tag, and the ordered list tag in my html document to make the navigation bar. I added an external css stylesheet to it to enhance my navigation bar so it would change colors when you go over it. I added 2 external css stylesheets; my overall css stylesheet and the one I created for my navigation bar. Then I wrote a brief paragraph explaining what I did for this lab. When I finished, I uploaded it onto Dreamweaver. I also had to place a navigation bar to all of my labs and projects. It was a bit hard trying to make my navigation bar look like one but I figured out how to change the width. 

Lab 13 Reflection Journal


      In lab13 I first created a base html document and then put three heading tags which says Digital Design Periods 2-3, Lab13 by Sheima Begum, and the date. Then I went on Microsoft Word to describe my favorite teacher, which is Ms. Kaso. The words I used were Ms. Kaso, English teacher, Information Technology High School, coach of the girl's soccer team, yoga club, nice, easy to approach, encourage students, dedicated, books, reading, plays, acting, friendly, funny, smart, considerate, helpful, passionate about teaching, caring, enthusiastic, motivated, outstanding, inspirational and amazing. Then I went on wordle and updated the javascript. Then I copy and pasted what I wrote in Microsoft Word on there and I repeated the words several times so that some words would be bigger than the others. When I finished then I took a screenshot of the image and then I inserted the image in my html document. Then I wrote a paragraph about what I did for this lab and then uploaded it onto the server using Dreamweaver. 

Lab12 Reflection Journal


      In this lab, I learned how to do server configuration, making a new site separately for each of my labs and projects. In the end I had 18 sites. The way I did this lab was I clicked on the menu bar and selected manage sites. Then I clicked on new site and I put the lab number or the project number in the site name and I selected the lab or project for the local site folder depending on whether I was making a new site for my labs or projects.. Then I went to servers and clicked add new server and then I completed the necessary information which was the ftp server name, my username and password. Then I named it as he Lab number or the project number in the server name. Then in the root folder I put the route from my uploaded files which was labs/lbnumber or projects/PRnumber.  Then when I finished it all I took a screenshot of it and inserted it in the html file for lab12. I have 3 headings which are Digital Design, Lab12 by Sheima Begum, and the date. Then I wrote 2 paragraphs: the first paragraph was a reflection of the work I did in this class last year and the second paragraph was on my new year's resolution. This lab took a lot of time but it made it more organized. It was easy when I understood the difference between the route directory and local site folder.