top of page

16/10/28

うつだっていいじゃない!【其の十七】~学校編・画像とリンク~

Image by Olia Gozha

ここまで順調に進んでいるWebプログラミング講座。エディタで作成したものをブラウザで開いて確認する。ひたすらこの繰り返しです。


序の口レベルを一通り終えたところで、内容が少しレベルアップ。画像を貼り付ける方法に入ることになりました。


<img src="ファイル名" alt="代替文字" width="幅" height="高さ" border="枠線の太さ">


これはブログをやっていたおかげである程度イメージはできていました。ただくどく言われたのは「半角スペース」。全角でスペースを空けると文字扱いになってしまうからとのお達しです。


とにかく画像を表示することが目的ですので、どこに画像を保管するとかアップロードするなどの話は後回し。エディターで作ったHTMLと同じフォルダに置いて作業を進めるだけです。


ただ配布された画像を載せるだけでは芸がないということなのか、なぜかペイントでお絵かきをするハメに。


絵心ないのに…

結局こんなイラストを描いて貼り付けたりしたわけですが…ひどいな(笑)



画像の貼り付けができるようになったところで次はリンクです。段々とWebページ作成の雰囲気が漂ってきました。



<a href="リンク先のファイル名"> 文字または画像 </a>


これもブログをやっていれば頻繁に見ているタグですので特に難しいとは感じませんでしたが、リンク先を別ウィンドウで開くための target="_blank" をあらためて意識しました。


同じウィンドウでリンク先に飛ばしてしまうと元のページに戻ってくる可能性が少ない。それを避けるために別ウィンドウで開かせてリンク元のページは表示を残しておくことが大事。そんな話だったかと思います。至極納得。


他にもメール問い合わせのリンクなど。


a href="mailto:xxx@co.jp?subject=問合わせ"


しかしリンクのお勉強はこれだけじゃなかったのであります…



生活サイクルがしっかりしていたこともあったのか、うつでどんよりした気分になることは少なくなっていたはずです。しかし、こういった学ぶことの楽しさで少し力が入りすぎてしまい、疲れを感じはじめていた時期でもあります。ただ、それなりに充足した心地よい疲れだったのだろうと…


PODCAST

​あなたも物語を
話してみませんか?

Image by Jukka Aalho

フリークアウトのミッション「人に人らしい仕事を」

情報革命の「仕事の収奪」という側面が、ここ最近、大きく取り上げられています。実際、テクノロジーによる「仕事」の自動化は、工場だけでなく、一般...

大嫌いで顔も見たくなかった父にどうしても今伝えたいこと。

今日は父の日です。この、STORYS.JPさんの場をお借りして、私から父にプレゼントをしたいと思います。その前に、少し私たち家族をご紹介させ...

受験に失敗した引きこもりが、ケンブリッジ大学合格に至った話 パート1

僕は、ケンブリッジ大学トリニティ・カレッジ、政治社会科学部(Social and Political Sciences) 出身です。18歳で...

あいりん地区で元ヤクザ幹部に教わった、「○○がない仕事だけはしたらあかん」という話。

「どんな仕事を選んでもええ。ただ、○○がない仕事だけはしたらあかんで!」こんにちは!個人でWEBサイトをつくりながら世界を旅している、阪口と...

あのとき、伝えられなかったけど。

受託Web制作会社でWebディレクターとして毎日働いている僕ですが、ほんの一瞬、数年前に1~2年ほど、学校の先生をやっていたことがある。自分...

ピクシブでの開発 - 金髪の神エンジニア、kamipoさんに開発の全てを教わった話

爆速で成長していた、ベンチャー企業ピクシブ面接の時の話はこちら=&gt;ピクシブに入るときの話そんな訳で、ピクシブでアルバイトとして働くこと...

bottom of page