memo

WEBデザイン勉強中。勉強したことを忘れない様、メモ書きしてます。

URL正規化まとめ

ずっとwordpressの構築ばっかりしてたのですが、久しぶりにhtmlでサイトを制作し、.htaccessを自分で記述しなくちゃいけない場面があったので、自分用にメモ。トップページのURLにindex.htmlがつかない方法 http:XXXXX.jp/index.html→このindex.htmlをつかな…

ストレンジャー・シングス面白かった!

ずーっと気になっていたストレンジャー・シングスを観ました!そのためにNetflix契約しちゃいましたよー。契約しちゃうと休日は一日中、観続けることになりそうで、ずっと避けてきたのですが、ついに。でもでも!やっぱりストレンジャー・シングスすごく面白…

【Illustrator】アピアランスで袋文字

①文字を入力 テキストツールで文字を入力 線と塗りをなしにする ②アピアランスで線と塗を指定する ウィンドウ→アピアランスを出す。 左下のアイコン押下、新規アピアランスを追加。 塗りを好きな色に変更 塗りを線の上に持ってくる 線の太さを変更。「線」を…

修正可能な線路の作り方【アピアランス】

①黒い線を作る ペンツールで線をひく ウインドウ→アピアランスを出し、線の太さを変更する。 線:太さを変更する。塗り:なしにする。 ②白の破線部分を作る。 左下の四角のアイコンを押下して新規線を追加。 上に線が重なった状態になるので、横の黒い線を出…

簡単にストライプ素材を作成する「Stripe Generator(ストライプジェネレーター)」

photoshopで作成しようとすると結構大変なシームレスなストライプ画像がさくっとつくれちゃう「Stripe Generator」。 web上でさくっと作成して簡単に素材をダウンロードできて、とても便利。 また色や太さやストライプの向きも選択できるので、自分の好きな…

wordpressでファビコンを設定する方法

備忘録用に記述。 そもそもファビコンとは favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。 Favicon - Wikipedia ブラウザのタブなどに表示され…

【Dreamweaver】画像関連のタグ

∇【基本の画像配置】img Dreamweaverで画像配置する前にサイトの管理で登録したファイルの中に画像の入っているファイルを貼り付ける。Dreamweaverファイルパネルで画像ファイルを確認してから、コードを入力していく。 <img src="画像が入ってるファイルの名前 /画像の名前.gif" /> ∇【幅、高さ】width、height <img src="画像が入ってるファイルの名前 /画像の名前.gif" width="166" height="48" /> 読み込…

【Dreamweaver】テキスト編ショートカットキー

【見出しタグ】h1〜h6 デザインビューで対象の文字をドラッグで選び、commandキー(WinならCtrlキー)+数字キー(1〜6) 【段落タグ】p デザインビューでEnterキー。そのままテキスト打つこと可。 【改行タグ】br Shiftキー+Enterキー (コードビュー・デ…

【Dreamweaver】サイトの管理

∇サイトの管理(Dreamweaverで作業するファイルを登録する作業) ・メニュバーのサイトからサイトの管理 ・ファイルパネルからサイトの管理 上記2つの方法でサイトの管理ダイアログボックスが開く 新規サイトボタンをクリック サイト設定ダイアログボックス…

よくつかうHTMLタグ

∇【∇divタグ】div(ブロックレベル) タグとしての意味は持たない。 CSSでデザインを設定するために領域を作成するタグでブロックレベル要素のタグ。 すべてのHTMLタグを囲めるタグがこのdivタグ。 使い方は自由で、このdivタグの使い方次第で複雑なデザイン…

よくつかうHTMLタグ1

∇【見出しタグ】h1〜h6(ブッロクレベル) 文章の大見出し、中見出し、小見出し h1が一番大きな見出し、通常1ページに1回使用します。 ※このタグは検索エンジン対策に有効なタグ。 例) <h1>HTMLよく使う基本タグ編</h1> <h2>見出しタグ:h1〜h6</h2> ∇【段落タグ】p(ブロッ…

HTML基本的な書き方2

∇名前空間(xmlns)と言語コード(xml:lang)(lang)を指定する。 <html xmlns="http://www.w3org/1999/xhtml"xml:lang+"ja"lang="ja"> <head> <title>Webサイトのタイトル</title> </head> <body> Webブラウザの画面に表示させる部分 </body></html>

HTMLの基本的な書き方1

HTMLでは<>で囲まれた「タグ」を使って、マークアップしていく。 マークアップとは「印をつける(意味づけをする)こと」 Webページで公開をする情報がどんな種類の情報なのかを印をつけていく。 ∇情報がHTML情報であることをマークアップする。 <html> 情報 </html> この…

HTMLの概要

HTMLはマークアップ言語の一つ。 Webページは「HTML(Hyper Text MarkUp Languge)」というコンピューター言語を使って作成する。 文書をWebページとしてWebブラウザに表示させるには、HTMLの「タグ」と呼ばれる特殊な文字列で文章を囲み、文章の構造を示す…