<!DOCTYPE html>
<html lang="ja">
<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="head" -->
<title>
独学!未経験からWebデザイナーになる!!～独学でも未経験でもWebデザイナーになれる！
</title>
<meta content="Webデザイナー,未経験,独学,なる" name="keywords">
<meta content="Webデザイナーになるためのお役立ちサイトです。独学でも、未経験でも、がんばればWebデザイナーになれます！" name="description">
<meta content="100002047363793" property="fb:admins">
<!-- InstanceEndEditable -->
<meta content="width=device-width,initial-scale=1.0" name="viewport">
<link href="/favicon.ico" rel="shortcut icon">
<link href="/css/common.min.css?180719" rel="stylesheet" type="text/css">
<link href="/css/pc.min.css?180719" rel="stylesheet" type="text/css">
<link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/sh/SyntaxHighlighter.min.css" rel="stylesheet" type="text/css">
<script src="/js/lib/jquery-1.11.2.min.js">
</script>
<script src="/js/default_1.0.1.min.js?180719">
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-664036-7">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-664036-7');
</script>
<!-- InstanceBeginEditable name="headAppendix" -->
<!-- InstanceEndEditable -->
</head>
<body class="drawer drawer--right drawer--navbarTopGutter">
<div id="container">
<div id="summary">
<!-- InstanceBeginEditable name="top" -->
<h1>
<a id="TOP" name="TOP">
独学!未経験からWebデザイナーになる!!
</a>
</h1>
<p>
Web業界に志を向ける方へ情報を提供するサイトです。Webデザイナーになる方法や効率的な学習情報等を公開。
</p>
<!-- InstanceEndEditable -->
</div>
<!-- /#summary -->
<!-- ************************Start Header************************ -->
<div id="header">
<h2>
<a href="https://www.be-webdesigner.com/">
<img alt="独学!未経験からWebデザイナーになる!!" height="64" src="/img/logo.gif" width="327">
</a>
</h2>
<div id="headerNavi">
<ul>
<li>
<a href="https://www.be-webdesigner.com/contact/mail/">
<i class="fa fa-chevron-circle-right">
</i>
メール
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/info/whats_new.htm">
<i class="fa fa-chevron-circle-right">
</i>
更新履歴
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/info/sitemap.htm">
<i class="fa fa-chevron-circle-right">
</i>
サイトマップ
</a>
</li>
</ul>
<script>
<!--
printSearchBox();
//-->
</script>
</div>
<div id="gnav">
<ul class="clearfix">
<li class="active">
<a href="https://www.be-webdesigner.com/">
<img alt="" height="19" src="/img/wakaba.png" width="19">
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/knowledge/">
Webデザイナーを知る
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/be/">
Webデザイナーになる
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/tips/">
Web制作Tips
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/technotes/">
テクニカルノート
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/feature/">
コーヒーブレイク
</a>
</li>
<li>
<a href="https://www.be-webdesigner.com/info/">
インフォメーション
</a>
</li>
</ul>
</div>
</div>
<div class="topicPath">
<p>
<strong>
独学!未経験からWebデザイナーになる!!
</strong>
</p>
</div>
<!-- InstanceBeginEditable name="directory" -->
<div id="topImg">
<!--<img src="img/101101main_img.jpg" width="940" height="250" alt="Webデザイナーはだれもがなれる職業です。">-->
<img alt="Webデザイナーはだれもがなれる職業です。" height="250" src="img/top/201601main_img.png" width="940">
</div>
<!-- InstanceEndEditable -->
<div class="clearfix" id="wrapper">
<div id="content">
<!-- InstanceBeginEditable name="contentLeft" -->
<h2>
独学!未経験からWebデザイナーになる!!
</h2>
<p>
独学でも、実務未経験からでも、努力すれば誰でもなれる。それがWebデザイナーという職業です。
</p>
<p>
当サイトでは、Webデザイナー・Webクリエイターに興味がある方や、実際に目指しはじめている方に、役立つ情報を提供できればと思います。
</p>
<h3>
最近の更新情報＆お知らせ
</h3>
<ul id="top-information">
<li>
2017年02月09日
<br>
<a href="/feature/school/human_academy.htm">
ヒューマンアカデミーの資料を頂く機会に恵まれたのでシェアします
</a>
のページをアップしました。
</li>
<!--<li>
2015年10月02日<br>
<a href="/bbs/">技術的な質問もできるコーナーをベータテスト版としてこっそり(^^)公開しています。</a>よろしければこちらをご利用ください。</li>
<li>
2015年4月16日<br>
とりあえず的ですが、スマホ対応しました。ちょこっとだけ見栄えも修正。
近日、お悩み相談を技術的な質問もできるようにリニューアル予定！
</li>-->
</ul>
<p style="text-align:right;">
→
<a href="/info/whats_new.htm">
更新履歴一覧
</a>
</p>
<h4>
最近のコメント
</h4>
<ul class="largeMargin">
<li>
<a href="https://www.be-webdesigner.com/technotes/server/httpd_conf/virtual_host.htm#comment_824">
バーチャルホストを設定する
</a>
by 馬場誠さん(12/27)
</li>
<li>
<a href="https://www.be-webdesigner.com/technotes/server/httpd_conf/virtual_host.htm#comment_823">
バーチャルホストを設定する
</a>
by 初心者トマトさん(12/27)
</li>
<li>
<a href="https://www.be-webdesigner.com/tips/coding/mojibake.htm#comment_822">
文字化けを防ぐ&解消する方法
</a>
by しんじゆみこさん(11/29)
</li>
</ul>
<p>
※管理人がまだ公開設定を行っていないコメントは表示されません。
</p>
<!-- InstanceEndEditable -->
<div id="socialBtn">
<p>
↓もし参考になりましたら、シェアしていただけると嬉しいです(^-^)
</p>
<ul>
<li>
<span class="box">
</span>
<a class="twitter-share-button" data-count="vertical" data-lang="ja" href="http://twitter.com/share" rel="nofollow">
Tweet
</a>
</li>
<li>
<a class="hatena-bookmark-button" data-hatena-bookmark-lang="ja" data-hatena-bookmark-layout="vertical-balloon" href="http://b.hatena.ne.jp/entry/" rel="nofollow" title="このエントリーをはてなブックマークに追加">
<img alt="このエントリーをはてなブックマークに追加" height="20" src="/img/external/[email protected]" style="border: none;" width="20">
</a>
</li>
<li>
<div class="fb-like" data-action="like" data-layout="box_count" data-share="false" data-show-faces="true">
</div>
</li>
<li>
<div class="g-plusone" data-size="tall">
</div>
</li>
<li>
<a class="pocket-btn" data-lang="ja" data-pocket-count="vertical" data-pocket-label="pocket" rel="nofollow">
</a>
</li>
</ul>
</div>
<div class="ads">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<!-- 336x280, 作成済み 10/12/11 -->
<ins class="adsbygoogle" data-ad-client="ca-pub-5915508777224984" data-ad-slot="8495627386" style="display:inline-block;width:336px;height:280px">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
</div>
<div id="facebook">
<p>
12/06/30 facebookページ開設しました。RSS代わりにも使いたいと思います。
</p>
<div class="fb-page" data-adapt-container-width="true" data-height="220" data-hide-cover="false" data-href="https://www.facebook.com/bewebdesignercom/" data-show-facepile="true" data-small-header="false" data-tabs="timeline" data-width="500">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/bewebdesignercom/">
<a href="https://www.facebook.com/bewebdesignercom/">
独学！未経験からWebデザイナーになる！！
</a>
</blockquote>
</div>
</div>
</div>
</div>
<!-- /#content -->
<div id="sideBar">
<dl id="sideNavi">
<dt>
カテゴリ一覧
</dt>
<dd>
<dl id="menu">
<dt id="menuRoot">
<img alt="" height="14" src="/img/home_s.gif" width="16">
独学!未経験からWebデザイナーになる!!
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/knowledge/">
Webデザイナーを知る
</a>
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/be/">
Webデザイナーになる
</a>
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/tips/">
Web制作Tips
</a>
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/technotes/">
テクニカルノート
</a>
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/feature/">
コーヒーブレイク
</a>
</dt>
<dt class="menuTitle">
<img alt="" height="14" src="/img/folder.gif" width="16">
<a href="/info/">
インフォメーション
</a>
</dt>
</dl>
</dd>
</dl>
<div class="clearfix" id="profile">
<div id="profilePhoto">
<a href="https://www.be-webdesigner.com/info/babamakoto.htm">
<img alt="Webデザイナー馬場誠" height="70" src="/img/common/m.baba_small.jpg" width="60">
</a>
</div>
<h4>
作者プロフィール -
<a href="https://www.be-webdesigner.com/info/babamakoto.htm">
詳細
</a>
</h4>
<p>
名前：馬場 誠
</p>
<p>
フリーランス兼会社代表のWebクリエイター。今は茨城県取手市で仕事をしてます。
</p>
</div>
<div id="sideAdHuman">
<a href="https://www.be-webdesigner.com/feature/school/human_academy.htm">
<img alt="2017/1 ヒューマンアカデミーの資料を頂く機会に恵まれたのでシェアします" height="117" src="/feature/school/img/human_academy/banner.png?update=0209" width="350">
</a>
</div>
<div id="lets">
フリーランスを目指す方は姉妹サイト、
<a href="http://web.lets-freelance.net/" target="_blank">
レッツ！フリーランスWebデザイナー.net
</a>
もご覧ください
</div>
<div id="onayamiBanner">
<a href="https://www.be-webdesigner.com/contact/onayami/">
<img alt="お悩み相談始めました!! →詳しくはこちら" height="45" src="/img/common/onayami_banner.gif" width="350">
</a>
</div>
<div id="feedbackWrapper">
<!--<script src="/js/contact/feedback_1.0.0.min.js?180719"></script>
<script src="/js/contact/feedback_1.0.0.js"></script>-->
</div>
<div class="sideBarSub">
<dl>
<dt>
スポンサード リンク
</dt>
<dd class="section">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<!-- 120x600, 作成済み 10/03/01 -->
<ins class="adsbygoogle" data-ad-client="ca-pub-5915508777224984" data-ad-slot="1647384830" style="display:inline-block;width:120px;height:600px">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
});
</script>
</dd>
<dt>
最近のコメント
</dt>
<dd class="section">
<ul class="recentComment largeMargin">
<li>
<a href="https://www.be-webdesigner.com/technotes/server/httpd_conf/virtual_host.htm#comment_824">
バーチャルホストを設定する
</a>
by 馬場誠さん(12/27)
</li>
<li>
<a href="https://www.be-webdesigner.com/technotes/server/httpd_conf/virtual_host.htm#comment_823">
バーチャルホストを設定する
</a>
by 初心者トマトさん(12/27)
</li>
<li>
<a href="https://www.be-webdesigner.com/tips/coding/mojibake.htm#comment_822">
文字化けを防ぐ&解消する方法
</a>
by しんじゆみこさん(11/29)
</li>
</ul>
</dd>
</dl>
</div>
<!-- /#sideBarSubMain -->
<div class="sideBarSub" id="sideBarSubMain">
<dl>
<dt>
初めての方へ
</dt>
<dd class="section">
<p>
<a href="https://www.be-webdesigner.com/info/introduction.htm">
<img alt="初めての方へ、サイト案内" height="51" src="/img/first_visitors.jpg" width="140">
</a>
</p>
</dd>
<dt>
お勧めコンテンツ
</dt>
<dd>
<dl>
<dt>
あなたの悩み、よろしければ馬場に相談してください！
</dt>
<dd>
<p>
<a href="https://www.be-webdesigner.com/contact/onayami/">
お悩み相談、始めました。もちろん相談無料です！詳細はこちら
</a>
<br>
<a href="/onayami/">
お悩み相談の回答を見たい方はこちら
</a>
</p>
</dd>
<dt>
Webデザイナーを目指す方は絶対買った方がいいです
</dt>
<dd>
<p>
<a href="https://www.be-webdesigner.com/feature/bookstand.htm">
本を使った学習が超はかどる、Webデザイナー必携のアイテムとは！？
</a>
</p>
</dd>
<dt>
勉強しながら収入を！
</dt>
<dd>
<p>
<a href="https://www.be-webdesigner.com/feature/affiliate.htm">
ウェブデザインの勉強をしつつ、楽しみながら収入が得られる方法とは！？
</a>
</p>
</dd>
</dl>
</dd>
</dl>
</div>
<!-- /#sideBarSubMain -->
<br class="clear">
</div>
<!-- /#sideBar -->
</div>
<!-- /#wrapper -->
</div>
<!-- /#container -->
<div id="footer">
<script type="text/javascript">
<!--
acclog();
//-->
</script>
<script type="text/javascript">
(function() {
var tagjs = document.createElement("script");
var s = document.getElementsByTagName("script")[0];
tagjs.async = true;
tagjs.src = "//s.yjtag.jp/tag.js#site=0WhS2Pp";
s.parentNode.insertBefore(tagjs, s);
}());
</script>
<noscript>
<iframe frameborder="0" height="1" marginheight="0" marginwidth="0" scrolling="no" src="//b.yjtag.jp/iframe?c=0WhS2Pp" width="1">
</iframe>
</noscript>
<p>
Copyright© Makoto Baba All Rights Reserved.
</p>
<p>
このウェブサイト内における画像、文章（適切な引用は除く）の無断転載、無断コピーなどはおやめください。
</p>
<p class="last">
当サイトは、デザイン未経験から独学でフリーランスになった管理人が、Webデザイナーになるための情報を発信するウェブサイトです。
</p>
</div>
<!-- /#footer -->
<div id="pageTop">
<a href="#container">
</a>
</div>
<script src="/js/sh/mySh.min.js">
</script>
<script src="/js/jquery.magnific-popup.min.js">
</script>
<script async="" charset="utf-8" src="https://platform.twitter.com/widgets.js">
</script>
<script async="" charset="utf-8" src="https://b.st-hatena.com/js/bookmark_button.js">
</script>
<script async="" defer="" src="https://apis.google.com/js/platform.js">
{
lang: 'ja';
}
</script>
<div id="fb-root">
</div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
!function(d, i) {
if (!d.getElementById(i)) {
var j = d.createElement("script");
j.id = i;
j.src = "https://widgets.getpocket.com/v1/j/btn.js?v=1";
var w = d.getElementById(i);
d.body.appendChild(j);
}
}(document, "pocket-btn-js");
</script>
</body>
<!-- InstanceEnd -->
</html>