Lab 7 was the most difficult labs their was to code. This lab involved designing and coding. The main part of the lab was to link our web pages to one where you just click lab1-lab7 without having to go back and forth. We first did this by duplicating our folders of lab1-lab6 and copying them into lab 7. This was because we needed the files to be copied into the lab 7 directory to ensure the links wouldn't change when we create our web page. Once all files are in we have to create a index.html in lab 7 because this was the homepage and how the website would read it as index.html. After this part we had to go back into Photoshop to design our images to click for each lab. After this is created we head back into Dreamweaver to start coding the index all together. We first start by putting our heading banner which we learned in the previous lab. Then we inserted all 6 lab images using the <img> tag. An example was:
<img src="Images/lab1.png" alt="Lab1" class="Labimgs">. Once done for all 6 images then I wrapped each code with a <a href> tag to make it a link.
<a href="LAB1/LB1_JasonBatista_DD.html"><img src="Images/lab1.png" alt="Lab1" class="Labimgs"></a>. As you can see the directory goes into the folder first then searches for the name of that file. This meant that it was searching for files in our directory instead of using an URL. Each web designer comes across a project like this to combine all the skills they have learned and use them to create a web page. This lab specifically was just a homepage for our labs to store in. All of these skills used are needed to become a all in one web designer. You have to be able to create and code the content of a web page then make them work as they should be.
Lab 7 was the most difficult labs their was to code. This lab involved designing and coding. The main part of the lab was to link our web pages to one where you just click lab1-lab7 without having to go back and forth. We first did this by duplicating our folders of lab1-lab6 and copying them into lab 7. This was because we needed the files to be copied into the lab 7 directory to ensure the links wouldn't change when we create our web page. Once all files are in we have to create a index.html in lab 7 because this was the homepage and how the website would read it as index.html. After this part we had to go back into Photoshop to design our images to click for each lab. After this is created we head back into Dreamweaver to start coding the index all together. We first start by putting our heading banner which we learned in the previous lab. Then we inserted all 6 lab images using the <img> tag. An example was:<img src="Images/lab1.png" alt="Lab1" class="Labimgs">. Once done for all 6 images then I wrapped each code with a <a href> tag to make it a link. <a href="LAB1/LB1_JasonBatista_DD.html"><img src="Images/lab1.png" alt="Lab1" class="Labimgs"></a>. As you can see the directory goes into the folder first then searches for the name of that file. This meant that it was searching for files in our directory instead of using an URL. Each web designer comes across a project like this to combine all the skills they have learned and use them to create a web page. This lab specifically was just a homepage for our labs to store in. All of these skills used are needed to become a all in one web designer. You have to be able to create and code the content of a web page then make them work as they should be.
Comments
Post a Comment