Website PlanningBefore even considering the practical aspects of creating a website, there are some important fundamental questions
you need to ask yourself first What are we hoping to achieve? Who's our target audience? What catergory, if any, does our site fall into:
ecommerce, informational, educational, social networking, etc.
How visually exciting does it need to be to be effective?
What tone do we want our content to convey, could it be serious or witty, complex or simple?
2
Site Content & Information StructureProbably the most important aspect of website
'structural design' is how you breakdown the content into logical sections (Main Areas, Pages, Headers, Sub-Headers, Lists, etc). You need to create a strong hierarchy for the site and breakdown content into small units.
It is a good idea to create a graphical schema/flowchart/sitemap for the site. This can help you visualise a logical hierarchy.
3
Create a folder on your computer called website1 to hold all web pages and graphics.
Optional: inside of the website1 folder create a folder called images to hold your graphics.
All folders, webpages, and graphic names must be lowercase, no spaces, and no special characters for ease of linking later.
Getting Start
5
Set the New Site Definitions1. Name Your Webpage
2. Click on the Folder Icon & Locate the website1 folder
3. Click on the Folder Icon & Locate the images folder inside of the website1 folder
12
3
4
14
Click the Curser on the Page, Select Alignment, Type in Text
Window> Properties
Center Alignment Button
20
Highlight Text, & Select the Title Format Size
Window> Properties
Pop-up Format for Title Heading Size: Example 2
22
Or to Create a Title With a Graphic: Insert>Table or Select Table Icon
Tables control object placement
23
Before Adding Graphic Images go to File>Save As>name your file( index.html)
Remember to use all lowercase letters, no spaces or special characters in your page name
26
Button Settings: Style, Text, Font, Link, Size, Apply, OK
Remember when uploading your website to the server to add your .swf Flash buttons you created
34
Repeat to Add All Buttons
If you need to edit the button after has been created or to check the links just double click on the button again, change the features, Apply, OK. 35
Example of Completed Title & Navigation Buttons
You May Have Different Titles For Your Navigation Buttons
36
E-Mail Links: Type Text & Highlight, Type in Link URL & Press Return Key
mailto:[email protected]:[email protected]
39
Inserting Graphics and Text in Tables
• Control placement of elements in relation to each other.
• Specify amount of space between each page element.
• Always plan how your table will look with all the text and graphics in it.
• Even a rough sketch will save you time
40
Can Duplicate Pages
Once the index.html page is set up as desired with the logo, header, and navigation buttons it can serve as a template for creating new pages.
Just save the current page(index.html) as a new filename, then edit the new page to suit.
48
Notice How the Browser Opens in Front To Preview What it Will Look Like When Uploaded to the Server
When Finished Viewing Browser Red Button Close
50