タグ

関連タグで絞り込む (24)

タグの絞り込みを解除

htmlに関するchiezo1234のブックマーク (25)

  • イメージマップの作り方 ！HTMLで1画像内に複数リンクを設定 [ホームページ作成] All About


    イメージマップの作り方 ！HTMLで1画像内に複数リンクを設定イメージマップの作り方をご紹介。1枚の画像内部に複数個のリンクを設定できるイメージマップ。画像1つを丸ごとリンクにするのではなく、画像内の一部分だけをリンクにしたり、画像の中の座標ごとに移動先の異なる複数のリンクを作ったりできます。HTMLのmap要素とarea要素を使って、画像内を円形や矩形など自由な形で区切るだけです。 イメージマップとは？ 座標を指定して画像の一部分だけをリンクにできる 画像1枚をまるごとリンクにするのではなく、画像の一部分だけをリンクにしたいと思ったことはありませんか？ また、1枚の画像のうち、場所によってリンク先を変えたい(＝1画像内に複数のリンク先を設定したい)と思ったことはないでしょうか？ HTMLのイメージマップ(クリッカブルマップ)という仕組みを使うと、座標を指定してリンク範囲を限定し、1画像内
    イメージマップの作り方 ！HTMLで1画像内に複数リンクを設定 [ホームページ作成] All About

  • これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド


    以前から、﹁Webサイトを制作をしたいけど、何から勉強したらいいの？﹂という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさん情報がありすぎて何から始めればいいのか迷う人も多いみたい …。なので今回は、Webサイトを作るのに必要な知識を簡単にまとめてみました。 最近本だなを整理していて、もう読まなくなった Web制作系の本を片付けたりしてみました。ずーっと前、Webサイトってどうやって作るんだろうってところから始まって、用語もよく分からないまま色んな本を読んだりした頃を思い出します …。 Webサイトは HTML っていうものでできていて、CSS っていうもので、見た目をデザインしていくのかぁ … っていうことさえ、あの頃の私にとっては新しい発見だったなぁ … なんて思ったりしました。 最近では HTML5とか CSS3とか、私が勉強し出した頃に比べる

  • そろそろパワポは卒業してHTMLベースでプレゼンしてみません?[追記アリ] - nigoblog


    最近﹁脱パワポ﹂というのが自分の中で話題になってます。 どういうことかといいますと ﹁プレゼン資料をパワポではなくHTMLで作る!!﹂ ということ というわけで以下にプレゼン資料をHTMLで作るメリットを教えます。 多彩なテンプレート もちろんパワポもテンプレートが多いですが、どれも似たり寄ったりです。その点、HTMLベースのプレゼン資料は多彩かつ多様なプレゼンテンプレートがあります。 googleで﹁HTML プレゼン スライド﹂と検索すると色々出てきますが、 私はこちらのサイトを参考にプレゼン資料を選びました。 HTMLベースで作成できるプレゼン用スライドのまとめ | コリス パワポがなくてもプレゼン資料が作れる パワポがない時にプレゼン資料はどう作りますか?というような状態になります。パワポは高いし、オープンオフィスはしょぼいし、 だけど、ブラウザは絶対ある!!もちろんクロスブラウ
    そろそろパワポは卒業してHTMLベースでプレゼンしてみません?[追記アリ] - nigoblog
    chiezo1234
    chiezo1234 2014/07/16
    確かにブラウザなら誰のPCにもある。OfficeviewerをDLする間にブラウザで見ちゃえばいいじゃない的発想か。面白い。
    リンク

  • 授業内課題

    課題作品集 過去クラスの作品 前回クラスの作品 今回クラスの作品 HTML課題 HTML課題１ HTML課題２ HTML課題３ HTML課題4 HTML課題5 HTML課題6 HTML課題7 HTML参考サイト（ウェブランサー） XHTML1.0の基本構造 HTML5の基本構造 CSS課題（初級） CSS課題１ CSS課題２ CSS課題３ CSS課題4 CSS課題5 CSS課題6 CSS課題（中級）その1 CSS課題7 CSS課題8 CSS課題9 CSS課題10 CSS課題（中級）その2 CSS課題11 CSS課題12 ・見出しデザイン練習 見出しデザイン ・縦型ナビゲーション練習 縦ナビ１ 縦ナビ２ 縦ナビ３ ・横型ナビゲーション練習 横ナビ１ 横ナビ２ ・テーブルデザイン練習 テーブルデザイン ・絶対配置(positionプロパティ)練習 絶対配置 ・定義リストデザイン練習 定義リスト

    chiezo1234
    chiezo1234 2014/07/14
    過去と今の生徒さんの作品を公開してるのが面白い
    リンク

  • necoze LOG2 [ネコゼログログ]

    一定期間更新がないため広告を表示しています

    necoze LOG2 [ネコゼログログ]
    chiezo1234
    chiezo1234 2014/07/09
    pタグとh1h2h3タグとulとタグが可視化されたblog。面白い。マークアップが見える
    リンク

  • マークアップエンジニアも幸せ探し（前編） | necoze LOG2 [ネコゼログログ]

    一定期間更新がないため広告を表示しています

    マークアップエンジニアも幸せ探し（前編） | necoze LOG2 [ネコゼログログ]
    chiezo1234
    chiezo1234 2014/07/09
    2007年の記事（FBがインフラになってない。公共機関やゆるキャラもまだつぶやいてない）
    リンク

  • マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記


    はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 ﹁CSS 道﹂は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。﹁デザイン﹂か﹁JavaScript﹂を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse
    chiezo1234
    chiezo1234 2014/07/09
    ＞確かに（X)HTML＋CSSのコーディングだけではお金になりにくい。他の言語だったら1千万規模の案件をとってくることも可能だけどHPはFlashとかできないと数百万規模の案件も 難しいよね。
    リンク

  • HTML5ホームページテンプレート無料配布 [Cool Web Window]

    404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved

    chiezo1234
    chiezo1234 2014/07/09
    2007年の記事だけど、ふむふむと思った
    リンク

  • スタイルシートサンプル CSS Samples - eWeb

    スタイルシートは、見栄えやレイアウトなどの表示に関する指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。 サンプルソースはご自由にカスタマイズなどをしてお使いください。

  • Webテンプレート ［HTML・CSSサンプルコード集］ - TAG index Webサイト

    HTML・CSSサンプルコード集 HTML&CSS Web制作リファレンス - ホームページの構築・運用 - HTML5 HTMLタグ CSS カラーチャート Web便利ツール テンプレート JavaScript

  • float段組の基本


    簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。 注︶floatを指定する場合はwidth指定で幅を指定するように心掛けましょう！ ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。︵本来の段組では、高さを指定する事はあまりありません。︶ パターン１ float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン２ boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;
    chiezo1234
    chiezo1234 2014/07/03
    図示されると分かりやすい
    リンク

  • HTMLはプログラミング言語なのか？ | ShareWis Press（シェアウィズ プレス）


    プログラミングを勉強したいんだけど、何から勉強したらいんだろう？ そんなプログラミング初心者に、まずHTMLを学習することを進めるケースがよくあります。 しかし、HTMLはプログラミング言語と呼んでいいのでしょうか？ その疑問について説明したいと思います。 HTMLの名前を見たら書いてあったねHTMLは略さずに書くとHyper Text Markup Languageです。 あっ、早速答えが出てしましましたね。 HTMLはプログラミング言語︵Programming Language︶ではなくマークアップ言語︵Markup Language︶なんですね。 いやっちょと待ってください。 なんか分かったような気がしますが、プログラミング言語とマークアップ言語って何が違うんでしょう？90秒動画で学ぼう！90秒で分かる超初心者のためのHTMLって何？ 計算を行なうプログラミング言語、印としての
    HTMLはプログラミング言語なのか？ | ShareWis Press（シェアウィズ プレス）
    chiezo1234
    chiezo1234 2014/07/03
    ＞タグという印をWebブラウザに伝えるための言語です
    リンク

  • HTML初心者が最初に覚えるべきタグ(1)


    around the topic of web design, mobile, iOS, programing and more… HTML(XHTML)を初めて学ぼうとする人にとって、書店で売っているHTML辞典の厚さは学ぶ前からげんなりしてしまうのではないでしょうか？いざ勉強しようとしてもどこから手をつけたらいいのか分からないという人も多いと思います。HTMLの要素(タグ)は実に沢山存在していますが、実際に使われる要素は案外少ないのです。しらみつぶしに覚えていくよりは、良く使われるタグをまずは把握しそれに肉付けしていく形で学んで行くのが一番効率が良い方法でしょう。このエントリーではHTML初心者がまず最初に学ぶべき要素をご紹介します <html>,<body>,<head>, <h1>〜<h6>,<p>,<ul>,<ol>,<li>,<dl>,<dt>,<dd>,<address> <
    chiezo1234
    chiezo1234 2014/07/03
    ＞同じ箇条書きでも1位、２位、３位というような順位を表示する場合や、料理の手順などのように順番を明確にしたい場合は<ol><li>を使います
    リンク

  • 3streamer.net

    3streamer.net 2024 著作権. 不許複製 プライバシーポリシー

  • Another HTML-lint gateway


    HTML文書の文法をチェックし、採点します htmllint.cgi ver1.28 / htmllint.pm ver3.58 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述するか、ローカルにあるHTMLファイルを選択して、[チ

  • ブログをノベルゲーム風に表示する - 日直地獄


    ノベルゲーム風に日記を書いてみたいと思ったことはないでしょうか。 書けたら面白いかもと思うけれども、特にそんな需要は無いんじゃない？くらいでしょうか。 私もそう思います。 とはいえ、実際に見てみないと評価できない、と思ったので作りました 機能紹介 テキストの表示 このように一文字毎に表示されます テキストのスキップ 文字送り中にマウスをクリックすると、パラグラフ全体が表示されます 背景画像の設定 文章中にimgタグがあると、自動でbackground-imageに設定されます フルスクリーン表示モード フルスクリーンで表示することが出来ます。人の日記をフルスクリーンで読みたいという需要はあるでしょうか ブラウザで可能な表現が可能！ HTML読み込んでいるだけなのでだいたいなんでもできるはず!!やったね！！！ 以上です。おわり。ところで、完成して色々な文章で試していたら、読みやすいのでは？
    ブログをノベルゲーム風に表示する - 日直地獄
    chiezo1234
    chiezo1234 2014/07/01
    毎日が大冒険になっていい!!なんでも伏線にみえてきていいな。
    リンク

  • カラーホイール | カラースキーム - Adobe Color CC

    chiezo1234
    chiezo1234 2014/06/27
    カラールールから類似色を選ぶ。RGBの10進数の数字が出るので、コピペでCSSファイルに書けばOK!
    リンク

  • 【配色 - デザイン ★★★★★】 - Color Scheme Designer 3

    Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty

    chiezo1234
    chiezo1234 2014/06/27
     左から3つめの∴になっているグラフを選択すると、補色が分かるので便利。ピンクの補色は灰色。よく着る洋服は補色になっていたのかー。

    ●CSS
    ●html
    ●色
      
    リンク

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

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

  • HTML5、CSS3、JavaScriptがリアルタイム編集できる！軽量HTMLエディタ「Liveweave」 - Chrome Life


    みなさんは、HTMLやCSSのコーディングには何を使っていますか？ デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ﹁Liveweave﹂です。 ﹁Liveweave﹂は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン
  • 1 2 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.