Wednesday, November 30, 2016

Shakespeare VS mp3 Player


Thawsif Mursalin
Mrs.Ramirez
Digital Design
11/30/16

Shakespeare VS mp3 Player 


Prompt: Shakespeare’s complete works have approximately 3.5 million characters. Which is bigger in file size: Shakespeare’s complete works stored in plain ASCII text or a 4 minute song on mp3? How much bigger?

        Although this question is highly subjective and may vary the answer is relatively the same. A high quality mp3 audio file (256 kbps) for 4 minutes. The number of Mega Bytes in the mp3 player is 7.68 approximately. Shakespeare's 3.5 million words is roughly about 3.5 MB. However even if the MP3 file was minimal at roughly 3.84 MB which is at 128 kbps, it is still larger. 

Monday, November 14, 2016

Thawsif Mursalin
Digital Design
Class of 2018
Ms. Ramirez


Introduction To CSS


        CSS stands for Cascading Style Sheet. This form of code's purpose is to make a websites style and format more presentable for the viewers. Often times web design artists use this form of code to style in a new format,color in text, covers fonts, margins, lines, height, width, background images, advanced positions and many other things. In the introduction to CSS our class learned about the proper syntax and how to select a group of code tag lines. It describes how HTML elements are to be displayed on a screen, paper, or in other media. It can control the layout of multiple web pages all at once. The proper syntax is to have the selector in first, a declaration along with both a property and a value, additionally there may be a second declaration with another set of properties and values. For example "h1 {color:blue; font-size:12px;}" This will make the first heading text blue and it will set the font size to 12 pixels. 

Some Examples Include:

Element Selector      Id Selector                   Class selector          Paragraph Center
p{                              #para1{                      .center{                    p.center{              
 text-align:center;        text-align:center;       text-align:center;     text-align:center;
 color:red;                    color:red;                   color:red;                color:red;
}                                }                                  }                               }

Grouping Selectors              CSS Comments
h1,h2,p{                                p{
 text-align:center;                   color:red;
 color:red;                               /* This is the single line comment */
}                                              text-align:center;
                                              }

Pictures Of Exercises 1-4: