the internet is becoming the town square for the global village of tomorrow - bill gates dreamweaver...
TRANSCRIPT
![Page 1: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/1.jpg)
“The internet is becoming the town square for the global village of tomorrow”
- Bill Gates
DREAMWEAVER
Welcome to our website!
![Page 2: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/2.jpg)
ADOBE DREAMWEAVER
Allows the user to create, manage and enhance Websites.
Adobe Dreamweaver is an industry standard for Web design.
![Page 3: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/3.jpg)
Open Adobe Photoshop.Choose File > Open.
Browse until you find your fi rst alphabet photo .jpg image. Click OK.
CREATING A NEW WEBPAGE
Open Adobe Dreamweaver to begin. Select File>New.
Choose Blank page>HTML>None.Click Create. Choose File>Save as and save your webpage as index.html
![Page 4: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/4.jpg)
SETTING UP A LOCAL SITE
A local site is a method to tell your computer where to find all of your website files.
This local site will automatically check your web folder for updates to your website content.
![Page 5: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/5.jpg)
SETTING UP A LOCAL SITE
Next, choose Site>New Site.For Site Name, insert your group name.
The Local Site Folder is where your website will be stored. Click the small folder and browse to your Desktop. Click Select.
The website folder will now be stored on your Desktop.
Site Name
Small folder
![Page 6: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/6.jpg)
USING TABLES
Tables are used to contain web content.
Tables tell the computer how to use images and text without requiring the user to put everything in HTML code manually.
![Page 7: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/7.jpg)
USING TABLES
Choose Insert>Table.In the Table dialog box, change the Rows and Columns to three.
Change the Table Width to 1000 pixels. Click OK.Save your document as index.html
![Page 8: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/8.jpg)
INSERTING IMAGES
You can easily insert images into Dreamweaver to add to the content of your website.
When you insert any image, it must be located in the root folder on your desktop.
![Page 9: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/9.jpg)
INSERTING IMAGES
Using your cursor, click inside the top center rectangle on the table.Choose Insert>Image.
Browse until you find the file you want.Click OK.
Top center rectangle
![Page 10: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/10.jpg)
INSERTING IMAGES
Using alternate text creates greater accessibility for users of your website.In the space for Alternate Text, type the name of your file.
Click OK.
![Page 11: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/11.jpg)
Choose Image > Mode > CMYK Color.
ADDING TEXT
Note the Properties tab at the bottom of your workspace. Click the cell containing your image.
Choose Properties>Horz>Center to center align your image.Click and highlight your school name. Choose
Properties>Format>Heading 1 to change your font. Change “Home” and “About FFA” as well.
![Page 12: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/12.jpg)
Choose Image > Mode > CMYK Color.
ADDING HYPERLINKS
Split your screen.Highlight “About FFA” in the code. Click Insert>Hyperlink
Copy and paste the URL from the National FFA Website into the dialog box.
Click OK.
Split Screen
URL to the National FFA
Website
![Page 13: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/13.jpg)
Choose Image > Mode > CMYK Color.
PREVIEW YOUR WEBSITE!
Click on the World button.Select a browser.
World Button
![Page 14: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/14.jpg)
Choose Image > Mode > CMYK Color.
YOUR WEBSITE!
Save your progress!
![Page 15: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/15.jpg)
1. What is the purpose of a
local site?
2. Why do all of the files included in your Website need to be in ONE folder?
LET’S REVIEW!
![Page 16: The internet is becoming the town square for the global village of tomorrow - Bill Gates DREAMWEAVER Welcome to our website!](https://reader038.vdocuments.us/reader038/viewer/2022102923/55168f8c550346f0208b4628/html5/thumbnails/16.jpg)
3. What is the advantage to using the split screen option while building the Website?
4. How do you preview the Website?
LET’S REVIEW!