Skip to content

Sheri Matos Assignment #1 #4

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
SMatos wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Sheri Matos Assignment #1 #4

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e3b9035
added index and modified readme
SMatos Feb 3, 2014
49ae5f7
Delete index.html
Feb 3, 2014
67e6f45
Update assignment1.html
Feb 10, 2014
a5b5696
Update assignment1.html
Feb 10, 2014
1509a2e
Update assignment1.html
Feb 10, 2014
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
27 changes: 27 additions & 0 deletions assignment1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Assignment 1 </title>
Copy link
Owner

@profstein profstein Feb 8, 2014

Choose a reason for hiding this comment

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

There's nothing wrong with what you have so far but you are missing a meta tag that should be in the head:
<meta charset="utf-8">
This is important to let the browser know how to deal with characters and this particular charset, utf-8, handles many languages.

</head>
<body>
<h1> Assignment 1: Q & &amp; A in HTML </h1>
<h2> Sheri Matos</h2>
</body>
Copy link
Owner

@profstein profstein Feb 7, 2014

Choose a reason for hiding this comment

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

This </body> is in the wrong place. It should be at the end of the page just before the closing </html>

<h3> Do you consider yourself more of a designer or developer ?</h3>
<p> I consider myself more of an designer than a developer because my passion is driven by creativity and inspiration to improve and create. </p>

Copy link
Owner

@profstein profstein Feb 7, 2014

Choose a reason for hiding this comment

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

You've done some good things with the QA markup. Overall I'm looking to see these things:

  1. show that the question and answer are a pair (related elements).
  2. Have something be different between the two so that you can style the questions differently than the answers.
  3. Use semantic markup as much as possible.

I should say up front that there is no perfect answer for how to mark up this assignment — see this discussion. There is no Q&A element in HTML5. So I'm more looking that you have made an effort to do the three things above.

  • You've kept it consistent
  • You marked up the Qs different than the As

So for the most part 2 and 3 above are covered. What I'd like you to add is something for 1 that shows they are a pair. I could be wrapping them in a section or div element. When you add those, especially the div, it is a good idea to add a class. This way these divs are different than others you might want on the page:

<div class="QA">
    <h3>question</h3>
    <p>answer</p>
</div>
<div class="QA">
    <h3>question 2</h3>
    <p>answer 2</p>
</div

<section class="QA">
    <h3>question</h3>
    <p>answer</p>
</section>
<section class="QA">
    <h3>question 2</h3>
    <p>answer 2</p>
</section>

<h3> What are you most interested in learning in this class?</h3>
<p>Im most interested learning in this class is designing page layouts and intergrating multimedia using css and other scripted languages. </p>

<h3> What is good design?</h3>
<p>Good design is innovative, useful, informative, focused and keeps viewer engaged.</p>

<h3>What is good web design?</h3>
<p> Good web design is providing accurate and updated information, appropriate placement of text, hyperlinks, images and videos; functionabilty and visual delight for the user. </p>

<h3>What are the good examples of conference/event web sites?</h3>
<p> A good example for an event web site is Splashthat.com because the navigation is fun yet easy to follow though. It has a nice balance of color and white space. The page layout keeps the viewer engaged without overpowering.
and an good example for an conference web site is webex.com because the navigation is clear and concise, the color and white space are the perfect balance for the professional image.
</p>
Copy link
Owner

@profstein profstein Feb 8, 2014

Choose a reason for hiding this comment

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

I realize based on your answers that I wasn't totally clear with my instructions. By "conference" I meant an event where there is a topic and are speakers and a schedule and people go to hear the speakers and talk to each other about the topic at a specific date and time.

By "event" I meant again some kind of happening that was time based but this time it didn't have to be a conference about a topic but could be any event like a concert or whatever.

You should choose at least one conference site (you can choose two if you like). The other one can be an event if you choose only one conference.

</html>