Dahua HTML 初めての「Alien World」のご紹介_html/css_WEB-ITnose

第 1 章 ウェッジ

「起きていますか？」 老人は優しい顔で長いひげを撫でながら尋ねた。

「え？」

待て、なぜこの老人は空中に直接ぶら下がっているんだ。

「なんてことだ、くそー！！〜」

老人は自分自身を見つめましたが、何も問題がないようでした。瞬時に思い出した。

「あなたは交通事故に遭って亡くなりました。えっと、でも私たちのミスであなたは死んでしまったのです。だから私たちはあなたに生まれ変わる機会を与えたのです。

「それでも戻りたいなら、ここにいてください。」次の世界で生き残るための秘密のスキルを最初に教えます。」

あなたは耐えて、突然言いました。このスキルを習得したらどうなるでしょうか？ 考えるだけで少しワクワクしませんか？ 「

「はい、早速始めましょう。」 「

「さあ、行こう！〜」

第 2 章

まず、卒業後の「ベテラン」のふりをする方法を説明します。研究。

まず、勉強を終えたら、まず「出禁」になります。

「何かクールで素晴らしいタイトルですか？ 精霊氷斗羅ですか、血刃神帝ですか？ 名前をフオ・ユーハオかムーチェンのような名前に変えるべきですか？

「卵です、私にください。横になってください。」 、あなたの肩書は - フロントエンド開発エンジニアです。 「

「つまらないよ〜」

「勉強するつもりですか？」 「

」 彼は実はフロントエンド開発エンジニアです。 ITシステムエンジニアリング担当。機器、システム、データベース、アプリケーションシステムの構築など、情報システムの設計と構築を実際に担当します。 「

」人間らしく話してください！私は初期の段階では Web デザイナーですが、将来的には自分の Web サイトを書いたり、さまざまなアニメーション ゲームを作成したりするだけではなくなります。ウェブページで数分でこれらの恐怖を克服できませんか? "

「どうすれば他の人と一緒に修煉できるでしょうか？」 . 「

「はい、結局大学で勉強しました。PPT、EXCEL に堪能です...」

「ああ、会社に入ってからの分業はね。大体こんな感じです

1. 製品要件: プロダクトマネージャーから与えられます。要件文書を作成します

2. プロジェクトデザイン:

ビジュアルデザイナー –> PSD デザイン図面

インタラクションデザイナー –> Web サイトのインタラクションをデザインします

3.フロントエンド開発:

HTML

iOS

Android

Unity-3D

4. バックエンド開発:
バックエンドスタッフの協力

5. Web サイトの企画業務を実際に引き継ぐ企業が多いことに注意してください。そして、Web サイトと同様に、インタラクション デザイナーは多くの企業から省略されており、最終的なオンライン操作は通常、当社とは何の関係もありません。 「まず第一に、さまざまなブラウザの使用など、さまざまな開発ツールの使い方を学び、さまざまなブラウザのプラグインに慣れ、さまざまなブラウザの違いを理解し、使いこなすことです。伝説の「アジア四大邪術」「

の中国PSテクニック」

「素晴らしい！（とても素晴らしい）」

「大丈夫、他には何があるの？」

「HTML、CSSなどのさまざまな言語も習得する必要がある」 、JS、DOM、BOM、PHP、Ajax、Node.jsなど。「

」「これは一体何ですか？」「

」さまざまな種類の言語と習得する必要があるテクノロジーです。 「さて、どこから始めましょうか？」

「今日はまずフロントエンド開発のコア言語についてお話します。 「

フロントエンド開発の中核言語

HTML: ハイパーテキストマークアップ言語の構造

CSS: カスケードスタイルシートのパフォーマンス

JS: スクリプト言語の動作

」それでも理解できない場合は、例を示します。 「

」 HTML、CSS、JS が実際に連携していることがわかりましたか? HTML は構造を担当し、CSS はスタイルを担当し、JS は動作を担当します。たとえば、クリックしたときのカラー ブロック。長くなりました。 「

」長くても短くてもいいですか？ふふふ、厚くても薄くてもいいですか？ 「

