What is a Web Browser? Web Site Functionality. A client program that uses HTTP to communicate with web servers.

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "What is a Web Browser? Web Site Functionality. A client program that uses HTTP to communicate with web servers."

Transcription

1 What is a Web Browser? Web Site Functionality April 1, 2004 A client program that uses HTTP to communicate with web servers. HTML interpreter Reads HTML, determines how to display it A Simple HTML file Browser display of the HTML file <HTML> <HEAD> <TITLE>My Jungle Home Page</TITLE> </HEAD> <BODY> The scariest jungle: Follow the map to see lions and tigers and bears. Oh, my! </BODY> </HTML>

2 What is a Server? WWW client/server A computer (hardware) that functions as a server mercury.cs.uml.edu is a server computer A program (software) that functions as a server apache is a web server program! The word server is used to refer to both. HTTP HTTP Network Characteristics HyperText Transmission Protocol Used for communications between web browser and web server programs. Clients send requests to the server. Servers send responses to the client.! The server is a slave in this interaction, it does not initiate, it responds. HTTP runs over TCP/IP. TCP/IP determines the low-level format of the communication, e.g. packets. HTTP defines logical formats of requests and responses. HTTP is connection oriented. Each request/response pair is complete unto itself.

3 HTTP request/response What s a protocol? a human protocol and a computer network protocol: Most common request is GET file.html. Server responds with contents of file.html. If the server cannot satisfy the request, you see an error message in the browser. Typically: The page cannot be found or, in case of images, a box with an X in it & perhaps a text descriptor of the image Hi Hi Got the time? 2:00 time TCP connection request TCP connection accept reply Get <file> Web Server Popularity Web Site Setup Each page is an html file. No. of Sites Percent Apache 11,699, Microsoft 4,283, iplanet 278, Zeus 236, source: netcraft.com, December 2002 Your web site on cs.uml.edu is in a directory named public_html.! My site is in ~tcostell/public_html The home page of your site is named : index.html. If you browse to the site name with no filename specified, index.html will be served. If I enter then is displayed

4 Debugging a Web Page Mozilla Composer 1. Get everything working locally first. Use the My Documents directory on your computer to hold your local files. 2. Copy files from your PC to the Server. 3. Test your site on the server. Be sure to use your Internet URL: Lab instructions will be based on Mozilla Composer. Mozilla Composer is free and supports all functions required to do the labs. You may use Front Page, Dreamweaver, etc. if you know them and/or own them. My ability to answer questions on these programs is limited. Copying Files to the Server In the lab: Drag and Drop in Microsoft File Explorer. From elsewhere: A program that can copy files across the Internet. WinSCP (recommended) Secure FTP You need your Unix username and password to run these. HTML & Tags Browsers display Web pages by interpreting Hypertext Markup Language, or HTML. That's a lot of the mess you see when you look at source code. A basic Web page starts with an <HTML> tag. At the end of the page is a corresponding </HTML> closing tag (the slash means it closes the HTML element). This idea of opening and closing tags is key to understanding HTML: Everything nests. Each new set of tags must fit neatly within the previous set, like Russian matryoshka dolls, those boxes inside boxes inside boxes.

5 Building Web Pages Within your <HTML> and </HTML> tags, you will need to nest some other elements. Start with a set of <HEAD></HEAD> tags. Inside them, nest <TITLE> and </TITLE> tags. The text you place between the opening and closing TITLE tags will show up in the browser's title bar. Add <BODY> to Your Page Add a <BODY> tag after </HEAD> (the closing HEAD tag), and place the corresponding </BODY> tag just above the </HTML> tag. Between the <BODY> and </BODY> tags, you can type just about anything Here's how to try it: Open a new file in Notepad, or any other text editor. Type in the HTML code above. Select Save As from the File menu, and save the file as Jungle.html. Be sure to specify All Files in the Save as type: drop-down menu. html_1.html Elements and Attributes and Styles You can use HTML elements and their display characteristics to describe your content. For example, a heading code, such as <H1>, is automatically bold. Cascading Style Sheets You have the paragraphs and the big bold heading but what if you want that heading to be green, too? You can modify the way those elements appear by using cascading style sheets (CSS). Style sheets provide a way to add characteristics to an element, and they also separate the way your page looks its presentation from what's actually in it the content. If you want to make a change, you can make it one place and your change will be reflected throughout the page. You can specify many things by using styles, including fonts, sizes, colors, layout, and positioning. Style sheets also enable you to have different kinds of elements. For example, perhaps you want some paragraphs to be regular text, and some to be italic.

