2017-06-21 12 views
0

#header、#footer、および#mainのdivを含むコードの作成が必要です。私はコード内のどこに行くのか分かりません。私はCSSスタイルシートを使って簡単なhtmlページを作成しました。私は実際に私のクラスのためにこれを実際に学習しようとしているので、私は誰のためにコードを書くことを求めていませんが、いくつかの指導は素晴らしいだろう。このページはヘッダーの私の連絡先情報とフッターの著作権通知を含む履歴書です。レジュメの内容はメインセクションに表示されます。あなたが提供できるあらゆるお手伝いをありがとうございました!ヘッダー/フッター/メインコード

ここでは、前回の課題について説明しました。

CSSスタイルシート...

body { 
background-color: rgb(184, 179, 173); 
} 

.header{ 

h1{ 
font-family:"Impact", Charcoal, "sans-serif"; 
color: rgb(217, 89, 0); 
margin-left: 20px; 
font-size:65px; 
text-align: center; 
} 

h2{ 
font-family:"arial black", gadget, "sans-serif"; 
color: rgb(242, 125, 0); 
margin-left: 20px; 
font-size:40px; 
text-align: center; 
text-decoration: underline; 
} 

p{ 
font-family:"arial", arial, "sans-serif"; 
color: rgb(51, 53, 36); 
margin-left: 32px; 
font-size:20px; 
text-align: left; 
text-indent:-32px 

} 

img { 
    display: block; 
    margin: 0 auto; 
    width:230px; 
    height:320px; 
} 

HTMLページ...

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="JillBowman2.css"> 
</head> 
<body> 

<h1>Jill Bowman</h1> 
<img src="https://s26.postimg.org/9p6vuu5i1/JBowman.png" alt="Jill-Bowman-Photo"> 
<br> 
<h2>Education</h2> 
<p>Bachelor of Science - Elementary Education<br> 
Oklahoma State University - Stillwater, OK<br> 
May 2010</p> 
<br> 
<p>Master of Education - Educational Technology <br> 
University of Arkansas - Fayetteville, AR<br> 
Anticipated December 2018.</p> 
<h2>Educational Experience</h2> 
<br> 
<p>6th Grade Math Teacher - McKinney, TX<br> 
From August 2015 - June 2017 I was employed by McKinney Independent School District as a 6th grade math teacher at Dowell Middle School. During my time at Dowell I taught on-level, Pre-AP, and GT. I was the NJHS sponsor and coordinated a fundraising campaign that raised over $10,000 for the Leukemia and Lymphoma Society. I was also the Academic UIL coach for Calculator Applications and Number Sense. My students consistently placed in the top 5 in both events. In the 2016-2017 school year, 59% of my students scored at the highest level on the STAAR test.</p> 
<br> 
<p>8th Grade Math Teacher - Carrollton, TX<br> 
From August 2014 - June 2015 I was employed by Carrollton-Farmers Branch Independent School District as an 8th grade math teacher at Dan F. Long Middle School. While at Long, I taught Algebra 1 and 8th grade math. I implemented a blended classroom with the use of 1-to-1 iPads. I was also the head cheer coach and StuCo sponsor at Long.</p> 
<br> 
<p>Middle School Math Teacher - Tulsa, OK<br> 
From August 2012 - June 2014 I was employed by Tulsa Union Public School as a math teacher at the Union 6th/7th Grade Center. While at U6/7 I taught all levels of math to 6th and 7th grade. I was also the leader of two after school clubs. One of my clubs talked about current events and the other taught the students how to cook easy and healthy meals for their families. I was also the afternoon detention teacher. </p> 
<br> 
<p>7th Grade Math Teacher - Liberal, KS<br> 
From August 2011-May 2012 I was employed by Liberal USD 480 as a 7th grade math teacher at West Middle School. While at WMS, I taught various levels of 7th grade math. I was also responsible for security at all sporting events. </p> 
<br> 
<p>6th Grade Core Teacher - Liberal, KS<br> 
From August 2010 - May 2011 I was employed by Liberal USD 480 as a 6th grade core teacher at Cottonwood Intermediate School. I was responsible for teaching my students math, science, social studies, and language arts. While at CIS I worked for Project BEST which was an after school enrichment and remediation program. </p> 
<br> 
<h2>Showcase</h2> 
<br> 
<p>As a requirement for one of my master’s classes, I built a website with various technology tutorials. Please visit my page by clicking <a href="https://jeb029.wixsite.com/website"> here.</a> 
<h2>Contact Me</h2> 
<p>Feel free to contact me via <a href="mailto:[email protected]">Email.</a></p> 
</body> 
</html> 
+0

あなたはすでに持っているコードを共有できますか? –

+2

あなたのコードであなたの質問を編集してください –

+0

私は今まで持っているコードを含めるように編集してください。私たちは以前の割り当てでスタイルシートにリンクされた基本的なhtmlを行うことでした。今度は#header、#footer、#mainというdivを追加しています。以前はdivを使用したCSSボックスモデルを作成しましたが、2つをマージする方法はわかりません。このクラスは私の初めてのコードですので申し訳ありません私は完全な初心者です! – JillyBPokes

答えて

1

私の理解から、あなたはすでにあなたのHTMLファイル内で参照スタイルシートを持っています。ここで行う必要があるのは、単なるコンテナであるdiv要素を追加し、さまざまなCSS定義を「呼び出す」ことだけです。私はあなたのintial試みがうまく働いたと思いますが、あなたは正確にヘッダCSSの定義を呼び出すされませんでした。一日の終わりに

<div class="header">Header</div>

を、私はあなたがこれを見てとるだけお勧めしますまだ助けが必要な場合:Simple div with header,footer and body

+0

ありがとうございます。以前はそのリンクを見ていましたが、すべてを理解するのは苦労していました。 – JillyBPokes

+0

問題ありません。私の答えが十分であれば、それをあなたの受け入れられた答えとしてマークしてください。前もって感謝します。 – Ragxion