Design & Implementation of Project Adriana Aguirre Luis Carrera Naomi Dominguez Andy Sanchez.

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

Helena Baert Part II: Let’s get practical! The Web as a notebook This slideshow will help you build a wiki. Don’t worry if you.

Web Site Development Test 2 Working in DreamWeaver.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.

Leveraging Manila for Learning The Swiss Army Knife of Web Development for Faculty, Staff & Students.

COMP 4—Power Tools for the Mind 1 Power Tools Word Processing What we’ll cover for this lecture topic: –Types and Examples of Application software –Creating.

Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.

XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.

Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

Designing a Classroom Web Site Using NVU Beginning Level.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.

HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.

Diabetes.org/stepout1-888-DIABETES Step 1:Go to diabetes.org/stepout Step 2:Click on the “Join Team” link. If starting a Team Click on “Start a Team” link.

IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.

HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.

Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.

MS FrontPage 2: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.

Welcome to turnitin.com!. What is turnitin.com? An online paper submission website Online grading Paper free! A place to keep a record of your assignments.

Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.

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,

Assignment 2 Due November 4, 1:30pm. Website You are creating a website for a fictional business which must sell some sort of product You can create any.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6: Evaluating.

Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.

How to Web Page with iModules First row of icons.

How to Create an Electricity Timeline By: Mr. Toole.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Students : Hiba Ghannam Hawa Osama Superviser: Haya Sammaneh.

Moodle with Style Integrating new technologies to empower learning and transform leadership.

HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.

Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.

PowerPoint Extras. Eyes to the front please! Action Buttons.

Wiki Space Introduction How to use Wiki spaces to complete your project on the Crusades.

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.

Click your mouse to continue. More on Themes The Theme dialog box includes three options for changing the characteristics of the selected theme. Theme.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

Word 2003 The Word Screen. Word 2003 Screen File Menu –Holds the options for creating a new document, opening a document, saving a document, printing.

So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.

Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.

KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:

How to create an educational wiki. Laurie Roberts 2010.

Wikis in Education: Part III Wiki Basics University School of Milwaukee.

XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.

1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.

Text2PTO: Modernizing Patent Application Filing A Proposal for Submitting Text Applications to the USPTO.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page.

Testing and delivery Web design principles. Web development is software development.

Pre-Production Meet with the client to create a project plan:

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

With Microsoft FrontPage 2000

Creating a Successful Web Presence

LGC Website, Software updates, Documentation, and Videos

Final Website Plan You are to create a final website of your CHOICE ( after Frau’s approval, of course). Here is the time to show me all that you have.

Technology – Using freebibleimages.org

Intro Project Introduction to HTML.

Presentation transcript:

Design & Implementation of Project Adriana Aguirre Luis Carrera Naomi Dominguez Andy Sanchez

Ideas from meetings are put into drawings Ideas from meetings are put into drawings Drawings are separated into different pages Drawings are separated into different pages Individual graphics are designed in Photoshop 7.0 Individual graphics are designed in Photoshop 7.0 Use FrontPage XP to code different page drawings into HTML format. Use FrontPage XP to code different page drawings into HTML format. Place graphics from Photoshop 7.0 into FrontPage XP Place graphics from Photoshop 7.0 into FrontPage XP Coding

Testing is Parallel Testing is Parallel Once page saved in FrontPage XP, test in browser Once page saved in FrontPage XP, test in browser Made sure pages looked same as in drawings Made sure pages looked same as in drawings Tested that graphics were not blurry, and actually Tested that graphics were not blurry, and actually Made sure links were working Made sure links were working Testing

No special coding was used, so no major conflicts (Java, Xml, Flash) No special coding was used, so no major conflicts (Java, Xml, Flash) Grammar Grammar Made sure pages were within limited width, and no scroll bar in bottom. Made sure pages were within limited width, and no scroll bar in bottom. Was donation page properly fitted in one page? Was donation page properly fitted in one page? Made sure colors were easy on the eye. Made sure colors were easy on the eye. Testing

Installation is mixture of Phased Installation & Direct Installation (Cold Turkey) Installation is mixture of Phased Installation & Direct Installation (Cold Turkey) As pastor s us content, we cut and paste it to the website As pastor s us content, we cut and paste it to the website One page at a time One page at a time Pastor made sure as each page is finished and that it’s correct Pastor made sure as each page is finished and that it’s correct Allows us to concentrate on page we are working on Allows us to concentrate on page we are working on Final installation will be a Cold Turkey, moved from students’ website to church domain. Final installation will be a Cold Turkey, moved from students’ website to church domain. Installation

Since its’ not really big website, no major user documentation Since its’ not really big website, no major user documentation Front page of website is the only form of user documentation Front page of website is the only form of user documentation Website is self-explanatory (Links) Website is self-explanatory (Links) Donation page is has steps on how to use it. Donation page is has steps on how to use it. Documentation

Oscar Carrera & Hector Castillo were trained Oscar Carrera & Hector Castillo were trained Step by step instructions on how to download website to local FrontPage and make changes Step by step instructions on how to download website to local FrontPage and make changes Trained them on using tables, hyperlinks, graphic importation Trained them on using tables, hyperlinks, graphic importation How to copy, rename, and delete files How to copy, rename, and delete files Training

How to keep web space low by deleting unused files How to keep web space low by deleting unused files Trained on how to use import videos and the files supported by FrontPage XP Trained on how to use import videos and the files supported by FrontPage XP How to use FrontPage features, such as page statistics, check pages not been used, pictures not being loaded correctly How to use FrontPage features, such as page statistics, check pages not been used, pictures not being loaded correctly Training

We supervised Oscar Carrera & Hector Castillo while they were making changes We supervised Oscar Carrera & Hector Castillo while they were making changes Allowed them to work on certain portions of website, but allowed to to ask questions Allowed them to work on certain portions of website, but allowed to to ask questions Support was very critical, since training was intense Support was very critical, since training was intense Support

Maintenance of website will our authority until semester is over Maintenance of website will our authority until semester is over Oscar Carrera & Hector will provide maintenance for the website when semester is over Oscar Carrera & Hector will provide maintenance for the website when semester is over Luis will provide maintenance after semester is over Luis will provide maintenance after semester is over Maintenance

Thank You!