WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2022年2月クラス

JavaScriptのメソッドの使い方

基本的なメソッドの使い方を覚える window.document(ブラウザーに文字を表示させる) JavaScriptで文字列を表示するには、「window.document.write( )」を使います。 表示したい文字列をシングルコートではさみます。「window.」は省略できます。 window.do…

SVGを使ったアニメーション

carlphilippebrenner.comtympanus.nethttp://gardenstudio.com.br/gardenstudio.com.brjakearchibald.com SVGとは? SVG【 Scalable Vector Graphics 】とは、XMLベースの2Dベクター画像記述言語。2001年9月にW3C勧告として公開された。 ベクター画像は画像…

ポートフォリオの参考サイト

http://tomoyukiarasuna.com/data/arasuna_portforio.pdf www.concentinc.jp

4月12日作業データ(カフェのシングルページ)

index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>シングルページのカフェサイト</title> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

3月29日の作業データ(シングルページの)カフェサイト

制作のポイント ・ヒーローヘッダーの導入(画像のサイズの決定) ・Ajaxを使用した箇所とメリットを丁寧に説明 ・APIを使うメリットと注意点 ・レスポンシブに対応(モバイルフレンドリーテストにかけ、確認) ・img要素にobject-fitを使い、自由にトリミン…

jQueryとは

jQuery(ジェイクエリー)とは、ウェブブラウザー用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。ジョン・レシグが、2006年1月にリリースした。様々な場面で活用されており、JavaScriptライブラリ…

javascriptとは

JavaScriptとは、米Netscape Communicationsによって開発されたスクリプト言語です。JavaScriptは主にWebブラウザ上で動作します。クリックすると画像が変わったり、要素が消えたり、現れたりというHTMLやCSSでは出来ない、いわゆるサイトの動的な部分を担当…

CSS基礎

CSS(Cascading Style Sheets) CSSとは、HTMLの要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。 h1やpなどの意味付け…