-Webdesign tutorial- このページは「HTMLで始めるウェブデザインkon`s produce」のチュートリアル専用ページです。
チュートリアルとこのページを参考にしてウェブデザインをつくっていきましょう。
ホームへ メニュー このページについて お問い合わせ

このサイトでは本編(HTMLで始めるウェブデザイン-kon`sproduce)と連動して
何も無いまったくのゼロの状態からみなさんと一緒にページを作り上げていきます。
このページで使われているテクニックはすべて本編で紹介しているものなので
「本編を見たけど具体的にどうすればいいのかわからない」という方には参考になるはずです。

また、このページ自体がチュートリアル・サンプルページになっていて
チュートリアルの内容を忠実に再現すれば
最終的にこのページとまったく同じデザインのページができるようになっています。




menu
ホームページ作成の下準備
ホームページ作成に慣れよう
ホームページ作成になれよう2
ホームページ作成の準備
デザインを具体的に考える
実際に新しいアドレスを作ろう!
無料サーバーをレンタルしよう!

はじめてのホームページ
ホームページを実際に作ろう
転送ソフトをダウンロードしよう!
HTMLをいじってみよう!
アップロードしよう!

ウェブデザインの基本
ホームページをデザインする
配色を考えよう
フォントを使って印象を変えよう
フォントでロゴを作る!
テーブルをデザインしよう!
ナビゲーションを作ろう!
テーブルを使ってレイアウト!
グラデーションを使おう!
グラデーションを使おう!2
マーカーの使いどころ
ウェブデザイン中級
立体感を出す!
立体文字でデザインしよう!
円柱を作ろう!
新しいデザインを考えよう!
ウェブデザイン上級
テンプレートで効率的に!
ユーザーに配慮しよう
CGIを設置しよう!
特別編
広告を貼ってみよう!
相互リンクを頼んでみよう
web design
  
  tutorial
    
     sample page
ホームへ
お問い合わせ
このページについて  
welcome!
tutorial samplepage
what is tutorial? チュートリアル・サンプルページの軌跡
第一回ホームページ作成に慣れよう

第2回ホームページ作成になれよう2

第3回ホームページ作成の準備
第4回デザインを具体的に考える
第5回実際に新しいアドレスを作ろう!
第6階無料サーバーをレンタルしよう!

第7回ホームページを実際に作ろう
第8回転送ソフトをダウンロードしよう!
第9回HTMLをいじってみよう!
第10回
アップロードしよう!
第11回ホームページをデザインする

第12回配色を考えよう

第13回フォントを使って印象を変えよう

第14回フォントでロゴを作る!
1-10
11-15
16-20
21-
初心者の方でも最終的にはHTMLでウェブデザインが
できるようにと作りました。
第一回〜第四回まではホームページに慣れるための
準備段階です。
簡単にホームページが作れる方法や、ホームページを
作る時の準備等があります。
第五回・第六回ではホームページを作るためのサーバ
ーを取得します。
第七回〜第十回では実際にホームページを作り、イン
ターネット上に表示するまでの過程を説明します。





tutorial sample page
チュートリアルを通して
何もない状態から
一歩づつ
実際に
ウェブデザインしていきましょう。

チュートリアルでは・・・
まず始めにホームページ作成に慣れるために誰でも簡単にホームページがすぐ作れる「コミュニティサイト」を使ってホームページ作成をします。

次に実際に
無料メールアドレスの取得や
無料サーバーのレンタルをします。

その後
簡単なHTMLでホームページを作り
実際にアップロードし、公開します。

ホームページ作りができるようになったら、このサンプルページを使用しながら
ゼロの状態から実際にウェブデザインしていきます。

ウェブデザインの他にも
アクセスカウンターの設置や
↓のように広告を貼り付けてみたりします。

第15回テーブルをデザインしよう!

第16回ナビゲーションを作ろう!

第17回テーブルを使ってレイアウト!

第18回グラデーションを使おう!

第19回グラデーションを使おう!2

第20回マーカーの使いどころ

第21回立体感を出す!

第22回立体文字でデザインしよう!

第23回円柱を作ろう!

第24回新しいデザインを考えよう!

第25回テンプレートで効率的に!

第26回ユーザーに配慮しよう
第27回CGIを設置しよう!

特別編広告を貼ってみよう!

相互リンクを頼んでみよう
kon`s produce



100MB無料ホームページ可愛いサーバロリポップClick Here!