yucako

制作会社でカメラマンやりながらweb勉強中。趣味はカメラと音楽と料理。あとたまに旅行。

yucako

制作会社でカメラマンやりながらweb勉強中。趣味はカメラと音楽と料理。あとたまに旅行。

記事一覧

サイト模写

あけましておめでとうございます。 せっかくの8連休、前半は会いたい友達に会って 後半は勉強しようと思ってたのに、 1/1から高熱を出し寝込むと言う休みになりました。 …

yucako
4年前
5

インライン要素の余白

paddingとmarginで一番悩むのがインラインブロックの余白。 これが一番間違えるところです。あ!となることがあるのでおさらい。 例えばaタグにpaddingで内余白とmarginで…

yucako
4年前
6

marginとpaddingのあれこれ

一番最初に色々とこんがらがるmarigin とpadding。 今だにどっちを使った方が良いのか迷うこともある。 結構奥が深い。知れば知るほど奥が深い。(って言うか全部奥が深い…

yucako
4年前
3

hタグのあれこれ

見出しということはわかっていたはずのhタグ。 しかし改めて復習してみると意外と知らないことが多かった。 重要なタグだしよく使うのでもう一度理解します。 hタグとは見…

yucako
4年前
5

フォームにcssを装飾

今回はtableタグを使ってフォームをコーディングしてみました。 tableのいいところは 隣り合うセル同士は高さや幅が自動的に揃うのでとっても便利なのです。 なのでthかtd…

yucako
4年前
2

formをつくってみた。

お問い合わせフォームとかのあれ。 しっかり理解していなかった。 いつもコピペで対応してた。 そうフォームは難易度が高いのだ。 ので しっかり理解するために学校で用…

yucako
4年前

セクショニング要素、タグについて

コンテンツモデル htmlは7つのコンテンツにグループ分けされている。その要素にんな内容(要素およびテキスト)を含めることができるのかを定義したもの。 深すぎてめちゃ…

yucako
4年前

本日のハイライト

本日はコーディングの授業2回目。 トップページナビから下の部分と下層ページを少しを制作しました。 時間ないので箇条書きで失礼。(ただただ眠いだけ) Witdth:100% Di…

yucako
4年前
1

先週のハイライト

週末の修行のような過酷なロケ撮影が終わり、一息つきました。 滋賀県が大阪より寒いことはわかってたし、今回比叡山の宿坊での撮影だったので完全防御で挑んだのですが、…

yucako
4年前
3

バナーデザインの練習のお話

本日、Webクリエイタースクールの初授業でした。 今日はPhotoshopの授業。 職業柄、Photoshopを使って写真のレタッチなんかはよくする。 でも正直、使うところも限られて…

yucako
4年前
7

はじめましてのおはなし。

はじめまして。yucakoです。 webのお勉強をするため苦手な文章を書くという作業を できるだけやっていこうと思ってます。 はじめましてのおはなしでまずは自己紹介 なま…

yucako
4年前
7
サイト模写

サイト模写

あけましておめでとうございます。
せっかくの8連休、前半は会いたい友達に会って
後半は勉強しようと思ってたのに、
1/1から高熱を出し寝込むと言う休みになりました。

体調も戻ったのでLPサイト模写。

写真がたくさん入っていて、見やすいのと、
お茶漬け専門店流行ってんなぁと思ってなんとなく選んだサイト。
http://shibaraku-jp.com/

縦書きにして、Googlefontを使う

もっとみる
インライン要素の余白

インライン要素の余白

paddingとmarginで一番悩むのがインラインブロックの余白。
これが一番間違えるところです。あ!となることがあるのでおさらい。

例えばaタグにpaddingで内余白とmarginで外余白つけたい!
(テストのボックスがaタグ:インラインブロックです。)
実際にコード書いてみる
<a class="box1" href="#">ここはインラインブロックaタグだよ</a>
<div clas

もっとみる
marginとpaddingのあれこれ

marginとpaddingのあれこれ

一番最初に色々とこんがらがるmarigin とpadding。
今だにどっちを使った方が良いのか迷うこともある。
結構奥が深い。知れば知るほど奥が深い。(って言うか全部奥が深いけど。)

どちらも余白をつけるために使用するcss
使い分けが慣れるまでややこしい。
しかもわかったつもりでいるとトラップにはまりやすい。

・要素の内側の余白を広げる時はpadding
・要素同士を離すときはmargin

もっとみる
hタグのあれこれ

hタグのあれこれ

見出しということはわかっていたはずのhタグ。
しかし改めて復習してみると意外と知らないことが多かった。
重要なタグだしよく使うのでもう一度理解します。

hタグとは見出しのタグ
<h1>~<h6>までで、数字が小さいほど重要度が高い。hタグを使用することによって検索エンジンに情報をわかりやすく伝えることができる。
ページの内容を正しく伝わるようにしていないと検査エンジンの検索順位に影響するので注意

もっとみる
フォームにcssを装飾

フォームにcssを装飾

今回はtableタグを使ってフォームをコーディングしてみました。
tableのいいところは
隣り合うセル同士は高さや幅が自動的に揃うのでとっても便利なのです。
なのでthかtdで高さを取っておけば自動的にどっちかは勝手に高さを合わせてくれる優秀なやつなんです。

th(見出し)に項目、
td(セル)に入力フォームを記入していきました。
thとtdにそれぞれclass名をつけてcssを記述して行きま

もっとみる
formをつくってみた。

formをつくってみた。

お問い合わせフォームとかのあれ。
しっかり理解していなかった。
いつもコピペで対応してた。
そうフォームは難易度が高いのだ。

ので

しっかり理解するために学校で用意してもらってる動画を見ながら勉強。
片っ端から不明点をググる。とにかくググる。
人が作ったフォームボタンを検証する。
cssどうやってるのかわからんやつもあったけど、書き方と属性やタグは理解できたと思うのでまとめます。

・form

もっとみる

セクショニング要素、タグについて

コンテンツモデル
htmlは7つのコンテンツにグループ分けされている。その要素にんな内容(要素およびテキスト)を含めることができるのかを定義したもの。
深すぎてめちゃくちゃ難しいけどこの内容めちゃくちゃ興味あり。
参考サイト:https://w3g.jp/html5/content_models
参考サイト:https://www.tagindex.com/html5/basic/flow.htm

もっとみる

本日のハイライト

本日はコーディングの授業2回目。
トップページナビから下の部分と下層ページを少しを制作しました。

時間ないので箇条書きで失礼。(ただただ眠いだけ)

Witdth:100%
Divはブロック要素。なので元々widthを指定しなければ、divの中に入っている子要素にwidth100%を指定すれば横幅いっぱいまで広がる

sectionタグ
一つのセクションに使用。→使う時は見出しhタグを必ず使う

もっとみる
先週のハイライト

先週のハイライト

週末の修行のような過酷なロケ撮影が終わり、一息つきました。
滋賀県が大阪より寒いことはわかってたし、今回比叡山の宿坊での撮影だったので完全防御で挑んだのですが、めちゃくちゃ暑い。晴れたお陰で写真のように琵琶湖が絶景。星も綺麗だったようですが、5時起きだったので10時には就寝。

寒いと思い、極暖ヒートテックにセーター、薄手のダウンにNORTH FACEのアウター、ヒートテックレギンスといういでたち

もっとみる

バナーデザインの練習のお話

本日、Webクリエイタースクールの初授業でした。
今日はPhotoshopの授業。

職業柄、Photoshopを使って写真のレタッチなんかはよくする。
でも正直、使うところも限られてるので、
デザインはまるで初心者です。

ただweb制作のアシスタントもしてるので
デザインデータを触ったり、画像をスライスしたりはするので、
今日の授業で色々勉強になりました。

あ、なるほどこないだのデザインデー

もっとみる
はじめましてのおはなし。

はじめましてのおはなし。

はじめまして。yucakoです。

webのお勉強をするため苦手な文章を書くという作業を
できるだけやっていこうと思ってます。

はじめましてのおはなしでまずは自己紹介

なまえ:yucako
おしごと:制作会社勤務中
具体的なおしごと内容はスチールカメラマン、ムービーカメラマン、
web制作。

webをもう一度勉強しようと思ったきっかけ:
カメラマンになる前、職業訓練校でwebクリエーターコー

もっとみる