Crit Assignment 3: Image From Theme

First things first

Where to put your files...

The Crit Process

Thoughts?

Let's Crit

Review Assignment 3...

Let's Crit...

Break

Basic HTML 1

HTML & XHTML

What are HTML & XHTML?

Languages used to tell web browsers how to render a web page

It looks like this in the raw:

<html>
<body>
  <h1>Hello World!</h1>
</body>
</html>

And like this when a browser renders it:

Structural Tags

<html>
<body>
  <h1>Hello World!</h1>
</body>
</html>

What tags can control

Comments

<!- This is a comment -l>

The color, font face, weight, size and style of text

<h1>Hello World!</h1>

<font color="black" face="sans-serif" 
size="+1"><b><i>Hello World!</i></b></font>

Tables

<table width="100%" border="1">
  <tr>
    <td>
      <p>Hello</p>
    </td>
    <td>
      <p>World!</p>
    </td>
  </tr>
</table>

Divisions

<div>
  <h2>Hello World!</h2>
</div>

Lines

<hr />

Images

<img src="images/icon.gif" />

Links

<p>Class 6 is <a href="class06.php"> here</a></p>

Forms

<form name="form1" method="post" action="">
  <input type="text" name="textfield">
</form>

Complex interactions

<a href="#"
  onMouseOut="doButton('Norm','home','home');"
  onMouseOver="doButton('Over',hello,hello)"
  onMouseUp="doButton('Norm',hello,hello)"
  onMouseDown="doButton('Down',hello,hello)">
  <img name="hello" src="images/home.gif"
   width="137" height="23" border="0"
   alt="">
</a>

Assignment 5.1

Basic Page Layout

Set up a page for yourself

Follow these instructions

Use an ftp program like Fetch or Cyberduck
Set it up with SFTP (not FTP)
Upload your finished html file to "public_html" and name it "index.html"
Look for it at http://people.ucsc.edu/~your-email-name

Read and do the tutorial at HTML Dog

Use TextEdit on Mac, Notepad on Windows
Customize the final output to look like this:

HTML Dog CSS Beginner Tutorial

Let's walk through together