Lab 10

-

During lab 10 we had to create a copy of lab 9 favicon for our website.  A favicon is a a small image that is paired up with a website and appears on the side of the tab. A. For lab 10 we had to create an External CSS by creating an external stylesheet. We opened up a new CSS document in DreamWeaver that allowed us only to code using CSS tags and styles. I pasted the same styles from lab 9 into the StyleSheet. With this we then started writing the styles of each element, so that way we can edit them in the stylesheet. External  CSS works differently than the inline styles and Internal CSS because both of these would be inside the  HTML Document either inline or using the style tag, but the External CSS is a stylesheet that gets linked in the <head> tag. Once you create a style in CSS there is a selector for the elements. For example you can select the body and edit it as a whole by writing in the Styles Body {}. This selects everything in the body and will style it. As well as selection ID's or Classes from the HTML code. CSS is very important for describing a presentation of a website by implementing colors, fonts and layout. In order to link this External StyleSheet into our webpage we had to use the code:
<link rel = "stylesheet"
   type = "text/css" 
   href = "myStyle.css" />.  This code took our stylesheet and linked it with the HTML code and had the same layout as lab 9. As  a web designer learning to use CSS is very important because it makes life more easier when designing the page layout. It allows you to edit specific of general elements without having to repeat the same style code over and over again inline. What I have learned from this lab was using External CSS is much more simpler and a more efficient way to design my web page and layout. Also using an external CSS will create less cluster in my HTML document and allow for more space of coding instead of also using styles in my document. This skill will be really helpful in the future when creating multiple web pages, you will be able to design it much faster.

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