Step by step to a basic web site

Step-by-step to Create a Basic Website Eli Collins-Brown All of these links will open a new browser window. Just close each tutorial browser window to return to this page.
Steps		Tutorials
Assuming you have already completed the planning part and have a storyboard, outline, or flowchart of how your site will be structured. If not, go back NOW and complete that step.		Planning
	The first step is to create a folder on your computer where you will store all of your web site files	Create a Folder
	Choose your software	Dreamweaver - (I'd suggest that you download the trial version of Studio 8, or download Dreamweaver 8 and Fireworks 8. Fireworks is graphics software) Mozilla Composer Notepad (for the HTML Primer lesson)
Setting up your site in Dreamweaver Use a table for layout (explanation of why to use a table) Insert a table with invisible borders Title your page and save it as your index page (includes centering text, merging table cells, changing the font and font size, titling the page and naming the file).		Dreamweaver Define Site Table Layout Insert Table Title Your Page	Mozilla Composer Create a folder to put all of your website files Table Layout Insert Table Title Your Page
Adding Text links using the flowchart you created Add footer (includes how to insert an email link) Working with colored cells for design Aligning content in cells Make another page out of the index page Preview your page in a browser		Text Links Add Footer Color Table Cells Cell Alignment SaveAs Function Preview in Browser	Text Links Add Footer Color Table Cells SaveAs Function Preview in Browser
Links: Create link to other pages in your web site Create bookmarks (named anchors) that jump to another section of the same page Create external links to other web sites Create an email link		Internal Links Named Anchors External Links Email Links	Internal Links Named Anchors External Links Email Links
Graphics:
Create a separate folder to put your graphics and media		Graphics Folder	Graphics Folder
Insert a photo		Inserting a Photo or Graphic	Inserting a Photo or Graphic (includes how to save a graphic off of a web site)
Using graphics as buttons		Inserting and Linking Buttons	Inserting and Linking Buttons
Creating Buttons in Fireworks		Creating Buttons	Creating Buttons
Creating Buttons using Cooltext.com		Cootext.com	Cootext.com
Download graphics off of web pages		Downloading Graphics	Downloading Graphics
Media: Link to a PowerPoint or Word file Insert an audio clip and/or video clip		Linking to Files Embed Audio/Video	Linking to Files Embed Audio/Video
		Back to Tutorials
© 2005 Eli Collins-Brown

Step-by-step to Create a Basic Website