Monthly Archives: 8月 2014

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

cssの続きで、リスト、ボックスなどをcssで指定した作り方を学ぶ

前半は、珍しく理解出来ていると思っていたが、練習問題で理解不能

文章を理解出来なかった。

ボックスはよく使用することなのでしっかり理解しておきたい。

<ul><li>タグを使いリストを制作、リストは理解出来ました。

 

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_list.css”>
<style></style>
</head>
<body>
<h1>リスト</h1>
<h2>果物</h2>
<ul>
<li>リンゴ</li>
<li>ラ・フランス</li>
<li>ミカン</li>
<li>なし</li>
<li>ぶどう</li>
<li>いちじく</li>
<li></li>
</ul>
<h2>果物</h2>
<ol>
<li>リンゴ</li>
<li>ラ・フランス</li>
<li>ミカン</li>
<li>なし</li>
<li>ぶどう</li>
<li>いちじく</li>
</ol>
<ol>
<li>秋田県</li>
<li>岐阜県</li>
<li>青森県</li>
<li>山形県</li>
<li>鹿児島県</li>
</ol>
<ol>
<li>秋田県</li>
<li>岐阜県</li>
<li>青森県</li>
<li>山形県</li>
<li>鹿児島県</li>
</ol>
<ol>
<li value=”2″>秋田県</li>
<li value=”2″>岐阜県</li>
<li>青森県</li>
<li>山形県</li>
<li>鹿児島県</li>
</ol>
</body>
</html>

 

CSSファイル

@charset “utf-8″;
h1{
color:red;
}
ul{
list-style-type:
lower-greek;
}
.mark{
list-style-image:
url(./image/listmark.gif);
}
.mark2{
list-style-image:
url(./image/listmark2.gif);
}
.mark3{
list-style-image:
url(./image/listmark2.gif);
}

 

 

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

今日は、雨の通学

ブルーでのはじまり!

 

昨日の続きでhtmlとcssで内部リンクと外部リンクについて

少しでづつhtmlとcss理解出来てきているのか、手も早くなっています。しかし覚えることが苦手な私は、パンク寸前!

 

リンクの文字指定や文字色、カーソルの指定など勉強!めっちゃ勉強になったぞ!

画像は昨日も少ししたのですが、続きで画像の指定などなど、画像はこれからもよく使うだろうからしっかり勉強しておこう!

画像にリンクを張る(指定)する作業まで行きました。

少し混乱・・・・?

理解不能なことも少し出てきました。

6時間の授業が終わるころには、疲れがでています。

 

追記

マウスを使わずにコピーや貼り付け、ページの選択などをパソコンに詳しい人に教えてもらっています。

毎日が新しい発見ばかりでスキルアップにつながっているのではないかと思っています。

 

Ctrl+C(コピー) Ctrl+V(貼り付け)

Shift +Tab(ページの変更、選択)

F5(更新)

マウスを使わずに何でも出来るようになる事を目標に・・・

 

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=”03_image.css”>
<style></style>
</head>
<body>

<div>
<a href=”01_link.html”>
<img src=”./image/autumn.jpg” alt=”紅葉”>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p></a>

</div>

<a href=”01_link.html”>
<div>
<img src=”./image/autumn.jpg” alt=”紅葉”width=”100″height=”100″>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p>

</div></a>

<a href=”01_link.html”>
<div>
<img src=”./image/autumn.jpg” alt=”紅葉”width=”100″height=”100″>

<p>紅葉の秋!温泉と味覚、上杉を巡る旅<br>
<span>山形おきたま観光特集</span>
</p>
<p>
上杉鷹山公で知られる城下町米沢市をはじめ、
長井市、南陽市、高畠市、川西市、小国町、飯豊町
からなる山形県置陽地域、自然と歴史がうまく溶け合う
エリア。米沢牛や米沢ラーメン、ら・フランスなど
の果樹、ワインなど食も秘湯・名湯も豊富</p>
</div></a>

</body>
</html>

 

CSSファイル

@charset “UTF-8″;

.box1 {
border: 1px solid gray;
margin: 10px;
padding: 30px;
}

