ウェブデザイン経験

ウェブデザイン経験
<br />著者はかつてWebデザインの初心者でしたが、継続的な探求と実践を通じて、今では完全な静的サイトを独力で作成し、学校内のN(N>5)の学部、カレッジ、外部企業のWebサイトを作成できるようになりました。完全な意味でのWebデザイナーではありませんが、あまり専門的ではなく完璧ではないいくつかのサイトを完成させるのは簡単です(へへ、自慢に聞こえますか?)、彼はすでに心の中で達成感を抱いており、自分自身を準Webデザイナーと呼んでいます。
私の成長過程はかなり早いと思うので、皆さんと私の経験を共有し、これに興味のある友人に参考意見を提供したいと思います。
関連記事: Web デザインの経験: 独善的な Web デザイナー<br />知識を段階的に学ぶ<br />まず HTML を学び、理解できる教科書を見つけて、それを参照してください。すべての概念を覚える必要はなく、使用の原則を覚えるだけで十分です。この段階では、おそらく 3 日で十分です。次に、上記と同じ方法で 2 日かけて CSS を学び、その後、JavaScript の理解に時間を費やします。
次に、メモ帳を使用して Web ページをいくつか作成してみましょう。この時点では、FrontPage や Dreamweaver などのビジュアル ツールを使用しないことに注意してください (これらについては後で学習します)。
「Web ページ作成スキル」を向上させるための近道があります。それは、大手 Web サイトにアクセスし、Web ページを保存し (何ですか? Web ページの保存方法がわからないと? 「ファイル → 名前を付けて保存」するだけです)、保存した Web ページを開いて右クリック → ソース ファイルを表示し、他の人がどのように Web ページを作成しているかを確認し、その作成方法を真似して、自分のコードを常に標準化することです。ねえ、この方法は悪くないよ。まずは丁寧に真似してみましょう。
次は花火について学びましょう。最初はインターネットでいくつかのサンプル チュートリアルを見つけることをお勧めします。これらのサンプル チュートリアルは、通常、非常に詳細に紹介されています。ステップ バイ ステップで実行してください。サンプルを学習するたびに、いくつかの操作を習得し、独自の作品を作成することで達成感が得られます。長期的な蓄積は、上達に非常に役立ちます。 Fireworks を学ぶということは、主にエフェクトの追加などの画像処理を学ぶことですが、初心者にとって非常に重要な画像の切り取りも非常に重要です。
このとき、学習用に Dreamweaver と組み合わせて使用​​することもでき、Dreamweaver と Fireworks のシームレスな統合を体験できます。これらのツールを使用してさらにいくつかの Web ページを作成すると、一定のレベルに到達します。
Web ページにもっと派手な効果を加えたいなら、Flash を学ぶことをお勧めします。難しくはありません。JavaScript の基礎がしっかりしていれば、Flash で ActionScript を学ぶときに既視感を感じるでしょう。なぜなら、2 つの構文はほぼ同じだからです。
この時点で、「Web の三銃士」の威力を本当に理解していただけると思います。
練習を通じて継続的に向上する<br />1 日に 2 時間勉強することができれば、上記の学習を完了するのにおそらく 20 日しかかかりません。才能が高ければ(私のように、笑)、さらに時間はかかりません。次はインターンシップです。企業でアルバイトをしたり、自分の会社のホームページをデザインしたりと、自分を鍛えられる場所を探しましょう。
正式な開発チームに参加するのが最善です。チーム方式で Web サイトを開発する方法、特にプログラミング チームと協力してページとバックエンド プログラム データベースを調整する方法を学びます。自分は新人だから人から軽蔑されるのではないかと心配するかもしれません。でも、それは問題ではありません。チャンスを見つけるために一生懸命努力する限り、チャンスは必ずあります。
私に機会を与えてくれた学校の学生向けオンライン ウェブサイトに特に感謝しています。ある日、私は作った2つのFlash作品を持って就職面接に行きました。予想外に、私は面接に合格しました。その後、プロの開発チームで練習する機会を得ました。継続的な努力と専門家への絶え間ない質問を通じて、私のレベルは急速に向上しました。2、3か月後、私はいくつかのサイトを自力で完成させることができましたが、もちろんそれらは静的なものでした。ここで、決して恥ずかしがる必要はないということを指摘したいと思います。答えがわからない場合は、ただ質問してください。専門家は喜んで答えてくれます。そして、彼らにアドバイスを求めることができるという事実は、彼らにとって一種の肯定であり、彼らはとても幸せになります、ハハ。
この時点で、基本的には「準Webデザイナー」と言えますが、根本的に自分を向上させたいのであれば、Webデザイナーとしての基礎スキルであるアートを学ぶのがベストです。
最初は純粋に自分の楽しみのためにウェブページを作り始めましたが、その過程でだんだんこの仕事に深い愛を感じるようになりました。この学習プロセスは人生において貴重な資産です。少なくとも私はそう思います。

<<:  MySQLデータベースの基本構文と操作

>>:  Kubernetesでポッドを作成する方法

推薦する

Dockerの核となる原則であるCgroupの詳細な説明

カーネル内の強力なツール cgroup は、NameSpace によって分離されたリソースを制限でき...

Vue3 ドラッグ可能な左パネルと右パネルの分割コンポーネントの実装

目次コンポーネントの分解左パネル右パネル入力パラメータの分解小道具スロット具体的な実装ドラッグする方...

Navicat の MySQL へのリモート接続の実装手順の分析

序文皆さんはリモート サーバーで開発を行っており、MySQL の使用率はかなり高いはずです。コマンド...

WeChatミニプログラムをTencent Mapsに接続する2つの方法

最近、WeChat アプレットを作成しているのですが、いくつか問題が発生しました。インターネットでい...

MySQLインデックスを追加する3つの原則を簡単に理解する

1. インデックスの重要性インデックスは、列に特定の値を持つ行をすばやく見つけるために使用されます。...

Windows での Nginx のインストールと環境設定 (nginx をサービスとして実行)

最初で最も重要なステップは、Windows 環境に Ngnix サービスをインストールする方法です。...

大量のデータをMySQLにインポートする際に発生する問題と解決策の分析

プロジェクトでは、SQL を使用してデータ分析を実行するために、大量のデータをデータベースにインポー...

HTML テーブル マークアップ チュートリアル (4): 境界線の色属性 BORDERCOLOR

テーブルを美しくするために、テーブルにさまざまな境界線の色を設定できます。基本的な構文<テーブ...

Vue ログインページ用の動的パーティクル背景プラグインの実装

目次動的パーティクル効果は次のとおりです。プラグインをインストールする動的パーティクル効果は次のとお...

TypeScript 開発のための 6 つの実用的なヒント

目次1. 開発前にエンティティの種類を決定する2. インターフェースをリクエストするときは、使用する...

HTML テーブルタグチュートリアル (13): 内部境界スタイル属性ルール

RULES を使用すると、テーブルの内部境界のスタイルを制御できます。基本的な構文<TABLE...

MySQL の null 可能フィールドは NULL に設定する必要がありますか、それとも NOT NULL に設定する必要がありますか?

MySQL を頻繁に使用する人は、次のような状況に遭遇する可能性があります。 1. フィールド タ...

Dockerコンテナを介してランプアーキテクチャを構築するプロセス

目次1. Centosイメージを取得する2. nginxイメージをビルドする3. MySQLイメージ...

MySQL DEFINER の使用方法の詳細な説明

目次序文: 1.DEFINERの簡単な紹介2. いくつかの注意点要約:序文: MySQL データベー...

ストリーマーボタンの効果を実現するCSS3アニメーション

CSS3 を学習する過程で、CSS3 属性を使用すると多くのクールな効果を簡単に実現できることが分か...