AcesArt Wiki


Welcome to the wiki and if you have any questions, just email me, Robert_Wright@amanda.k12.oh.us

Student-Written Tutorial On How To Make A Great Website:
1. Make a folder on your desktop name it with your "lastname_whatever the project is". ex.(foreman_sports)
2. Open that folder and make another folder and name it "img". This is where all your pictures will go. But make sure that you change all of your photos to .jpg before you put them on to dreamweaver.
3. Open Dreamweaver.
4. Click "New HTML". When this new page opens go to the bottom of the page and click on page properties in the left corner you will find the word links. Click it. Choose the Link Colors for all of your links and make sure the links stand out from background.
5. Then insert a table of your choice with the needed number of rows and columns.
6. Open Fireworks. (Drag a photo that you want to use to Fireworks)
7. Create a banner to put across the top of your table on every page in Fireworks.
8. Make sure the banner is 640 pixels long, and 150-175 pixels high, 72 pixels per inch resolution and a jpeg.
9. Go back to Dreamweaver and add the banner and rest of the content that you want your website to have.
10. You will want to click on the window button at the top of your screen and click on the "insert" button. a table will come up and you will want to click on the little tree looking thing. this will bring up a screen and you will want to go in and find your banner that you made in fireworks.
11. Making buttons: highlight the button copy to be hyperlinked and go to the bottom of the page and click link inside the "link" box. Put whatever you want the link to be called and make sure you save it with .htm at the end. Under the "link" box, make the target _self.
12. Save this first page and call it "index.htm" It wont work if it is named anything else.
13. After you save that page, erase the parts you don't want on your next page and then finish making your page, when you finish making the next page. Go to the link save the link how you want it. Then click file, save as, erase it, and then save it as what you want it to be called.
14. Do NOT forget to put .htm at the end! To create any more pages just repeat the above step.
15. Repeat as needed.
16. Dont put a dot after img or it will screw up the server.
Contributors: Amber Foreman, Shaydon Ramey, Dallas Backus, Alex Elkins, Tom Leonhardt, Cody Smith, Savannah Sahr, JD Burrell, Tyler Firlik Nathan Boyer

Terms for Web Design 1
Web 1.0 is used to describe the 20th century website model. These websites are primarily static information sites that restrict user involvement to emails and editable posts. You usually found out about these websites from advertising.
Web 2.0 is used to describe the contemporary model for websites. These websites allow RSS feeds, blogging, tagging and collaborative sites such as wikis. You find out about these websites using Google Bog Search, Blogger or by viral marketing.
Hyperlinking is the basis for the internet. Tagging and Blogging are newer incarnations for the basic hyperlink, which is a tagged bit of information that by clicking the html link, you are directed to a different web page.
RSS (Rich Site Summary) is built-in software that will allow you to add a website or blog's feeds or updates to your blog homepage. What RSS does is make it possible for you to keep track of all the hundreds, thousands, etc. of new data or infomation streams that are produced everyday AND this process allows you to selectively choose what you want to be fed.
Blog (blogging) is like a personal webpage that is shared and which ANYONE can comment on. This means you need to be careful what you write and what sort of personal details you publicize. I cannot warn you enough to be careful.
HTML (.htm or .html) means hypertext markup language. This is the code the web browser's software reads to enable a webpage to appear on your screen.
URL stands for Universal Resource Locator.

Web Tips - NEW!
1. Dreamweaver is for producing final websites.
2. Fireworks is for photo manipulation.
3. <!- You must "File -> Export Preview" a .jpg file for the Dreamweaver websites. DON'T use the Fireworks-native .PNG file. -!>
4. Create a project folder with an "img" file inside it before you start your web projects. Put everything in it's proper place.