Lab 14 Reflection Blog

In this lab, lab 14, I was tasked in making a website about my favorite subject since the start of high school and then using various forms of code from html to CSS to java script, make at least two block quotes based on text from the "article". The reason behind me saying "article" is that within my code there are article tags, I used these tags for my paragraphs to align them so that they would be in the format of an article.  Below you can see screenshots of my website and code. For the background I used a background color tag and for my font color I used a font color tag. Before going further I think it would be best form to explain what a block quote is. A block quote is a quotation in a written document, much like the html document in this lab. This quote is set apart from the main text as a  block of text, and can be distinguished using an indentation and/or small sized quotation.

Now to explain my code step by step. This is my CSS: 

<style>
	article {
	width: 600px;
	margin: auto;
	}
	blockquote.co {
	float: right;
	background: #e3e3e3;
	font-size: 2em;
	width: 35%;
	text-align: center;
	}
	body,td,th {
	color: #FFF;
	}
	body {
	background-color: #000;
	}
	</style>

The code is in article format with the block quote set with a width of 600px, it is floating towards the right, its background color is #e3e3e3 or grey, the font size is 2em, the text is aligned to the center as you can see.  Now for the next set of code:

<article>
	<h1>Creative Writing</h1>
	<p> My favorite subject since the start of high school is Creative Writing Honors from Junior year</p>
	<p>
	<span class=co>I took this course Junior year with</span>,I took this course Junior year with Mrs. Hyde and I enjoyed it very much. I read many books in this class from The Scarlet Letter to the Great Gatsby and all the of the things I read had some form of significance or impact for me. The Scarlet Letter was about a woman who committed adultery and how she is branded with a Scarlet Letter "A" for adulterer on her chest. As it turns out due to her adultery she ended up having a child so all of town shunned her for her "sin". Little do the people know that in fact the father of conceived child is the reverend of the church, a high powered official inn town that everyone admires. We had a lot of discussion in class about who should be blamed, the woman or the man? I felt I had true college experience with the help of these conversations.</p>
	<p> Also in this class I wrote the hardest assignment in my life, a 10 page research paper on the topic of my choice. My choice of topic was American Schools v. Asian and European Schools. I wrote about how American schools are not united well and is something that people should take into account since the USA is falling behind in academics compared to other countries in Europe and Asia. I presented evidence, quotations and such and <span class=co>supported with in textual citation.</span>
	</p>
	<p> This class was very important to me because out of all the classes that I took in high school I feel this was one of the few classes I felt really challenged me and asked me to look beyond and put my self in another position. This class also helped me get out of my comfort zone and I honestly felt pushed to participate on a daily basis</p>
	</article>
	<script src="../../jquery-2.1.1 (1).js"></script>

First what I did was I created an article tag to put the paragraphs in the form of an article to make it easier to place the block quotes, After that I added a heading with my favorite class, Creative Writing. Afterwards,  I made a small paragraph introducing that subject and when I took it. After that, I started my first paragraph, to put some text in the block  I had this piece of code into my paragraph: <span class=co></span>.  What ever text goes in between the greater than and less than symbols gets placed inside the block quote.  Through out the paragraphs I explained what I did in the class and in total added two block quotes. After that I connected my html to my jquery to make the code work, then below all of that is some JavaScript ti connect the article to the block quote. This lab is relevant to web design because if I ever want to create an article for a client  this would be a helpful skill. I learned a lot from this lab that I plan to incorporate for the future.