DREAMWEAVER Quiz #7
1. What is the name of the finished site that he created as a sample.
Manchester design studio
2. What is the First step to organizing a web site?
Have a plan/outline
3.
Follow the directions to create a new site. Make it exactly like he
does with the same folder names. Add all folders and pages exactly as
he does.
Done
4. Mr. Larsen will come by to check your folder to give you credit for Tutorial 7 so be ready to show him the folder.
Done
Monday, August 31, 2015
DREAMWEAVER Quiz #6
DREAMWEAVER Quiz #6
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="
3. How is an image tag different from a <p> tag or <h> tag?
It does not need a closing tag
4. Where do you put the image tag if you want to have an image as a link?
you put it the image tag where your text would normally go in a link
5. Practice adding images on your page.
Done
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="
3. How is an image tag different from a <p> tag or <h> tag?
It does not need a closing tag
4. Where do you put the image tag if you want to have an image as a link?
you put it the image tag where your text would normally go in a link
5. Practice adding images on your page.
Done
Friday, August 28, 2015
Wednesday, August 26, 2015
DREAMWEAVER Quiz #5
DREAMWEAVER Quiz #5
1. What were hyperlinks or "links" originally called?
Anchors
2. What tag do you use when creating a hyperlink?
An a tag
3. What do you have to include in your "a" tag to make it a hyperlink?
href="
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).
Done
5. Create a new folder and a "Products" page.
Done
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?
Include the name of the folder and a slash
7. Can you use the "Browse" option when you are trying to link to pages that are on the internet?
No, you need to type the full web address or copy and paste the web address
8. Include a hyperlink to the DVHS homepage on your Welcome page or Index.
Done
9. If you want to open a new tab when you click on a link what code do you include?
add 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.
Done
11. Reflection: Why would you want to have some links lead to a new tab?
So you still have your original website open.
1. What were hyperlinks or "links" originally called?
Anchors
2. What tag do you use when creating a hyperlink?
An a tag
3. What do you have to include in your "a" tag to make it a hyperlink?
href="
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).
Done
5. Create a new folder and a "Products" page.
Done
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?
Include the name of the folder and a slash
7. Can you use the "Browse" option when you are trying to link to pages that are on the internet?
No, you need to type the full web address or copy and paste the web address
8. Include a hyperlink to the DVHS homepage on your Welcome page or Index.
Done
9. If you want to open a new tab when you click on a link what code do you include?
add 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.
Done
11. Reflection: Why would you want to have some links lead to a new tab?
So you still have your original website open.
Tuesday, August 25, 2015
DREAMWEAVER Quiz #4
DREAMWEAVER Quiz #4
1. What are the 4 types of tags that are covered in this tutorial?
HTML tag, head tag, body tag, and div tag
2. Every HTML document begins with what?
A doc type statement
3. What is the first and last tag in your document?
An HTML tag
4. Anytime you write code to tell your web browser something it goes where?
Into the head section
5. Where does your content go for the webpage?
In the body section
6. How do you maintain the readability of the code?
Indenting
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>
<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?
In the title section
9. How does Google decide what shows up in the search engine?
The text that's in your 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.
I have content.
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.
Yes
1. What are the 4 types of tags that are covered in this tutorial?
HTML tag, head tag, body tag, and div tag
2. Every HTML document begins with what?
A doc type statement
3. What is the first and last tag in your document?
An HTML tag
4. Anytime you write code to tell your web browser something it goes where?
Into the head section
5. Where does your content go for the webpage?
In the body section
6. How do you maintain the readability of the code?
Indenting
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>
<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?
In the title section
9. How does Google decide what shows up in the search engine?
The text that's in your 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.
I have content.
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.
Yes
Monday, August 24, 2015
News Over The Weekend
Monday Blog
Over the weekend of Aug. 21- 24 an Oklahoma politician was stabbed by his son. His name was Mark Costello. Officers found him in a vehicle with wounds on his head and neck. Mark's 27-year old son was arrested and guilty of first-degree murder.
On August, 24, 2015 in southwestern England there was an airshow. During this air show one of the planes crashed on a highway. About 11 people died and 14 others were injured. The pilot survived but is now in a coma.
Over the weekend of Aug. 21- 24 an Oklahoma politician was stabbed by his son. His name was Mark Costello. Officers found him in a vehicle with wounds on his head and neck. Mark's 27-year old son was arrested and guilty of first-degree murder.
On August, 24, 2015 in southwestern England there was an airshow. During this air show one of the planes crashed on a highway. About 11 people died and 14 others were injured. The pilot survived but is now in a coma.
Friday, August 21, 2015
DREAMWEAVER Quiz #3
DREAMWEAVER Quiz #3
1. He compares a webpage to a ________.
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, Content Text/Images, and 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?
p tag and h tag
7. What does <p> stand for? (What is it called?)
Paragraph tag
8. What does a slash (For Example : <p/>) mean?
It means it is the ending of that heading or paragraph
9. What does the <h> mean in Dreamweaver?
Heading
10. Does HTML recognize extra lines in the code view?
No
11. What does the asterix ( * ) mean on the tab at the top of your page?
You have unsaved changes
12. Do you have to use a closing tag with the <br>?
No
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> to <ol>
15. Does HTML recognize tabs?
No
1. He compares a webpage to a ________.
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, Content Text/Images, and 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?
p tag and h tag
7. What does <p> stand for? (What is it called?)
Paragraph tag
8. What does a slash (For Example : <p/>) mean?
It means it is the ending of that heading or paragraph
9. What does the <h> mean in Dreamweaver?
Heading
10. Does HTML recognize extra lines in the code view?
No
11. What does the asterix ( * ) mean on the tab at the top of your page?
You have unsaved changes
12. Do you have to use a closing tag with the <br>?
No
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> to <ol>
15. Does HTML recognize tabs?
No
Wednesday, August 19, 2015
DREAMWEAVER Quiz #2
DREAMWEAVER Quiz #2
1. What is the site folder also called?
My First Website
2. When you select the "folder" icon in Adobe products, where will it take you?
Choose Root Folder
3. Did you create a new site? If not, do so now. Be able to show it to Mr. L.
Yes, I have created a website
4. How do you create a new folder inside the site folder?
Right Click on the site folder and click New Folder
5. How do you sort the folders in your site?
Local Files, Size, Type and Modified
6. What are the two basic types of files we'll be working with in Dreamweaver?
HTML Files and CSS Files
7. What is the way your browser knows to open the first page in your website?
The first page inside your website is always going to be called index.html
8. When you name a page what is the default that Dreamweaver uses?
HTML
9. Did you create a "Styles" page? Do so now and be able to show it to Mr. L.
Yes, I have created a "Styles" page
10. What should you never do with files in Dreamweaver?
Never create or move files around manually in Dreamweaver
1. What is the site folder also called?
My First Website
2. When you select the "folder" icon in Adobe products, where will it take you?
Choose Root Folder
3. Did you create a new site? If not, do so now. Be able to show it to Mr. L.
Yes, I have created a website
4. How do you create a new folder inside the site folder?
Right Click on the site folder and click New Folder
5. How do you sort the folders in your site?
Local Files, Size, Type and Modified
6. What are the two basic types of files we'll be working with in Dreamweaver?
HTML Files and CSS Files
7. What is the way your browser knows to open the first page in your website?
The first page inside your website is always going to be called index.html
8. When you name a page what is the default that Dreamweaver uses?
HTML
9. Did you create a "Styles" page? Do so now and be able to show it to Mr. L.
Yes, I have created a "Styles" page
10. What should you never do with files in Dreamweaver?
Never create or move files around manually in Dreamweaver
Tuesday, August 18, 2015
DREAMWEAVER Quiz #1
DREAMWEAVER Quiz #1
1. How do you collapse a tab?
Double Click
2. How do you open a panel that you can't find on your screen?
Click on "Window"
3. How do you change your panel view so you can only see the categories of the panels (fully collapsed)?
The double arrows
4. What is the name of the tab that appears when he opens the first of his sample pages?
process.html
5. How do you close all the open documents at once?
Go to "File" and click "Close All"
6. What are the two basic views in Dreamweaver?
Code View and Design View
7. What is split view used for?
Split puts the code view on one side and the layout or design view on the other side.
8. What view will we use most of the time?
Code View
1. How do you collapse a tab?
Double Click
2. How do you open a panel that you can't find on your screen?
Click on "Window"
3. How do you change your panel view so you can only see the categories of the panels (fully collapsed)?
The double arrows
4. What is the name of the tab that appears when he opens the first of his sample pages?
process.html
5. How do you close all the open documents at once?
Go to "File" and click "Close All"
6. What are the two basic views in Dreamweaver?
Code View and Design View
7. What is split view used for?
Split puts the code view on one side and the layout or design view on the other side.
8. What view will we use most of the time?
Code View
Monday, August 17, 2015
Photoshop Poster
I learned how to Photoshop and put pictures together to make it look like one image.
Wednesday, August 12, 2015
State Standards and Reflection
4.1 Apply basic mathematics to hardware, including terminology (e.g., bits, bytes, kilobytes, megabytes, gigabytes, terabytes)
8.3 Identify the proper configuration for client email including client setup parameters (username and password), protocols and port numbers, and security issue
16.3 Apply the principle of usability in design (user experience)
19.1 Explain the need for understanding a target audience in order to create appropriate marketing strategies for a successful website
Reflection: On Monday, Mr. Larsen told us about the class and explained things about the class. We introduced ourselves by standing up and telling the class our name and our favorite animal. We shook hands with people and told them our name. On Tuesday, we learned and created a blog. We emailed Mr. Larsen the blog address. We designed our blog and typed 10 ideas for what we want to learn about how to create a website.
Future Plans:
3.1 Copyright
3.3 Privacy of technology
5.1 Identify the components and functions of the Internet
5.2 How the Internet evolved and its impact on the world
11.5 Web Design
14.1 HTML5 video formats (e.g., webm, .ogv, .mp4, h.264) to play video files on a web page
17.2 Describe security issues related to the network, computer hardware, software, and data
17.3 Identify computer threats and methods to protect a computer (e.g., viruses, phishing, e-mail, social engineering, spoofing, identify theft, spamming
17.5 Security and Privacy
19.2 Identify web promotional strategies (social media, banners, etc.)
8.3 Identify the proper configuration for client email including client setup parameters (username and password), protocols and port numbers, and security issue
16.3 Apply the principle of usability in design (user experience)
19.1 Explain the need for understanding a target audience in order to create appropriate marketing strategies for a successful website
Reflection: On Monday, Mr. Larsen told us about the class and explained things about the class. We introduced ourselves by standing up and telling the class our name and our favorite animal. We shook hands with people and told them our name. On Tuesday, we learned and created a blog. We emailed Mr. Larsen the blog address. We designed our blog and typed 10 ideas for what we want to learn about how to create a website.
Future Plans:
3.1 Copyright
3.3 Privacy of technology
5.1 Identify the components and functions of the Internet
5.2 How the Internet evolved and its impact on the world
11.5 Web Design
14.1 HTML5 video formats (e.g., webm, .ogv, .mp4, h.264) to play video files on a web page
17.2 Describe security issues related to the network, computer hardware, software, and data
17.3 Identify computer threats and methods to protect a computer (e.g., viruses, phishing, e-mail, social engineering, spoofing, identify theft, spamming
17.5 Security and Privacy
19.2 Identify web promotional strategies (social media, banners, etc.)
Tuesday, August 11, 2015
Ideas For Class
Ideas for Mr. Larsen's Class
1. add pictures
2. add text
3. change background
4. how to add links to other websites or another page on your website.
5. Add moving objects or flashing symbols
6. Add videos
7. How to make a website secure so it can not be hacked.
1. add pictures
2. add text
3. change background
4. how to add links to other websites or another page on your website.
5. Add moving objects or flashing symbols
6. Add videos
7. How to make a website secure so it can not be hacked.
Subscribe to:
Posts (Atom)