How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio

Slides:



Advertisements
Similar presentations
Web Designing Using Microsoft FrontPages Kashif Haqqi, M.D.
Advertisements

Learning the Basics – Lesson 1
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Web Site Development Test 2 Working in DreamWeaver.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
February 2006Colby College ITS Publishing a Personal Web Site.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Microsoft Office Illustrated Using Advanced Features.
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Microsoft FrontPage: An Introduction Eva M. Fernández Queens LOTE Consortium May 5, 2003.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
An Introduction to ASP.NET Web Pages 2 Module 1: Webmatrix Installation and Your First Web Site Tom Perkins.
Designing a Classroom Web Site Using NVU Beginning Level.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Getting Started with Dreamweaver
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.
Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.
Table of Contents How to save documents using various software
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
WB_FrontPage_How To CS3505. Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Microsoft FrontPage 2003 Illustrated Complete Finalizing a Web Site.
Downloading defined: Downloading is the process of copying a file (such as a game or utility) from one computer to another across the internet. When you.
HTML_Generators WB_HTML_Generators. What method are you going to choose to build your web page? MethodWrite Convert Html IssuesHTML HTML Editors Tool.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
How the Web Works Digital Histories Workshop Adam Crymble.
Lesson 19: Site Development with FrontPage 2003 – Advanced Features.
FrontPage 2000 For Online Classes June 29, 2000 Distance Learning Conference.
Visual Page: Getting started There are lots of HTML editors –MS FrontPage –Adobe PageMill –GoLive Cyberstudio Feel free to use any of them you wish We.
Tutorial 3 Adding and Formatting Text with CSS Styles.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
3.02E Website File Management 3.02 Develop webpages.
Working with DIV Structures, CSS, Webfonts and Templates 9/16/2015Web Development and Interactive Media.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
COMP 143 Web Development with Adobe Dreamweaver CC.
Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.
XP Creating Web Pages with Microsoft Office
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Getting Started with Dreamweaver
Pre-Production Meet with the client to create a project plan:
4.01 How Web Pages Work.
Dreamweaver – Setting up a Site and Page Layouts
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Learning the Basics – Lesson 1
Publishing and Maintaining a Website
Objective % Select and utilize tools to design and develop websites.
Microsoft Office Illustrated
Microsoft FrontPage 2003 Illustrated Complete
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Getting Started with Dreamweaver
Website Testing Checklist
Dreamweaver.
Creating a Shared File on a Local Area Network
Website File Management
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Publishing a Personal Web Site
Presentation transcript:

How to Organize a Website Using Front Page to Manage Your Growing Needs By Cristiana and Fred Baggio

First Step: Making the Blueprint Before even thinking of going to the computer, think of the following: Goal of the website: What do I want people to do once they get there? Target Audience: Who am I designing my site for? Content: What will I include in my website? Interactivity: How dynamic do I want my website to be?

Second Step: Thinking about Design Click here to see a PowerPoint presentation on Web Design, made by a Web Designer!here

Third Step: Creating the Architecture for Your Site FrontPage automatically creates part of the necessary structure, such as: Images folder Private folder A website is basically made of folders dividing each topic. Each one of these folders should have its own Images subfolder.

Architecture: Organizing Images If you have a small site, one Images folder at the root will be enough. If your site is going to be big, with many images, you should build a structure where each Folder has its own Images subfolder, to make it easier for you to manage. It is also important to create separate folders for different format files,.doc,.ppt,.ra, etc.

Architecture: Naming Files Use easy common names. Relate names to topics. Examples: Contact us – Folder: mail or contact Technical support – Folder: support Applications – Folder: app or applications

Architecture: Naming Files Avoid compound names, such as PowerPoint – presentations. Avoid using hyphens, underscore, or spaces. Don’t use capital letters (you should never capitalize in the Internet). Try to use maximum of 8 to 10 characters. The easiest and more obvious the URL, the more chances of “surfers” finding and remembering it.

Managing Your Website This is where using FrontPage can really help you. It saves you a lot of time by performing organizational tasks automatically, making updating easy and fast.

What FP Does for You: Automatic management and reactivation of hyperlinks: If you change the name or move files within your web, FP will automatically make the necessary readjustments for you not to have a broken link. Automatic publishing of all the alterations you make: In FP, you can make as many changes as you want, and then publish them ALL at once. * This is only true when you have a web locally on your machine and a remote web on the server. If you are working directly on the server, all you have to do is save your changes.

Special Features Roll Over links Compatibility with different browsers and different versions Compatibility with IIS and Apache (servers) DHTML (dynamic HTML) CSS (cascading style sheets) * Important: All these features in FP can only be possible if the FP server extensions have been installed in the server. If your server has Windows NT, it has IIS, and IIS has FP server extensions.