20日土曜日、今回は東京の茅場町(日本橋のお隣です)のもくもく勉強会にぬるっと参加してきました。今週、もくもくは二度目です。 講師が確認で写真NGな方は挙手と呼びかけましたが皆さん写真OKでしたのでパチリ！　(ちょっと手ブレぶれぶれですね) 前回の埼玉県の川口は参加人数８人でしたが、ここ茅場町はなんと３２人のWordPress大好き猛者が集まってきました。勉強会の時間も前の２倍で４時間たっぷりあります。そのうち５名が講師で現役バリバリのWebデザイナーさんたちで、しかも参加者の中にもWebデザイナーが２～３人いました。あとはシステムエンジニアさんとか専門家さんたちが目白押し 私は元グラフィックデザイナーなのでちょっと尻込み・・・・ しかし３２人は大杉漣でしょ。名刺交換タイムがありましたが、私は周りの３人の方としか交換しませんでした。(絶対顔と名前を覚えきれない自信があるので) また講師の方

今回はページ内に別ページを埋め込める便利なタグをご紹介します。 インライン・フレームを作る インライン・フレームとはウィンドウ内の特定の領域に、別のページを埋め込む形式のフレームです。iframe要素の中にテキストのみ入れることができます。 <iframe src=”★★★” ■ >~</iframe> ★★★・・・ページのURL ■・・・必要な属性 <iframe src=”https://sanpunhtml.net/neko/index02.html” width=”600″ height=”60″ ></iframe> src属性・・・フレーム内に埋め込むページのURLを指定します。 name属性・・・フレームの名前を指定します。この名前をa要素のtarget属性で参照すれば、リンクを使って複数のページを読み込ませることができます。 早速iframeにname属性を使って下のような

HTML4とHTML5の違いとは？ Webページを閲覧できるデバイスは、パソコン・スマホ・タブレットと多様化しています。HTML4ではFLASHやJavascriptなどの技術を使いHTMLの文書構造が複雑になってしまいました。しかしHTML5はCSS3という技術を使えばFLASHやJavascriptなしで動きのあるサイトを作成できます。またHTML5の文書構造もシンプルになりパソコンでもスマホでも同じタグを使えます。このようにHTML5は新しいデバイスに対応した先進のマークアップ言語といえます。 HTML4から改善された箇所 HTMLの文書構造がシンプル HTML4でWebページを作成すると<div id=”content”>や<div class=”entry”>などのように記載するタグが多くコードに書かれている文章量が多くなります。 しかしHTML5では新しい要素<section>

優子です。前回の続きです。 今回はちょっと入力が多くなるのでご覧になるだけでもいいですよ。 なお、猫の画像を５点必要としますが、無料で画像をダウンロードできるphoto ACより取得してください。ダウンロードされましたら、 ファイル名をcat01.jpg,cat02.jpg,cat03.jpg,cat04.jpg,cat05.jpgに変更してindex.htmlと同じファイルに保存して下さい。 前回のindex.htmlの画面です。 リストの箇条書きの ul要素 <p>タグと<img>の間に下のようにul要素を入れます。 <ul>~</ul>の間に<li>~</li>が組み込まれリストの箇条書きのようにブラウザに表示されます。とても便利です。 ハイパーリンクの a要素 さらに今度は<li>~</li>にa要素というハイパーリンクを入れます。 ハイパーリンクというのは<a>~</a>タグの中