webプログラミング講座 12日目

午前中

テーブルの基本構造について

テーブルの基本を勉強

サイト作りには必要なスキルですね!今までしてきたことはどれも必要ですが、テーブルはいろいろな所で使うことも多くしっかり理解が必要です。

 

午後から

今まで学んできたことを応用してサイト構成を考え、サイトを製作する作業が今日から数日間始まりました。

同時にサイトの企画書を作り発表までするそうです。サイト作りだけでも大変ですが・・・・

webスキルだけでは仕事とて成り立たないですものね!

 

ココに来てからいろいろな勉強が出来てありがたい!

 

HTMLファイル

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”utf-8″>
<title></title>
<meta name=”author” content=”">
<meta name=”description” content=”">
<meta name=”keywords” content=”">
<link rel=”stylesheet” href=”02_markup.css”>
<style></style>
</head>
<body>
<form>
<dl>
<dt>会社名</dt>
<dd>
<input type=”text” name=”company” id=”company”>
</dd>
<dt>ご担当者名</dt>
<dd>
<input type=”text” name=”name” id=”name”>
</dd>
<dt>メールアドレス</dt>
<dd>
<input type=”text” name=”mail” id=”mail”>
</dd>
<dt>ホームページアドレス</dt>
<dd>
<input type=”text” name=”homepage” id=”homepage”>
</dd>
<dt>住所</dt>
<dd>
〒<input type=”text” name=”zip” id=”zip”><br>
<input type=”text” name=”address” id=”address”>
</dd>
<dt>電話番号</dt>
<dd>
<input type=”text” name=”tel1″ id=”tel1″>-
<input type=”text” name=”tel2″ id=”tel2″>-
<input type=”text” name=”tel3″ id=”tel3″>
</dd>
</dl>
<p>
<input type=”submit” name=”submit” value=”送信” id=”">
</p>
</form>
</body>
</html>

 

 

CSSファイル

@charset”utf-8″;

dl,dt,dd{
margin: 0;
padding:0;
}
dl {
background-color: #333;
border: 1px solid #999;
border-top: none;
width: 650px;
}
dt {
color: #ccc;
width: 12em;
padding: 0.5em 0 0.5em 1em;
border-top: 1px solid #999;
float: left;
}
dd {
background-color: #FFF;
margin: 0 0 0 12em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

 

 

今日の弁当

002