BUS311 Website Development Lab. The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools.

Slides:

Advertisements

Similar presentations

WordPress Installation for Beginners Sheila Bergman

Advertisements

3.02H Publishing a Website 3.02 Develop webpages..

Create a website with Google Sites

HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.

BUILD & PUBLISH A WEBSITE Introduction. WORDPRESS It is a Blogging software, like an online diary Take away the Blogging part and it as a simple CMS (Content.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

Its easy to be an information provider Tutorial: Web Publishing.

Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.

UNIFORM RESOURCE LOCATOR (URL)

Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.

1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,

ECA 228 Internet/Intranet Design I Intro to the Web.

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.

Create Your Own Webpage. Today’s Agenda Cut & paste code Notepad++ or Notepad at home FTP Web Hosting Wordpress.

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.

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?

Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.

مقدمه ای بر طراحی صفحات وب. 2 Web Components  Clients and Servers  Internet Service Providers  Web Site Hosting Services  Domains Names, URL ’ s and.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

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 Web Administration.

All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.

CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.

Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

April 8, 2006 Introduction to RockNet Jonathan Walker Roald Schrack Bob Ekman.

Dr. Omar Al Jadaan The Internet. Internet Service Provider (ISP) Content Providers: create and maintained material that can be accessed using the internet.

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.

Mastering the Internet, XHTML, and JavaScript Web Design.

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.

Websites for FIRST Robotics Teams Chris Elston - Team 1501.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.

The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

An Introduction To Websites With a little of help from “WebPages That Suck.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

HTML and Web Pages. HTML?  HTML is not a programming language  A type of SGML (standard generalized markup language)  HTML uses paired tags to markup.

Web Design Course Adam Ryan 5-C. This course is intended to give you an introduction into web design so that you can build upon this knowledge using the.

1 Welcome to CSC 301 Web Programming Charles Frank.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,

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.

1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.

Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.

History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.

Chapter 1: The Internet تال 311 Prepared by: Mr. Hassen HAMOUDA.

Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 

Create Your Own Webpage. Today’s Agenda Learn about uploading your site Meet in small groups to share work Present.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Creating WWW Pages. Big Picture 1. Make sure you have a place to put them 2. Plan Pages 3. Create Pages 4. Upload Pages (“Publish”) 5. Test Pages (Important!)

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 1 Introduction to PHP Hypertext Preprocessor - PHP.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.

HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.

With Weebly.com. What hoop do I have to jump through to create my own site? Is it expensive? Is it time consuming? Do I have to be tech savvy? Will it.

Evolution of Internet.

Getting Started with Dreamweaver

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Presentation transcript:

BUS311 Website Development Lab

The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools Web publishing tools File Transfer software File Transfer (SSH/FTP) Web pages (HTML) & Other linked files Your computer Web Server

Web Browsers and Hosts Web Browsers: – IE – Firefox (Netscape, Mozilla) – Opera Website hosting: –ISP –Free Host –Domain Host

Website hosting Examples ISP –HawaiianTel, Verizon, etc. Free Host –To you: UH ITS –Commercial ones: Google, etc. Domain Host –Pay a monthly fee based on usage

Free File Transfer WS-FTP, Filezilla SSH (required for UH)

Web-page/Site Development Tools HTML Editors: Word, etc. .html Text Editors: Notepad Web Publishing: FrontPage, DreamWeaver, NVU/KompoZer, SeaMonkey (Free; used for this class) Graphics/image/animation: Photoshop, Picasa, Flash, etc. Programming: –Server-side: PHP, ASP –Client-side: Javascript –Database: Access, MySQL, etc.

The world Hostname: uhunix.hawaii.edu Username: Password: Directory: public_html WEBPAGE DEVELOPMENT (UH Host) Web browser Your URL: Web pages (HTML) Your computer WebPage/Site development tools Web publishing tools: SeaMonkey FTP software: SSH File Transfer (upload/download) SSH Important: UH does not support FTP, only SSH;. Web Server

Money can buy…. Avatar Animated Characters ($9) Templates ($40-60): sign_ideas.asp

Tutorial Links UH Personal Page: – FrontPage – NVU/KompoZer – tutorial-1.shtmlhttp:// tutorial-1.shtml – tutorial-2.shtmlhttp:// tutorial-2.shtml Website Design Basics –thesitewizard.comthesitewizard.com

Website Design Rules Rule 1. The website should offer something unique : –A good website is compelling; it provides value to your audience that draws them to your site again and again –The value proposition of the business should be clear on the home page –Utilizes the 7 “C”s of web capabilities: Convenience, cost, coordination, collaboration, communication, customization, community –Meets clearly identified goals

Website Design Rules (2) Rule 2. The website must be aesthetically pleasing. Rule 3. The Website must be easy to use and fast. Rule 4. The website must motivate people to visit, to stay, to return. Rule 5. You must advertise your presence on the web. Rule 6. You should learn from your website.

Simple Steps for Planning Website Identify the goals of your website Identify your audience Create a list of content that both achieve your goals and is of interest to your audience. Divide this list into pages Draw a chart of links between pages Create a navigation scheme (site map) that links these pages together in a simple, consistent way

Simple Steps for Page Layout Use tables to divide the page into regions –header –sidebar –footer –content Design each region –add text –add images –add links