Websites for FIRST Robotics Teams Chris Elston - Team 1501.

Slides:



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

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Create a website with Google Sites
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
Web Design 101 John Schuster, Yourlink Web Services Inc.
. Website and file organization. How websites work.
BUS311 Website Development Lab. The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
ECA 228 Internet/Intranet Design I Intro to the Web.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
BUS311: Website Development Lab. The world Web hosting site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) Web site development tools Web.
Web Design Basic Concepts.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Getting Started with Dreamweaver
A Free sample background from © 2001 By Default!Slide 1 Web Design Fundamentals.
Web Design Miftahul Huda Digital Signal Processing Laboratory Medayu Selatan XI/11 Surabaya.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Paul Mundy and Bob Huggan 1 Websites.
Web Technologies Website Development Trade & Industrial Education
April 8, 2006 Introduction to RockNet Jonathan Walker Roald Schrack Bob Ekman.
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.
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.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Getting your Chapter’s Face Out There Webs, Listservs, Tweets and Facebooks.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Do You Have a Web Site?. Everyone does, don’t they?
Website Development with Dreamweaver
An Introduction To Websites With a little of help from “WebPages That Suck.
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
Welcome To Web Site Basics 95 AG HTML Documents Contain 4 Animation 4 Sound 4 Videos 4 Text 4 Formatted text 4 Images 4 Links 4 Logos.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
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.
Creating a Web Site. What is a web site? A web site is any collection of one or more web pages—single files that can be displayed on the World Wide Web.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
12/5/2015 Open Source Technology Toolkit Workshop 1 MediaWiki Pavan Kishore V EnhanceEdu.
Web Development Process The Site Development Process Site Construction is one of the last steps.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
›What main things do you think should be considered when planning a website?
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
T GIS 502: Introduction to Geospatial Technologies Britta Ricker, PhD 30 September 2014.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Presented by Karen Porter UM School of Business Administration & ImpactOnlineMarketing.com Adding Links & Multi-Media.
EnhanceEdu IIIT-Hyderabad. Agenda What’s a wiki? Comparison with a website Wiki Formatting ‘My’ Page Fun with wiki 2EnhanceEdu, IIIT-Hyderabad.
Getting Started with Dreamweaver
Pre-Production Meet with the client to create a project plan:
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Lecture 4 Web Design. Part 1.
بسم الله الرحمن الرحيم.
Unit 2, Lesson 5 Website Development Tools
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
Unit 2, Lesson 5 Website Development Tools
Creating a Successful Web Presence
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Starting to develop a website
Getting Started with Dreamweaver
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Presentation transcript:

Websites for FIRST Robotics Teams Chris Elston - Team 1501

Getting Back to the Basics Form a team Browse other team websites Develop a purpose and goals Review FIRST documentation

What FIRST Says –Content (25 points) –Does the website clearly tell the team story and articulate their mission? –Does the website include recognition of sponsors and volunteers? –How well does the site explain FIRST and promote its vision? –Does the website include helpful resources for other FIRST teams? –Does the website contain interesting non-text content such as music, sound, animation, or video?

What FIRST Says –Structure and Navigation (25 points) –Is it easy to navigate through the site? –Does it have HTML links that provide easy access to external content? –Is important information easily accessible? –Is there a prominent link to the FIRST website? –Do links open new, separate browser windows?

What FIRST Says –Visual Design (25 points) –Does the website communicate a visual experience reflective of the team identity? –Is the site engaging and does it encourage exploration? –Does the site use color and iconography in a consistent way? –Does the website homepage use the official FIRST logo? –Does the website include photos of the team participants, volunteers, and sponsors?

What FIRST Says –Functionality and Interactivity (25 points) –Does the site work well? –Does the homepage load quickly? –Do the links work throughout the site? –Does it take into consideration those with diverse user requirements including file sizes, file formats, special access needs, (i.e., alt tags for images), and download speeds? –Are there effective opportunities for a visitor to interact with the website?

Budget Present a budget to your team 1.Domain name registration This is paid once a year. Generally cost $10.00 for the whole year. 2.Hosting Account This can be paid monthly, six month or a year at a time. Budget about $15.00 per month for this service or about $180 for the whole year. Of course some of the hosting can be as low as $5.00 per month. 3.Extra software I would budget about another $100 in start up software that we may or may not use.

Take Action! Brainstorm several domains Register your domain Decide on a host – = cost $5.00 a month = cost about $10.00 a monthhttp:// Linux or Windows based

Site Design Define a Site Map

Software Tools Open Source Free Software –NVU (WYSIWYG site editor) –Trellian Webpage (WYSIWYG page editor) –Notepad ++ (hard coder editor) –Gimp for Windows (Graphics) –FileZilla (FTP Client) –Putty (Linux people, Telnet, SSH) –Audacity (Sound editor)

Software Tools Commercial Software –Dreamweaver (WYSIWYG site editor) –Adobe Photoshop (Graphics) –Sony Vegas (Video editing)

Software Tools Advanced –PHP –MySQL –

Questions? If you have a thumb drive, come see me and I can copy all my notes and open source software I spoke of in my presentation. 36 MB required

RAFFLE TIME!