タグ

2018年3月12日のブックマーク (2件)

  • 初心者向け!HTML/CSSのコーディング手順をイチからしっかりと。

    2019年1月24日 CSS, HTML, Webサイト制作 HTMLCSSの書き方を勉強してみたという初心者さんから、いざ自分でWebページを作っていくとなると、何から始めればいいのやら…?という声をよく耳にします。きちんと構成を考えてコーディングを始めないとレイアウト崩壊の危機…!今回は完成したデザインをHTML/CSSでコーディングしていく第一歩目の手順を紹介します。 ↑私が10年以上利用している会計ソフト! 今回作るWebサイト例 こんな感じの、よくあるヘッダー・メイン・サイド・フッターで構成されたWebサイトを作っていく手順を考えていきましょう! 1. ファイル、フォルダーを作る まずは必要なファイルとフォルダーを用意します。必要なファイルやフォルダーはそのWebサイトによって変わりますが、基的にはプロジェクトフォルダーの中に index.htmlCSSを入れる「css」フ

    初心者向け!HTML/CSSのコーディング手順をイチからしっかりと。
  • WEBデザインでよく出てくる箇条書きは、Photoshopの段落スタイルで終わらせよう - YouKnow.jp

    こんにちは!YOUKNOWです。 よく箇条書きで文章を入れて下さいとお願いされることがあります。 なかなか綺麗な箇条書きって面倒だと思っていました。 でもよーくウェブサイトとか見てみると、注釈とかの所は箇条書きで書く所が意外と多いんですよね 例えばmeijiのここさけ&あの花のキャンペーンサイト。 ここの応募概要とか箇条書きで作られていますよね。 この箇条書き一つとってもデザイナーだと、ついつい凝ってしまいます。 2行目の文字の頭の位置が、右の方の文字はわざわざ1文字ズラされてますね。 こういったこまかーいこだわりを繰り返してるから時間が辛くなっていくのがデザイナーだと思います。 完全にマゾですね! こんなのただ半角スペース入れるだけやろ!って思ってる方も多いと思うんですが…自分もそうでしたが.. こういった注釈の所、何度も修正が入るのでその度にスペースの位置を調整していたら時間がいくらあ

    WEBデザインでよく出てくる箇条書きは、Photoshopの段落スタイルで終わらせよう - YouKnow.jp