BUS311: Website Development Lab. The world Web hosting site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) Web site development tools Web.

Slides:

Advertisements

Similar presentations

WordPress Installation for Beginners Sheila Bergman

Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Create a website with Google Sites

The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.

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.

. Website and file organization. How websites work.

Jun-15 1 Management Information Systems Class Web Server Usage Instructions.

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

Mass Communications Web Design Jill Andes Computer Applications Comm. 115.

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

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

Creating and Publishing Your own website

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

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

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,

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.

Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.

UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.

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?

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

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

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.

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.

Content Management Systems Week 14 LBSC 671 Creating Information Infrastructures.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

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

Creating and Publishing Your own web site PC Version SEAS 001 Professor Ahmadi.

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

Web Engineering we define Web Engineering as follows: 1) Web Engineering is the application of systematic and proven approaches (concepts, methods, techniques,

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.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

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

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

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.

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.

Website Design:. Once you have created a website on your hard drive you need to get it up on to the Web. This is called "uploading“ or “publishing” or.

Web programming Part 1: environment 由 NordriDesign 提供

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.

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.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

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.

Creating simple website in Serif Web Plus And uploading to free hosting A2 ICT.

Getting Started with Dreamweaver

CS222 Web Programming Course Outline

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

Presentation transcript:

BUS311: Website Development Lab

The world Web hosting site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) Web site development tools Web publishing tools File transfer SW (SSH, FTP, …) Web pages (HTML) & Other linked files Your computer Web Server

Web Browsers and Hosts Popular Web Browsers: –Chrome –IE –Firefox –Safari Website hosting: –ISP –Free Host –Domain Host

Web-page/Site Development Tools Text Editors: Notepad HTML Editors: Word, etc. .html Web Publishing: FrontPage, DreamWeaver, 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 Web site development tools Web publishing tools: SeaMonkey File transfer software: SSH File Transfer (upload/download) SSH Important: UH does not support FTP, only SFTP Web Server

Money can buy…. Avatar Animated Characters – Templates: –TemplateMonster.com – deas.asphttp:// deas.asp Entire web-sites (e.g. web.com, wix.com) But you can’t use any of these for A2!

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 business 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.

Planning Your 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 Create a navigation scheme (site map) that links these pages together in a simple, consistent way

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

Useful Stuff UH Personal Page: – File transfer software: –WS-FTP, Filezilla, Fugu –SSH (free from UH)