Skip to content

Homework- Giovanni Soto #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gsrok wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Homework- Giovanni Soto #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 64 additions & 0 deletions css/style4.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
/* this centers my content on the browser window */
.wrapper{
width:800px;
height:620px;
margin:0px auto;
padding:10px 20px;
border:3px solid #999;
}
#header{

h1, h2{
color:#999;
text-align:center;
}
h2{
color:#666;
}
#navigation{
height:50px;
}
#navigation li{
display:inline;
float:right;
margin-right:20px;
}
a:link{
text-decoration:none;
color:#ff0066;
}
a:visited{
text-decoration:none;
color:#666;
}
a:hover{
text-decoration:none;
color:#00ccff;
}
#mainContent{

}
h3{

}
hr{

}
.entryPost p{

}
#sideBar{

}
#sideBar h3{

}
#sideBar hr{

}
#sideBar ul li{

}
#footer{
text-align:center;
}
42 changes: 42 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Q&A in HTML</title>
Copy link
Owner

@profstein profstein Feb 11, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Because the ampersand & character is used in other ways in HTML it won't be valid if you just write it out. Instead use the character entity: &amp; wherever you want it to appear.

Also later on in your h1

<link rel="stylesheet" type="text/css" href="css/style4.css">
</head>
<body>
<div class="wrapper">
<div id="header">
<h1>Assignment 1: Q & A in HTML</h1>
<h2>Giovanni Soto</h2>
</div><!-- end of header -->

<hr>
<div class="entryPost">
<ul>* Do you consider yourself more of a designer or developer (or something else, other answers are acceptable)?
<br>
I consider myself more of a designer/artist/creator</ul>
Copy link
Owner

@profstein profstein Feb 11, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You are on the right track with the list, but there are some validation errors with the markup. When using a ul or ol list EVERYTHING in the list needs to be inside <li></li> tags in that list. So something like this is more what you want.

<ul class="QA">
    <li>
        <h3>question</h3>
        <p>answer</p>
    </li>
    <li>
        <h3>question</h3>
        <p>answer</p>
    </li>
</ul>

Notice there is only one set of <ul></ul> and each Question and Answer pair is in a <li></li> pair.

<ul>* What are you most interested in learning in this class?
<br>
Copy link
Owner

@profstein profstein Feb 11, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Generally only use br when you need to break a line in a paragraph. For example you might list an address

<p>
BMCC <br>
199 Chambers St. <br>
New York, NY 10007
</p>

Aesthetics in web design. Making something look good from an idea.</ul>
<ul>* What is good design?
Copy link
Owner

@profstein profstein Feb 11, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Once you correct the syntax for this list you can remove the * for each question.

<br>
Good design is when something is created with the point as clear, and clever as can be. A medium between art and functionality </ul>
<ul>* What is good web design?
<br>
Good web design is when a website looks, functions and embodies good design, clarity, and an enjoyable experience. </ul>
<ul>* What are the good examples of conference/event web sites? Answer by listing at least two sites including each URL and why you chose the site.
<br>
<a href="http://www.eventsy.com">Eventsys</a> - This website has a simplistic approach with very nice "flat" design. They use colors that pop, and simplistic icons. Clear, simple, and full of character.
<br>
<a href="http://barcampomaha.org">BarCamp Omaha</a> - I chose this site because of the friendly, fun, and thoughtful design. It has a very unique flow all throughout the website. Nice images and good color scheme.
</ul>
</div><!-- end of entryPost-->
</div><!-- end of mainContent -->
Copy link
Owner

@profstein profstein Feb 11, 2014

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is no opening mainContent div. Either add the opening or remove this.

<div id="footer">

</div><!-- end of footer -->
</div><!-- end of wrapper -->
</body>
</html>