」ここから出て、どこに行きたかったの？ 「

」 控えめに控えめにところで、先ほどこの3つが使われていると言いましたが、HTMLって何でしょうか？

HTML ハイパーテキスト マークアップ言語

ハイパーテキスト?
テキスト以外にも、画像、リンク、その他のリソースを含めることができます

マークアップ?

特定の場所に特定のコンテンツを書きます (手紙を書いたことはありますか? 載せてみましょう)封筒）郵便番号を書く枠がマークです）

マークの作り方
<> 二重マーク

マークアップ言語を使用して、このマークに特別な意味を与えますか?

これはマークアップ言語です。

「ああ、それでは HTML はどのように書くのですか?」

「急ぐ必要はありません。まず HTML の基本的な構造を理解しましょう。」

「ああ、そうです (それだけです)。しかし、このように書かれたコンテンツはまったく見栄えがしません。どうすればこれをもっと美しくできますか?

「これには、Cascading スタイル シートが必要です。」分かりました、覚えておいてください。」

「わかった、私は SM が一番好きだよ、ふふふ～」

「…」もちろんそうではありません。導入方法は先ほどと同様に「インラインスタイルシート」です

タグ内に記述する

メリット:

最優先

欠点:

冗長なコードが多すぎる

メンテナンスに役立たない

使用シナリオ:

個別の特殊効果の設定は通常はお勧めできません

「他の 2 つのメソッドはどうですか?」

「他の 2 つのメソッドは、 「内部スタイルシート」と「外部スタイルシート」は両方とも「

」タグ内に記述する必要があります。そういえば、CSS セレクターについて説明する必要があります。何かを変更するには、まず変更する必要があることを通知する必要があります。 ”

この段階で 3 つの選択方法を説明します

1. タグ名セレクター
2. クラス セレクター

3. ID セレクター

”

「それでは、私の名前を聞いてもいいですか？」

「私は長い間あなたを尊敬していました。」今日会ったばかりです。」

「そんなこと言わないで、お互いに媚びてください。それが団結に良いのです。まず水を一口飲んでください。」

「それでは、教えてください。」

「それでは」特定のラベルを選択する方法を教えました。

「背景の設定を学んだ後、境界線の設定を学びましょう。」

「その後、私たちは。内側のマージン、つまりパディングについても学ぶ必要があります。”

”内側と外側のマージンがあります。 ”

”パディング、ボーダー、マージンを学習したら、フロントエンド開発に最適な「ボックス モデル」を形成できます。 「

」おじさん、よく知ってるね。 「

」もちろん、結局のところ、私も健康管理のために頻繁に外出する人です。私は、二龍熙、スターウォーズ、またはそのようなものを経験したことはありません。 「

」おじさん、腎虚には気をつけてね。 ”

”ああ、私はボックスモデルのフットプリントについて話しています。

ボックスモデル

ボックスが占めるスペース

幅: width + border-left + border-right + padding-left + padding-right;

高さ: height + border-top + border-bottom + padding-top + padding-bottom;

「今日の最後に、テキスト スタイルを制御するさまざまな方法を教えます。

「テスト内容は短くしてください。長くなる場合は問題が発生しますので、後で教えます。」 「

」 ああ、それでは私の名前を教えてください。 「

」うーん、じゃあ自分で試してみてどうなるか見てみる？何かわからないことがあれば、また連絡してください。 「

」ありがとう、おじさん！ ～「

」先生に電話して！クソ野郎め。 「

」あの、先生。 「

」さて、帰ったらもっと熱心に練習すれば、将来は必ず素晴らしい選手になれるよ。毎日ここに来て勉強し、毎日コメントや「いいね！」を残してください。 「

」わかりました、陛下、ありがとうございます、陛下。

さて、今日の記事はここまでです。これを読んでいる人は皆、真実の愛です。

この書き方で技術的な記事を書くのは初めてです。積極的に修正してメッセージを残してください。

最後に、今後も私から学び続けていただければ幸いです。

2016 年 6 月 6 日 3 時間かかりました。