1. What is the tag you use to insert an image on your page?
<img>
2. What is the attribute that you have
to add to your tag to direct the browser?
src="imagename"
3. How is an image tag different from a
<p> tag or <h> tag?
The <img> tag doesn't need a closing tag
4. Where do you put the image tag if you want to have an image as a
link?
Between the <a> and </a> tags
5. Practice adding images on your page.
OK
Monday, August 31, 2015
Friday, August 28, 2015
Wednesday, August 26, 2015
Quiz 5
1. What were hyperlinks or "links" originally called?
Anchors
2. What tag do you use when creating a hyperlink?
<a>
3. What do you have to include in your "a" tag to make it a hyperlink?
href="link"
4. Do you have an "About", "Contact" and "Welcome" page? If not, create them now and include a small amount of information about yourself on your "About" page. Include an address and phone number on the "Contact" page (it can be fake).
Ok
5. Create a new folder and a "Products" page.
Ok
6. If you create a new folder and want to link to a page in the folder, what would the code include that isn't in the code for the first links he shows you?
Slashes to indicate directory
7. Can you use the "Browse" option when you are trying to link to pages that are on the internet?
no you must type or copy the full address
8. Include a hyperlink to the DVHS homepage on your Welcome page or Index.
Ok
9. If you want to open a new tab when you click on a link what code do you include?
target="_blank"
10. Go to the "Media Productions Share" folder (on the desktop). Copy the PDF file called "technical-standards-web-page-dev..." to your desktop. Then move it into your folder for your website. Use this page to follow along with his instructions.
Ok
11. Reflection: Why would you want to have some links lead to a new tab?
Some content, such as pictures and pdf files, should open on separate tabs because they are not part of the ACTUAL website. They are instead pieces of information that can be accessed by visiting the website. Only navigational links within the website should open in the same tab.
Anchors
2. What tag do you use when creating a hyperlink?
<a>
3. What do you have to include in your "a" tag to make it a hyperlink?
href="link"
4. Do you have an "About", "Contact" and "Welcome" page? If not, create them now and include a small amount of information about yourself on your "About" page. Include an address and phone number on the "Contact" page (it can be fake).
Ok
5. Create a new folder and a "Products" page.
Ok
6. If you create a new folder and want to link to a page in the folder, what would the code include that isn't in the code for the first links he shows you?
Slashes to indicate directory
7. Can you use the "Browse" option when you are trying to link to pages that are on the internet?
no you must type or copy the full address
8. Include a hyperlink to the DVHS homepage on your Welcome page or Index.
Ok
9. If you want to open a new tab when you click on a link what code do you include?
target="_blank"
10. Go to the "Media Productions Share" folder (on the desktop). Copy the PDF file called "technical-standards-web-page-dev..." to your desktop. Then move it into your folder for your website. Use this page to follow along with his instructions.
Ok
11. Reflection: Why would you want to have some links lead to a new tab?
Some content, such as pictures and pdf files, should open on separate tabs because they are not part of the ACTUAL website. They are instead pieces of information that can be accessed by visiting the website. Only navigational links within the website should open in the same tab.
Quiz 4
1. What are the 4 types of tags that are covered in this tutorial?
<html> <head> <body> <div>
2. Every HTML document begins with what?
<!doctype html> statement
3. What is the first and last tag in your document?
<html> and </html>
4. Anytime you write code to tell your web browser something it goes where?
In the <head> tag
5. Where does your content go for the webpage?
In the <body> tag
6. How do you maintain the readability of the code?
Indent
7. What is another way to type the code below that wouldn't change the function on a browser but would change how it looks in the code view?
<head><title>Put your content here</title></head>
8. If you want to change the name of the browser tab where do you change the code?
The <title> tag
9. How does Google decide what shows up in the search engine?
It indexes the <title> tag
10. What tag do you use to divide a page?
<div>
11. Make sure you have content for your page. It should look similar to the content on the tutorial. If you don't have content use his page to type out your content now.
Done
12. What is the shortcut key for opening your page in a browser? (he doesn't say it but you can find it by looking for the shortcut when he opens his "view in browser" button)
f12
13. Did you name your divisions? If not, do it now.
Done
<html> <head> <body> <div>
2. Every HTML document begins with what?
<!doctype html> statement
3. What is the first and last tag in your document?
<html> and </html>
4. Anytime you write code to tell your web browser something it goes where?
In the <head> tag
5. Where does your content go for the webpage?
In the <body> tag
6. How do you maintain the readability of the code?
Indent
7. What is another way to type the code below that wouldn't change the function on a browser but would change how it looks in the code view?
<head><title>Put your content here</title></head>
8. If you want to change the name of the browser tab where do you change the code?
The <title> tag
9. How does Google decide what shows up in the search engine?
It indexes the <title> tag
10. What tag do you use to divide a page?
<div>
11. Make sure you have content for your page. It should look similar to the content on the tutorial. If you don't have content use his page to type out your content now.
Done
12. What is the shortcut key for opening your page in a browser? (he doesn't say it but you can find it by looking for the shortcut when he opens his "view in browser" button)
f12
13. Did you name your divisions? If not, do it now.
Done
Monday, August 24, 2015
Monday Blog
http://www.cnn.com/2015/08/24/europe/france-train-shooting/
On Friday, 3 Americans, traveling on a train in France, subdued an armed gunman as he began an attack on the train. A man from Morocco drew out a gun and began to open fire on the passengers. They tackled him and after a rough fight, where one man was cut several times on the head and neck, were able to beat him unconscious and hog-tie him until the train arrived at the station. They saved countless lives with their bravery and were awarded France's highest recognition of honor.
http://www.dailymail.co.uk/news/article-3204452/North-Korea-shells-South-Korean-military-unit-stationed-countries-shared-border.html
North Korea launched a single shell at a South Korean military unit. In retaliation, South Korea returned fire over the DMZ (demilitarized zone) into the location from which the shell had been fired. It is believed that the North Koreans may have been targeting a South Korean propaganda loudspeaker, which hasn't been done for years. As tensions escalated over the incident, the 2 countries signed a peace agreement Monday afternoon.
On Friday, 3 Americans, traveling on a train in France, subdued an armed gunman as he began an attack on the train. A man from Morocco drew out a gun and began to open fire on the passengers. They tackled him and after a rough fight, where one man was cut several times on the head and neck, were able to beat him unconscious and hog-tie him until the train arrived at the station. They saved countless lives with their bravery and were awarded France's highest recognition of honor.
http://www.dailymail.co.uk/news/article-3204452/North-Korea-shells-South-Korean-military-unit-stationed-countries-shared-border.html
North Korea launched a single shell at a South Korean military unit. In retaliation, South Korea returned fire over the DMZ (demilitarized zone) into the location from which the shell had been fired. It is believed that the North Koreans may have been targeting a South Korean propaganda loudspeaker, which hasn't been done for years. As tensions escalated over the incident, the 2 countries signed a peace agreement Monday afternoon.
Quiz 3
1. He compares a webpage to a ________.
building
2. What is the language that websites are written in?
HTML
3. What are the titles of the four aspects of every webpage?
Structure HTML, Presentation CSS, Context Text/Images, Action Javascript/PHP
4. What are the three main steps to starting a web page?
1. Create page structure - HTML
2. Add sample content to structure
3. Create page presentation - CSS - formatting and positioning
5. What does HTML stand for? (You'll need to look this up online)
Hypertext Markup Language
6. What are the two tags used in HTML?
structural and semantic tags
7. What does <p> stand for? (What is it called?)
paragraph
8. What does a slash (For Example : <p/>) mean?
It represents a closing tag to an earlier tag
9. What does the <h> mean in Dreamweaver?
It creates a title in sizes 1-6
10. Does HTML recognize extra lines in the code view?
nope
11. What does the asterix ( * ) mean on the tab at the top of your page?
That there are unsaved changes to the document.
12. Do you have to use a closing tag with the <br>?
nope
13. What does <li> stand for?
"list item"
14. How do you change from an unordered or bulleted list to an ordered or numbered list?
<ul> = unordered list
<ol> = ordered list
15. Does HTML recognize tabs?
nope
building
2. What is the language that websites are written in?
HTML
3. What are the titles of the four aspects of every webpage?
Structure HTML, Presentation CSS, Context Text/Images, Action Javascript/PHP
4. What are the three main steps to starting a web page?
1. Create page structure - HTML
2. Add sample content to structure
3. Create page presentation - CSS - formatting and positioning
5. What does HTML stand for? (You'll need to look this up online)
Hypertext Markup Language
6. What are the two tags used in HTML?
structural and semantic tags
7. What does <p> stand for? (What is it called?)
paragraph
8. What does a slash (For Example : <p/>) mean?
It represents a closing tag to an earlier tag
9. What does the <h> mean in Dreamweaver?
It creates a title in sizes 1-6
10. Does HTML recognize extra lines in the code view?
nope
11. What does the asterix ( * ) mean on the tab at the top of your page?
That there are unsaved changes to the document.
12. Do you have to use a closing tag with the <br>?
nope
13. What does <li> stand for?
"list item"
14. How do you change from an unordered or bulleted list to an ordered or numbered list?
<ul> = unordered list
<ol> = ordered list
15. Does HTML recognize tabs?
nope
Friday, August 21, 2015
Quiz 2
1. What is the site folder also called?
The site folder is also called the root folder
2. When you select the "folder" icon in Adobe products, where will it take you?
It will take you to a dialogue box to choose the location to save your website
3. Did you create a new site? If not, do so now. Be able to show it to Mr. L.
Yes
4. How do you create a new folder inside the site folder?
Right click and select "New Folder"
5. How do you sort the folders in your site?
Click on the "Local Files" button at the top of the files tab
6. What are the two basic types of files we'll be working with in Dreamweaver?
.html and .css
7. What is the way your browser knows to open the first page in your website?
The homepage is called "index.html"
8. When you name a page what is the default that Dreamweaver uses?
untitled.html
9. Did you create a "Styles" page? Do so now and be able to show it to Mr. L.
Yes
10. What should you never do with files in Dreamweaver?
Arrange them with your computer's file manager
The site folder is also called the root folder
2. When you select the "folder" icon in Adobe products, where will it take you?
It will take you to a dialogue box to choose the location to save your website
3. Did you create a new site? If not, do so now. Be able to show it to Mr. L.
Yes
4. How do you create a new folder inside the site folder?
Right click and select "New Folder"
5. How do you sort the folders in your site?
Click on the "Local Files" button at the top of the files tab
6. What are the two basic types of files we'll be working with in Dreamweaver?
.html and .css
7. What is the way your browser knows to open the first page in your website?
The homepage is called "index.html"
8. When you name a page what is the default that Dreamweaver uses?
untitled.html
9. Did you create a "Styles" page? Do so now and be able to show it to Mr. L.
Yes
10. What should you never do with files in Dreamweaver?
Arrange them with your computer's file manager
Subscribe to:
Posts (Atom)