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:

No comments:

Post a Comment