span {
font-size: 1.5em;
}
.case1 {
float: left;
margin: 8px;
padding: 2px;
border: 1px solid gray;
width:100px;
max-width:100%;
}
.aso{
background:red;
padding:20px;
margin: 10px;
}
今使っている教科書はこれ!

002

 

 

 

 

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

今日の授業は昨日の続きのcssの記述です。

文字のカラー、文字の大きさ、文字の形をcssを使って帰る指示を出す作業でした。

手打ちで打つため、間違いが多くうまく指示が出ないこともあり、いらっと来ることも・・・・

1つでも文字が抜けると上手く動かないのですね!その間違いを見つけるのも一苦労です。

 

文字打ちも遅いため、みんなより少し遅れ気味でこれから足を引っ張りそうな感じがしてきました。

おっさんだから少しは許してもらおう!

 

cssでバックグランドの写真などの指定も少し理解出来た。前から疑問に思っていたホームページの後ろの写真を固定する方法も分ったので収穫あり!

意外とペースが早く小さな脳みそには少しオーバー気味で頭痛が・・・・・

 

今日のファイル

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=”05_selecter.css”>
<style></style>
</head>
<body>
<div id=”introduction”>
<p>マジカルリミックスWeb政策事業部は仙台のデザイン会社「株式会社マジカルリミックス
の事業部です。ホームページ製作を核としながら<strong>インターネットを活用したビジ
ネスの提案</strong>や<strong>ブログのコンサルティング</strong>を得意ととしています。
小規模な案件からある程度まとまった案件まで、各種製作実績が多数あります。</p>
</div>
<h2>事業内容</h2>
<div>
<h3>WordPress</h3>
<p>WordPressはもともとブログを運営すようなツールです</p>
</div>
<div>
<h3>jimdo</h3>
<p>Jimdoはドイツうまれの、Web製作の専門知識がなくても更新、運営可能な
<strong>ASPサービス</strong>です。</p>
</div>
</p>
</body>
</html>

CSSファイル

