Aspects of Web Design Monty Paul RGSE March 2003.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
Advertisements

1 Set Up an Affordable Website SUMMARY: If your NMA chapter has a small number of members or modest funds, you can still create a sharp website for very.
3.02H Publishing a Website 3.02 Develop webpages..
CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
CS 121 Concepts of Computing II Introduction to Web Page/Site Development.
Its easy to be an information provider Tutorial: Web Publishing.
6/22/ Final review. 6/22/ Excel (questions similar to homework) –Spread sheet questions: Creating formulas.
Weebly.com E- Portfolio Instructional Guide Step 1 Using Internet Explorer, go to (Weebly, 2013) Created by Dr. K. Hodges 2.
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
Chapter 4 Creating a Website from an InDesign Layout.
Adding Photos to your Site Created for the 2010 IAGenWeb Coordinator’s Conference By Ralph Leonard.
Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.
Website Design Fundamentals Michele Beisler 2006 FIRST Robotics Competition Kickoff January 7, 2006.
ECA 228 Internet/Intranet Design I Intro to the Web.
Create Your Own Webpage. Today’s Agenda Cut & paste code Notepad++ or Notepad at home FTP Web Hosting Wordpress.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Creating a Web Page HTML, FrontPage, Word, Composer.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
E-Commerce Solutions. What is e-Commerce  Simply put, e-commerce is the online transaction of business, featuring linked computer systems of the vendor,
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Presented by Steve Beutler, Career Counselor Minot Public Schools Minot, North Dakota.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
Creating Your Own Website
‘ {] Chapter 2 (HW01) Getting Started with Windows 7.
 Internet vs WWW  Pages vs Sites  How the Internet Works  Getting a Web Presence.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Getting your Chapter’s Face Out There Webs, Listservs, Tweets and Facebooks.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
An Introduction To Websites With a little of help from “WebPages That Suck.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
Publishing Your Web Site There are many sites that offer FREE web hosting Free sites will have –A sub-domain name –For some sites, you will not be able.
Chapter 8 Browsing and Searching the Web. 2Practical PC 5 th Edition Chapter 8 Getting Started In this Chapter, you will learn: − What is a Web page −
Web Page Fundamentals HTML: The Language of the Web.
Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.
1. Go to and click Log in or Sign up. Bonnie Addison 8/29/11.
1. Go to and click Log in or Sign up. Bonnie Addison 11/7/11.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
FrontPage 2000 For Online Classes June 29, 2000 Distance Learning Conference.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
1 After completing this lesson, you will be able to: Comprehend what you will need to display your Web pages online. Find server space on the Web for your.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Web Design Fall 2011.
Creating Webpages. Today’s Topics Embed video Embed music More text formatting Wordpress.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Eduglogster Step by Step 1. Go to and click I’M A STUDENT. Bonnie Addison 10/29/12.
Current Information To help you find current news and information, many search engines and directories include a hyperlink to a "What's new" page. Many.
Web Development Tools Milton Acevedo Jerry Jones.
The Internet. Important Terms Network Network Internet Internet WWW (World Wide Web) WWW (World Wide Web) Web page Web page Web site Web site Browser.
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
Posting to the Web. Posting Live Content A registered domain, such as mydomain.com. A web hosting plan through a hosting provider. A software program.
 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.
Connecting From Home Editing at Home(You don’t have to.)
Eduglogster Step-by-Step 1. Go to and click Sign Up. Bonnie Addison 11/17/11.
Website Design Fundamentals
3.02H Publishing a Website 3.02 Develop webpages..
Chapter 8 Browsing and Searching the Web
Web Site Development and Macromedia Dreamweaver 8
ADOBE CONTRIBUTE CS4: Creating and Managing Web Pages for Beginners
Starting to develop a website
4.02 Develop web pages using various layouts and technologies.
4.02 Develop web pages using various layouts and technologies.
Presentation transcript:

Aspects of Web Design Monty Paul RGSE March 2003

Code Head or Dreamweaver Junkie? Use Notepad for programming at code level Use Dreamweaver, GoLive or Front Page for wysiwyg design Use HotMetal or Hotdog for dragging and dropping code

Common Errors Lack of whitespace Less is more Avoid dense pages whenever possible Use pictures to balance text A picture is worth 1000 words…

Controlling Layout Using frames minimises editing Using tables within pages for effective control of layout

Controlling your Site Keep all files within a main directory/folder Use subfolders for images, sound etc This makes uploads to the web server quick and easy Backups! Cut to CD and keep an extra copy on another computer at home

Register your own Domain Your domain is your own unique web address Shop around – prices vary. Try Dot.co.uk? Dot.com? Dot.org? Dot.net? What do they all mean?

Hosting Issues Hosts abound, but you get what you pay for. Full 24 hour access? No Ads? Control panel for creating and managing s.etc? Security (

Uploading FTP software varies Cheap and limited Expensive and full of features On line editing directly on the server Automatic synchronisation (but host server must support)

Images, images Keep images small for rapid downloads Invest in graphic software that optimises images Jpg or gif? Progressive images and interlacing Slice and dice

Animated Gifs with Xara3D

Getting Known Metadata provides search engines to find and publish info about your site. Some vendors offer submissions of data to specific search engines at a price SeekCentre.net

Need Webstsats? TheCounter.com offers a counter and webstats Minimal info free, full info at a cost See for an examplehttp://clarendon.net4u.co.za

Forms These allow you to capture data from those looking at your site. Examples: e-commerce sites, financial sites, school sites See Clarendon.net4u.co.za as an example

Extras… Special cursor / mousepointer? See Code can be downloaded for pasting into your page

Some Useful Books from Amazon.com