6 Lab 7 Overview Write an index.html page using Composer. Put it on the server, replacing the dummy page that is there. Write one additional page, linked to by your home page. Lab 8 & 9 will build on this basic setup.

CREATING WEB PAGES USING HTML INTRODUCTION

CREATING WEB PAGES USING HTML INTRODUCTION CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual

More information

Lesson Overview. Getting Started. The Internet WWW

Lesson Overview. Getting Started. The Internet WWW Lesson Overview Getting Started Learning Web Design: Chapter 1 and Chapter 2 What is the Internet? History of the Internet Anatomy of a Web Page What is the Web Made Of? Careers in Web Development Web-Related

More information

Introduction to Web Development with Dreamweaver

Introduction to Web Development with Dreamweaver ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

More information

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

Internet Technologies_1. Doc. Ing. František Huňka, CSc. 1 Internet Technologies_1 Doc. Ing. František Huňka, CSc. Outline of the Course 2 Internet and www history. Markup languages. Software tools. HTTP protocol. Basic architecture of the web systems. XHTML

More information

Introduction to Web Technologies

Introduction to Web Technologies Introduction to Web Technologies Tara Murphy 17th February, 2011 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET (Advanced

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

More information

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Introduction This document describes how to create a basic web page with Netscape/Mozilla Composer and how to publish

More information

IT3503 Web Development Techniques (Optional)

IT3503 Web Development Techniques (Optional) INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Uploading files to a web server using SSH Secure Shell 3.2.9

Uploading files to a web server using SSH Secure Shell 3.2.9 Uploading files to a web server using SSH Secure Shell 3.2.9 Practical workbook Aims and Learning Objectives By the end of this course you will be able to: Upload your documents (for example HTML files)

More information

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you can download a trial version at http://www.microsoft.com/enus/download/details.aspx?id=7764.

More information

Key Word Vocabulary. Web Site. Line Break. Web Page WWW HTML. Heading. Tags. Italic. Notepad. Bold. Underline Hyperlinks URL EOS

Key Word Vocabulary. Web Site. Line Break. Web Page WWW HTML. Heading. Tags. Italic. Notepad. Bold. Underline Hyperlinks URL EOS Unit 8.1 Web Design Key Word Vocabulary During this lesson you will hear the following key words. Make sure you listen carefully to the lesson as you may be asked questions at the end. WWW Tags Line Break

More information

Learnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady

Learnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady Learnem.com Web Development Course Series Quickly Learn Web Design Using HTML By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S Quickly Learn Web Design Using HTML Ver.

More information

Manage Sites and FTP with Dreamweaver

Manage Sites and FTP with Dreamweaver Manage Sites and FTP with Dreamweaver nigelbuckner 2012 Files panel Manage Sites Manage Sites means making use of the Files panel to organise the files of your web site. The Files panel provides a window

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Malpass Library 637 Phone: 309.298.2434 1 Setting

More information

Getting Started with KompoZer

Getting Started with KompoZer Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files

More information

Creating a Web Site with Adobe Dreamweaver

Creating a Web Site with Adobe Dreamweaver Creating a Web Site with Adobe Dreamweaver This tutorial will teach you how to: 1. Create a new web site using Adobe Dreamweaver 2. Create a new webpage using the Dreamweaver editor 3. Create numbered

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

IT3504: Web Development Techniques (Optional)

IT3504: Web Development Techniques (Optional) INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

Dreamweaver Tutorial #1

Dreamweaver Tutorial #1 Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet

More information

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4

Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4 CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...

More information

Adobe Dreamweaver - Basic Web Page Tutorial

Adobe Dreamweaver - Basic Web Page Tutorial Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized

More information

Web Site Construction III: The Web Site. David Gerbing. School of Business Administration. Portland State University

Web Site Construction III: The Web Site. David Gerbing. School of Business Administration. Portland State University Web Site Construction III: The Web Site David Gerbing School of Business Administration Portland State University Table of Contents Typeface Conventions... 3 SECTION III CONSTRUCTING THE WEB SITE... 5

More information

Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004

Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004 Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004 Search All Your Favorite Engines from a Single Source with tybit!!! (Download Now) Revision History: This

More information

Lab6: Creating a Web page with Macromedia Dreamweaver

Lab6: Creating a Web page with Macromedia Dreamweaver Lab6: Creating a Web page with Macromedia Dreamweaver I. Introduction When you need to find a specific recipe or when you want to visit somewhere you ve never been to before, what do you do? Most of you

More information

Lab Experience 15. HTML and FTP Downloading

Lab Experience 15. HTML and FTP Downloading Lab Experience 15 HTML and FTP Downloading Objectives Learn some of the most basic features of HTML (HyperText Markup Language), the underlying language for creating web pages Create a simple web page

More information

1 As we may think, Bush, V. originally published July, 1945, viewed online (Nov.

1 As we may think, Bush, V. originally published July, 1945, viewed online (Nov. What is HTML? HTML or Hyper Text Markup Language refers to a system for communicating to a Web browser how the contents of a page will be displayed. HyperText is a concept that goes back to the mid-1940s

More information

Contents. Introduction... 2. Downloading the Data Files... 2

Contents. Introduction... 2. Downloading the Data Files... 2 Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Creating web pages Chapter 2. Creating the first web page

Creating web pages Chapter 2. Creating the first web page ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Chapter 2. Creating the first web page Cristina Puente, Rafael Palacios 2009-2010 HTTP (review) HTTP (Hyper-Text Transfer Protocol) is a communications protocol

More information

Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 3. Internet : the vast collection of interconnected networks that all use the TCP/IP protocols

Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 3. Internet : the vast collection of interconnected networks that all use the TCP/IP protocols E-Commerce Infrastructure II: the World Wide Web The Internet and the World Wide Web are two separate but related things Oct 15, 2004 www.dcs.bbk.ac.uk/~gmagoulas/teaching.html 1 Outline The Internet and

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

LIS 534 Lab: Internet Basics

LIS 534 Lab: Internet Basics LIS 534 Lab: Internet Basics This lab covers fundamental concepts of network organization, focusing on the client server model for network resources such as web pages and file storage. The procedure includes

More information

Lesson 7 - Website Administration

Lesson 7 - Website Administration Lesson 7 - Website Administration If you are hired as a web designer, your client will most likely expect you do more than just create their website. They will expect you to also know how to get their

More information

Intro to Web Development

Intro to Web Development Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

HTML Basics X-Ray Goggles: Uncovering HTML. Basic HTML Guide Workbook

HTML Basics X-Ray Goggles: Uncovering HTML. Basic HTML Guide Workbook HTML Basics X-Ray Goggles: Uncovering HTML Basic HTML Guide Workbook Introduction- Under the cover of each website is html or HyperText Markup Language (more complex websites will also use CSS) To view

More information

COMSC-030 Web Site Development- Part 1

COMSC-030 Web Site Development- Part 1 COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal January 13, 2015 Chapter 1 1 HTML and Web Page Basics Are you interested in building your own Web pages? This chapter introduces

More information

Dreamweaver CS5. Module 1: Website Development

Dreamweaver CS5. Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA

More information

II. Creating Your Website

II. Creating Your Website II. Creating Your Website In this part of Dazzle the Web with Dynamic Dreamweaver, we will learn the following skills: 1. Define a website 2. Create our home page 3. Add content to the home page 4. Format

More information

Web Programming. Robert M. Dondero, Ph.D. Princeton University

Web Programming. Robert M. Dondero, Ph.D. Princeton University Web Programming Robert M. Dondero, Ph.D. Princeton University 1 Objectives You will learn: The fundamentals of web programming... The hypertext markup language (HTML) Uniform resource locators (URLs) The

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

More information

Creating Web Pages with a Template

Creating Web Pages with a Template Creating Web Pages with a Template Adobe Dreamweaver Creative Cloud 2014 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division

More information

http://alice.teaparty.wonderland.com:23054/dormouse/bio.htm

http://alice.teaparty.wonderland.com:23054/dormouse/bio.htm Client/Server paradigm As we know, the World Wide Web is accessed thru the use of a Web Browser, more technically known as a Web Client. 1 A Web Client makes requests of a Web Server 2, which is software

More information

CEFNS Web Hosting a Guide for CS212

CEFNS Web Hosting a Guide for CS212 CEFNS Web Hosting a Guide for CS212 INTRODUCTION: TOOLS: In CS212, you will be learning the basics of web development. Therefore, you want to keep your tools to a minimum so that you understand how things

More information

Programming exercises (Assignments)

Programming exercises (Assignments) Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites

More information

Creating HTML authored webpages using a text editor

Creating HTML authored webpages using a text editor GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage

More information

Setting Up Dreamweaver for FTP and Site Management

Setting Up Dreamweaver for FTP and Site Management 518 442-3608 Setting Up Dreamweaver for FTP and Site Management This document explains how to set up Dreamweaver CS5.5 so that you can transfer your files to a hosting server. The information is applicable

More information

Web Browsing Examples. How Web Browsing and HTTP Works

Web Browsing Examples. How Web Browsing and HTTP Works How Web Browsing and HTTP Works 1 1 2 Lets consider an example that shows how web browsing and HTTP work. The example will cover a simple, but very common case. There are many more details of HTTP that

More information

What is WWW? WWW and HTML. How to make a web page. Two Basic Steps. HTML Tags. .html. Review what is WWW Description of HTML

What is WWW? WWW and HTML. How to make a web page. Two Basic Steps. HTML Tags. .html. Review what is WWW Description of HTML WWW and HTML Review what is WWW Description of HTML HyperText Markup Language What is WWW? Via Internet, computers can contact each other Public files on computers can be read by remote user usually HyperText

More information

Lesson Plan Course Title: Web Technologies Session Title: Website Administration

Lesson Plan Course Title: Web Technologies Session Title: Website Administration Lesson Duration: Approximately 10 hours Performance Objective: Lesson Plan Course Title: Web Technologies Session Title: Website Administration Following the completion of this lesson, students will understand

More information

Publishing a Website. That Nam Tran Ton

Publishing a Website. That Nam Tran Ton Publishing a Website on the UH Web Server That Nam Tran Ton Last updated: 05/2008 Overview These instructions are structured as follows: 1. Overview 2. Requirements before publishing a website 3. Directions

More information

450 Study Guide Chaps 1-6

450 Study Guide Chaps 1-6 Name: Class: Date: 450 Study Guide Chaps 1-6 Multiple Choice Identify the choice that best completes the statement or answers the question. 1. An HTTP response is sent from a. the web server to the application

More information

By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University

By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University History of Web History of the Internet Basic Web System Architecture URL DNS Creating Static and Dynamic Information Security

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

OLNEY LETTER. Basic PC Hardware. Description: Students will identify basic hardware components for a PC and understand how to assemble them into a PC.

OLNEY LETTER. Basic PC Hardware. Description: Students will identify basic hardware components for a PC and understand how to assemble them into a PC. Basic PC Hardware Description: Students will identify basic hardware components for a PC and understand how to assemble them into a PC. Content: Hardware components with which students should be familiar:

More information

Web Design. Links and Navigation

Web Design. Links and Navigation Web Design Links and Navigation Web Design Link Terms HTTP, FTP, Hyperlink, Email Links, Anchor HTTP (HyperText Transfer Protocol) - The most common link type and allows the user to connect to any page

More information

Web Development. How the Web Works 3/3/2015. Clients / Server

Web Development. How the Web Works 3/3/2015. Clients / Server Web Development WWW part of the Internet (others: Email, FTP, Telnet) Loaded to a Server Viewed in a Browser (Client) Clients / Server Client: Request & Render Content Browsers, mobile devices, screen

More information

1. Introductions to UTEP s Geology Pub directory

1. Introductions to UTEP s Geology Pub directory L AB 1 W EB P AGES The purpose of this lab exercise is to create your own web page that will be hosted on the Geology Department web server http://www.geo.utep.edu, commonly referred to as geo. If you

More information

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

More information

4.2 Understand Microsoft ASP.NET Web Application Development

4.2 Understand Microsoft ASP.NET Web Application Development L E S S O N 4 4.1 Understand Web Page Development 4.2 Understand Microsoft ASP.NET Web Application Development 4.3 Understand Web Hosting 4.4 Understand Web Services MTA Software Fundamentals 4 Test L

More information

Web Design and Development ACS-1809

Web Design and Development ACS-1809 Web Design and Development ACS-1809 Chapter 1 9/9/2015 1 Pre-class Housekeeping Course Outline Text book : HTML A beginner s guide, Wendy Willard, 5 th edition Work on HTML files On Windows PCs Tons of

More information

Creating Personal Web Sites Using SharePoint Designer 2007

Creating Personal Web Sites Using SharePoint Designer 2007 Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare

More information

Dreamweaver CS2. What is HTML? Browsers. Object-Oriented Design for the Web Using Dreamweaver CS2 7/20/09

Dreamweaver CS2. What is HTML? Browsers. Object-Oriented Design for the Web Using Dreamweaver CS2 7/20/09 Object-Oriented Design for the Web Using Dreamweaver CS2 Carolyn Guertin, PhD [carolyn dot guertin at gmail dot com] ecreate Lab English Dept. University of Texas at Arlington Last updated July 2009 Dreamweaver

More information

Basic Web Development @ Fullerton College

Basic Web Development @ Fullerton College Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your

More information

Creating an Intranet Website for Library & Information Services in an Organization

Creating an Intranet Website for Library & Information Services in an Organization Creating an Intranet Website for Library & Information Services in an Organization The Objective The purpose of this write-up is to guide you through all the steps necessary to create a website and put

More information

Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server

Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server page of 4 oit UMass Office of Information Technologies Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server This includes Web sites on: https://webadmin.oit.umass.edu/~user http://people.umass.edu/

More information

Dreamweaver: Getting Started Website Structure Why is this relevant?

Dreamweaver: Getting Started Website Structure Why is this relevant? Dreamweaver: Getting Started Dreamweaver is a Graphic Designer s tool to create websites as he or she designs. As part of the Adobe Creative Suite, Dreamweaver is able to work in conjunction with Photoshop,

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

HTML, CSS, Javascript

HTML, CSS, Javascript H. Sahibzada (in)visible Networks Hasibullah.sahibzada@uni-weimar.de Bauhaus University Weimar 25th April Topics 1 HTML 2 HTML Hypertext Markup Language HTML is a markup language for describing web documents

More information

Everything between the <title> and the </title> defines the title of the web page.

Everything between the <title> and the </title> defines the title of the web page. Lab Webpage In this lab you will learn how to create a web page. In the source code of a web page, its content, i.e. what you see, is mixed with the formatting, which does not appear when the page is displayed

More information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

Web Developer Jr - Newbie Course

Web Developer Jr - Newbie Course Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance

More information

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

More information

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

More information

Making a Website with Hoolahoop

Making a Website with Hoolahoop Making a Website with Hoolahoop 1) Open up your web browser and goto www.wgss.ca/admin (wgss.hoolahoop.net temporarily) and login your the username and password. (wgss.ca is for teachers ONLY, you cannot

More information

How to Build a SharePoint Website

How to Build a SharePoint Website How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables

More information

M3-R3: INTERNET AND WEB DESIGN

M3-R3: INTERNET AND WEB DESIGN M3-R3: INTERNET AND WEB DESIGN NOTE: 1. There are TWO PARTS in this Module/Paper. PART ONE contains FOUR questions and PART TWO contains FIVE questions. 2. PART ONE is to be answered in the TEAR-OFF ANSWER

More information

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College *

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Some Student Organizations are on our web server called

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

Adobe Certified Expert Program

Adobe Certified Expert Program Adobe Certified Expert Program Product Proficiency Exam Bulletin Adobe Dreamweaver CS5 Exam # 9A0-146 ACE Certification Checklist The checklist below will help guide you through the process of obtaining

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Brief Course Overview An introduction to Web development Server-side Scripting Web Servers PHP Client-side Scripting HTML & CSS JavaScript &

More information

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS

More information

Dreamweaver CS6 Manual

Dreamweaver CS6 Manual Dreamweaver CS6 Manual Joan Weeks SLIS Computer Labs Mgr. March 2013 Topic 1 What is Dreamweaver CS6? Dreamweaver CS6 is a complete website development tool that gives you the ability to create multiple

More information

Introduction to Macromedia Dreamweaver MX

Introduction to Macromedia Dreamweaver MX Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver

More information

ICT 6012: Web Programming

ICT 6012: Web Programming ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term

More information

Surfing the Internet. Dodge County 4-H Tech Team January 22, 2004

Surfing the Internet. Dodge County 4-H Tech Team January 22, 2004 Surfing the Internet Dodge County 4-H Tech Team January 22, 2004 Topics Tools needed to surf the web How the web works Anatomy of a URL HTML: Hypertext Markup Language Error messages Navigating on the

More information

Website Development Komodo Editor and HTML Intro

Website Development Komodo Editor and HTML Intro Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of

More information

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development 4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services

More information

Creating Your Personal Website

Creating Your Personal Website Creating Your Personal Website These instructions will show you how to create a personal webpage for CSULB students using Dreamweaver MX 2004. The page will consist of a title, background image, text,

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Web Design with Dreamweaver Lesson 4 Handout

Web Design with Dreamweaver Lesson 4 Handout Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the

More information

Dreamweaver 8 Basics

Dreamweaver 8 Basics Dreamweaver 8 Basics Software: Dreamweaver 8 Platform: Mac/PC Overview Dreamweaver is a great tool for producing Web sites. It provides an array of options and functions that speed up the development process

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

Basic Website Creation. General Information about Websites

Basic Website Creation. General Information about Websites Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes

More information