@charset”utf-8″;
#introduction{
border: 1px solid #000;
padding: 10px;
}
/*IDセクタ→#ID名で指定
※要素名#ID名でも指定可能*/
h2,p {color:#000000;}

/*複数セレクタ
->「,」
.wordpress {background: #eaeaea;}
/* 要素セレクタ ->要素名で指定*/
/*CLASSセレクタ→.CLASS名でも指定可能*/
h3{color:#ff0000;}

/*子孫セレクタ ->セクタ 子孫セレクタ(半角スペース)*/
.jimdo strong{color:#ff0000}

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

今日は、htmlからcssへ

まだまだ、基礎中の基礎ですが難しくなってきています。ホルダーを開くだけでも時間がかかる私ですが、なんとか今は理解出来ています。

実際にTerapadと言う非力なソフトでhtmlを打ち込んでいますが、タッピングもそれほど出来ていないため、時間がかかります。

今は、時間を作業時間が長めに取っているので付いていけてますが・・・・

今日のポイント

1、CSSの基本とhtmlへの組み込み方

2、セレクタと要素の親子関係(階層)の理解

なんとなく、ホームページの仕組みを知ることが出来たような気がします。

 

あっという間に時間でした。

 

 

今日のテキスト

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=”03_rink.css”text/css”>
</head>
<body>
<p>
外部cssファイルを使って
スタイルを変更してみよう
</p>
</body>
</html>

 CSSファイル

@charset “utf-8″;

p{
color:red;
background: yellow;
font-size:28px;
}

 

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

今日は、webの直接関係のない人間関係やコミュニケーション能力についての講習がほとんどでした。

私も若い時は、人見知りや人と話す事が苦手でしたが、この年齢になるといろいろ社会で経験してきたことや趣味などで見知らる人と話す機会が多かったことなどから人見知りも少なくなりましたね!

WEBとは直接関係がない事が多かったですが、学歴が少ない私にはいろいろと勉強になります。学生時代より気持ちが素直なので授業も苦痛では有りません。

最近、少し学校に行く事が楽しみになってきているようです。この年になって、勉強出来る事を感謝しなければいけないですね!また若い子たちと同じ教室で勉強できる事はいろいろ刺激を受けています。

追記

今日は、以前より調子が悪かったスマホ(iphone)がとうとう逝っちゃいました。ホームボタンが押せない状態が続いていましたが何とか起動はしていたのですが、今は起動していません。 (涙

明日時間があればアップルストアに行こうと思っています。

もう、あと1ヶ月もすれば新型iphoneが出ると言う噂なのに・・・・・

セレナ買取

webプログラミング講座 4日目 今日から実習

webプログラミング講座に通い始めて4日目になります。

今日からthmlとcssの実習講座が始めりました。先生も女性で可愛らしい先生で楽しみです。

教科書とパソコン内の資料を見ながらの授業ででが、少しペースが早く付いていくのに大変でしたが、私の隣に座っている青年がweb経験者で聞けば教えてくれるため、何とか実習初日はついていけました。

私の周りの人たちは、web関連の会社で働いていた人などがいて頼もしいです。中年オヤジを優しく見守ってくれています。

この様な若い子と一緒に授業を受ける事が出来、いろいろ刺激を受けています。はじめは少し不安もありましたが、なんとなく続けて行けそうです。
005
 

今日は、ホームページがどの様に出来ているのかの基本的な部分を学び、htmlのしくみがなんとなく解ったようです。

ちなみに教科書はこんな感じです。

 
004
帰りに梅田のがんこ寿司の前に、マグロが・・・・今、流行の氷水かぶりかと・・・・氷水かぶりも阿部首相に行ったそうですね!しらんけど

006

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

今日は、昨日と違い家の帰ってからも少し元気が残っていました。少しだけです。

今、少し仕事を済ませてこれを書いています。

 

3日目の今日は、パソコンの歴史やしくみ、パソコンでどの様な事が出来るのかなどを学びました。あまり必要がないと言えばそれまでっですが、普段何気に使っていた言語の意味なども解り、これはこれで勉強になりました。

3日目で、少し慣れて来たのか、睡魔も今日は少なく戦いもなかったですね!

今日の授業で一番興味があったのが、進数です。パソコンの言語のほとんどがこの進数からなっている事をはじめて知りました。進数自体初めてです。高校で習っていると言っていましたが私が通った体育会系の学校ではならいあませんでした。多分

その為か、いきなりこの進数でつまずいた次第です。少し進数を勉強します。簡単な計算くらいは出来なければね!

webプログラミング 2日目

2日目の昨日は、慣れない電車通いで疲れてしまい、パソコンを起動する事なく寝てしまいました。

2日目の昨日は、パソコンのモラルや規制、取り組みなどの説明とどこの学校でもする恒例の自己紹介です。

さすがに社会人の専門学校と言う事で、いろいろな職種を経験してきた人やプログラミングの仕事をしている方など多種多様な人種の集まりです。

年齢も20代から50代の方まで幅広い年齢層です。私が一番年上だと思っていましたが、まだ上の人がいました。

ひっさしぶりに長時間の縛りはきつかった~、昼食後の授業は睡魔との戦いでした。これが毎日続くのか・・・・

47歳の私の初心者からのプログラミング日記

無謀と思われると思います。

私も無謀な挑戦と解っていますが、8月18日からwebプログラミング講座に参加、入学しました。今日から6ヶ月間の講習期間でどこまでパソコンスキルのほとんどない47歳の私が出来るのか?このブログ日記で書いています。

昨日は、入学当日で午前中だけで教科書などを購入して終了です。教科書は合計五冊、java入門書やPHP・MySQLマスター、データベース、JaavaScript入門、HTML5・CSS3などの専門書で重さもあり、学校に置いてきました。

また家で必要になるようでしたらお持ち帰りします。5冊で1万円ちょっとの出費です。

 

実は私、入学試験と面接で落ちましたが、繰り上げで入学出来た落ちこぼれです。多分、この教室で一番知識がないのではないでしょうか?みんなの足を引っ張らない様にボチボチ頑張ります。

こうご期待してください。

 

ではでは、