Lab 3 Reflection

-
Good Morning since now its 12:09am and I'm rushing to finish this but anyways lets get into lab 3 which was a leap from lab 1 and 2. This lab included much more elements and took more time to create than the previous labs. Lab 3 involved creating hyperlinks with pictures included.  Like all labs we first begin by creating a new html page. My first step was changing the background color of the web page because white was to simple. In the head I created a <style> tag and selected the body and changed the background-color  to blanchedalmond. This whole code would look like this:
<style> 
body{background-color:blanchedalmond}

</style>
This code allowed to change the background of my web page, but we cant just change the background color, we also have to make sure our font color looks good on top of the background. So in the body of the html code I first centered everything using <center>, then I wrote
<font color="#B94446"> to change the color of my heading fonts. After this I created my 4 headings using <h1> to <h4>. Now all this was just the looks of the page, now we have to actually make the images become a hyperlink. To do so we used the code:
<a href="http://techteach.us/index.html"><img src="images//Tech.png" alt="Ramirez's site" width="40%" height="40%"></a>.  This here allowed me to include the image but also making it a link as well. Also we had to add an a regular link under each picture  which was the:
<a href="http://techteach.us/index.html">MRS.RAMIREZ SITE</a> 
All of this allowed me to create links all throughout the page and would direct you straight to them.
These skills are rather important to a web designer because it allows them to create navigation tabs in the websites that will allow you to click on them and you will be directed somewhere else that the web designer wanted you to go to.

Comments

Post a Comment

Popular posts from this blog

Lab 7

-
Image
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" cla...
Read more

Lab 8 Reflection

-
Image
During this lab the main goal was to create flash talk movie about one of the topics that we researched about.  A flash talk movie is a brief speech or presentation, intended to grab the attention of the audience and convey key information in a quick, insightful, and clear manner. The point of this flash talk was to describe in 2 minutes  the importance of the Internet and the effects on people and society. The three main topics given to choose from were Net Neutrality, Internet Censorship, Advanced option: Protocol Vulnerabilities and/or hacks. The topic I chose to talk about in this video was Net Neutrality. Net Neutrality is “Net neutrality is the principle that Internet service providers treat all data on the Internet equally, and not discriminate or charge differently by user, content, website, platform, application, type of attached equipment, or method of communication” (Wikipedia). This means that we as consumers of the Internet we are to surf freely among the web with...
Read more

Current Events 2

-
" Minority and dissident communities face a perplexing challenge in countries with authoritarian governments. They need to remain anonymous to avoid persecution, but also must establish a trustworthy identity in their communications." Computer science and researchers traveled to three countries to help assess their challenges of maintaining a secure social media presence. They designed an app for android that would create a safeguard for the members for their anonymity and reliability of posts. The three countries were Mongolia, Zambia, and Turkey. These countries suffer from restricted speech, like Russia and China.  " The problem with anonymous communication is you don't know if it's credible," said Miriam Metzger.  This is where the app SecurePost comes into play because it allows the community to create secure groups on famous media, like Facebook, to maintain consistent presence on social media. The app allows total anonymity and flags any potential pos...
Read more