{"id":5274,"date":"2024-01-18T15:05:44","date_gmt":"2024-01-18T15:05:44","guid":{"rendered":"https:\/\/rodmilstead.com\/pt\/?page_id=5274"},"modified":"2024-01-18T15:08:29","modified_gmt":"2024-01-18T15:08:29","slug":"5274-2","status":"publish","type":"page","link":"https:\/\/rodmilstead.com\/pt\/5274-2\/","title":{"rendered":"Dream Website"},"content":{"rendered":"
\n

You will create a three page website that outlines your absolute, most amazing Dream Job, Car, Meal, Celebrity Visit, College, or Vacation.\u00a0 If you have done the vacation before then YOU CAN\u2019T DO IT AGAIN.\u00a0 Start fresh.<\/span><\/h1>\n<\/header>\n
\n

The three pages are:
\n-index (homepage)
\n-picture page \u2013 at least six image that relate to your topic
\n-information about your topic \u2013 what it costs, how you get the job, what is the recipe?\u00a0 Also add three links to this page that link to other websites about your topic.<\/p>\n

All pages must be linked to each other using text hyperlinks.<\/p>\n

Before you start your HTML, create two new folders:
\n1. a folder labeled web design
\n2. inside of your web design folder create a folder labeled dream.<\/p>\n

Index\/Homepage:
\n<\/strong>-save this page as index.html
\n-this the homepage of your website.
\n-you should have one incredible photo of your dream choice and links to all other pages.<\/p>\n

Picture page:<\/strong>
\n-save this page as pictures.html and title it \u201d Photos of (your topic)\u201d.
\n-at least four images
\n-include links on this page to all of the other pages in your site.<\/p>\n

Information page:<\/strong>
\n-save this page as info.html and title it \u201c(your topic) Information\u201d.
\n-create links to at least three websites that have info about your topic
\n-include links on this page to all of the other pages in your site.<\/p>\n

Format each page so that text, backgrounds and colors work well together. Include images of your topic on each page.<\/p>\n

Resources:
\n<\/strong>Sample html to get you started-\u00a0click here!<\/a><\/p>\n

Linking pages and linking to external websites:
\nhttps:\/\/www.w3schools.com\/html\/html_links.asp<\/a><\/p>\n

Adding images:\u00a0https:\/\/www.w3schools.com\/html\/html_images.asp<\/a><\/p>\n

Changing background colors:\u00a0https:\/\/www.w3schools.com\/tags\/att_body_bgcolor.asp<\/a><\/p>\n

Making your web page background an image:\u00a0https:\/\/www.w3schools.com\/tags\/att_body_background.asp<\/a><\/p>\n

How to change font color and size for text:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<p style=\"font-size: 25px;font-family:verdana\">It's so hard to choose two favorite aircraft out of all the amazing designs born over the last century.<\/p><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to center an image:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<p style=\"text-align:center;\"><img src=\"wbfirstflight.jpeg\" width=600><\/p><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How create a line break:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<br><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to change the size of an image \u2013 use the width=600 in your image tag:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<p style=\"text-align:center;\"><img src=\"wbfirstflight.jpeg\" width=600><\/p><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to change font color and size for text:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<p style=\"font-size: 25px;font-family:verdana\">It's so hard to choose two favorite aircraft out of all the amazing designs born over the last century.<\/p><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to center an image:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<p style=\"text-align:center;\"><img src=\"wbfirstflight.jpeg\" width=600><\/p><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How create a line break:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<br><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to change the background color of a page \u2013 replace the <body> tag with this:<\/p>\n

\n
\n
\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
<body style=\"background-color:grey;\"><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n

How to create a link to another page:<\/p>\n

<a href=\"http:\/\/google.com\">click here for google!<\/a><\/code><\/pre>\n
<\/div>\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
You will create a three page website that outlines your absolute, most amazing Dream Job, Car, Meal, Celebrity Visit, College, or Vacation.\u00a0 If you have done the vacation before then YOU CAN\u2019T DO IT AGAIN.\u00a0 Start fresh. The three pages are: -index (homepage) -picture page \u2013 at least six image that relate to your topic … Continue reading Dream Website<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/pages\/5274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/comments?post=5274"}],"version-history":[{"count":4,"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/pages\/5274\/revisions"}],"predecessor-version":[{"id":5278,"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/pages\/5274\/revisions\/5278"}],"wp:attachment":[{"href":"https:\/\/rodmilstead.com\/pt\/wp-json\/wp\/v2\/media?parent=5274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}