タグ

webデザインとhtmlに関するrspk315のブックマーク (6)

  • HTMLクイックリファレンス

    HTMLタグ・スタイルシート・特殊文字等の早見表

  • HTML+CSSによるウェブページ制作例-CSSの基本

    HTML+CSSによるウェブページ制作例 ウェブページ制作の流れ 実際にXHTML+CSSでウェブページを作成してみましょう。 ウェブページ作成の流れは、大まかに以下のようなものとなります。 テキスト原稿を作成する フリーハンドのスケッチなどで、レイアウトのイメージを固める HTML・XHTMLのバージョンを決める HTMLタグで情報の構造付けをする 必要に応じて、<div>や<span>でスタイリングのためのタグ付けをする id属性やclass属性で各部分に名前を付けて、CSSのセレクタを設計する CSSでスタイル指定する レイアウトのイメージを固める ウェブページを作成する際には、まずテキスト原稿や掲載する画像などのコンテンツとなる情報を作成します。 それらをページ内にどのように配置するか、フリーハンドのスケッチなどでレイアウトのイメージを固めます。 今回作成するウェブサイトの完成イ

  • [報告]Chrome即反映が魅力の快適テキストエディタ『Adobe Brackets』がなかなか良い感じだったよ

    先日、勉強会でAdobe Bracketsをはじめて触ってきました! 私はST2に恋している身なのでそこまで興味はなかったのですgげふんげふん!これ、使ってみたらなかなか良かったのですよ…! なので、今日はそこで学んできたAdobe Bracketsの魅力と、コーダー必須アイテムであるEmmet(Zen-Coding)のインストール方法を皆さんにご紹介したいと思います!! というわけで、@stocker_jpさんがオープンされた教室『Stocker.jp / Space 』にて行われた@glatyouさんのAdobe Brackets勉強会にいってきました。 こういう勉強会に参加して、アプリケーションに触れてみるのって大事ですねー。ST2の時も触るまで微塵も興味なかったなぁ…w Adobe Bracketsとは Adobeから出ている無料のテキストエディタです。CCに加入している必要はなく

    [報告]Chrome即反映が魅力の快適テキストエディタ『Adobe Brackets』がなかなか良い感じだったよ
  • 簡単で便利すぎ!WEB制作を「楽」にする無料ツールまとめ

    作成:2013/01/28 更新:2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.フォント 2.画像編集 3.ロゴ作成 / ネタ 4.配色 5.HTML5 6.CSS 7.ブラウザチェック 8.エディター 9.アフィリエイトリンク作成 10.フォーム作成 1.フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - k的に無料ソフト・フリー

    簡単で便利すぎ!WEB制作を「楽」にする無料ツールまとめ
  • DreamweaverからCodaに変えました

    2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか?きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。当におすすめです! ↑私が10年以上利用している会計ソフト! Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて!ちなみに私はCoda英語版をインストールして

    DreamweaverからCodaに変えました
  • [コピーライトマーク](C)とマルCの違いと書き方

    Copyright © 2008 ○○○○ All Rights Reserved. Copyright (C) 2008 ○○○○ All Rights Reserved. まず上の2つを比べていただくと、コピーーライト(Copyright)のすぐ後の部分、つまりコピーライトマークの部分の違いに気付かれると思います。 さて、この二つの表記方法では、どちらが正しいのでしょうか? &copy; と記入すれば表示されます。 ©をメモ帳などのテキストエディタで変換する場合は、お使いの環境によって多少異なりますので、割愛させていただきます。 どうしても必要な場合、あるいは変換方法が分からない場合は、このページの © をコピーしてそのまま使うか、辞書登録するなどしてご使用下さい。 その他に、たまに見かける (R) ® マークは登録商標(Registered Trademark)で、TM ™ マークは

  • 1