DD_SheimaBegum_2015: September 2015

Monday, September 28, 2015

Lab2 Smart Goals

In lab 2 I learned how to insert an image in a HTML document. First when I experimented around with it I got a placeholder instead of the image showing but then I learned how to make the image appear. First I opened up Text Edit and saved the document as LB2_sheimabegum_dd.html. I used the knowledge I learned from the first lab to also do the second lab and discover more. I created three heading tags. Then I typed three paragraphs this time based on my smart goals; one paragraph for one smart goal, so there's 3 in total. Then after that I inserted the tag <img src= "me.jpg" width= "454" height= "314"/>. I learned that in this tag you close it when you finish writing it instead of making a separate tag to close it. The width, height and alt are optional but I used the width and height to adjust the size of my picture. Also you have to make sure in Text Edit preferences that the smart quotes are unchecked otherwise the picture will not show. You have to have the picture in the same folder as the html document for the picture to appear on the website.
When I inserted the image then I uploaded it onto the server. I opened up FileZilla and synced my files. I learned about the reference path and absolute path. The reference path gives directions in relationship of where you are. An absolute path is the exact location. I also learned how to read the URL. If the image is outside the folder then you can put ../ to go one directory out to make the image appear on the website. And you put the file name and a forward slash to go one directory in. So to summarize in lab 2 I learned how to insert an image in an html document. It was more challenging than the first lab because I had some issues trying to insert the image but I fixed it and also uploading it on the server was a bit frustrating because there's a limit to how many people can be connected to the server and it took some time. Also writing my website URL was also a little bit hard but then I found out that I didn't capitalize the initial of my first name so that's why error kept on happening. You really have to be careful and pay attention to every detail to make it work.
This is the coding for lab 2:

Lab1

In the first lab I created an html document for the first time. I used the software Text Edit. First I opened text edit and went to the preferences. I changed the preferences by making sure plain text was checked, and to not check the box where it said check spelling as you type and show the ruler.Then I went to the Open and Save tab where I made sure the first option is marked (HTML) and that it was encoding-Unicode (UTF-8). I checked preserve white space and quit the application when I was done.Then I opened it again and saved it as LB1_sheimabegum_dd.html. I learned that you have to always end the document with .html when you save it.
Then I started coding. The tags I used were <!DOCTYPE html PUBLIC "wc3">, <html>, <body>, <h1>, <h2>, and <p>. I also had to close the tags when I finished. The closing tags I used were </h1>, </h2>, </p>, </body>, and </html>. I typed the 3 paragraphs about who I am? And why I am here? I had to be very careful writing the tags to make sure I didn't mess up or make any mistakes. I also learned that you can't use an apostrophe and have to write the word out instead because if you use an apostrophe then a symbol would show up instead. It was cool to see the website I had made when I finished and opened it up in Safari. I felt successful and it made me more interested in coding.

This is the coding I did:

<!DOCTYPE html PUBLIC “wc3”>  

 <html>   

  <body>    

   <h1>Digital Design 9/16/15</h1>    

   <h2>Lab1 by Sheima Begum</h2>     

    <p> I am Sheima Begum. I am from Bangladesh. I am a 15 year old junior in high school. I am a hardworking person. I am here because I was interested in the CTE Academy Web Design. In the first year of this academy I have learned how to make logos, business cards, use InDesign CS6, how to alter images using filters and PSCS6 tools that I did not know how to use before. I also learned how to make a mask silhouette and an interactive brochure.</p>       

    <p> This is my second year in this academy. I will be learning how to code, set up an html document. I am excited and nervous about coding since I never did it before. I will also work with new different software such as Adobe Dreamweaver CS6 and Fireworks. I want to pass this class with atleast an 90 or above. I want to have more knowledge so I can use it when necessary in the future.</p>     

    <p> I also want to pass the certification exam of both Photoshop and Dreamweaver. When I graduate I want to get the CTE diploma. I want to learn about animations and Javascript. I need to hone my skills as a web designer. This is who I am and why I am here.</p>    

 </body>  

  </html>