Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.

Slides:



Advertisements
Similar presentations
CPSC 203 Introduction to Computers T43, 46 & 68 By Jie (Jeff) Gao.
Advertisements

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Named Anchors and Named Destinations Linking to different parts of webpages and PDFs December, 2011.
Congratulations! You are ready to launch your Decision Support System to the company’s web site. After you have finished the Excel, PowerPoint, Word, and.
The Web HTTP request HTTP response Your Machine Web Server Web browser sends a separate request for each object (e.g., embedded image) on the web page.
ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.
ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.
Student iDrive Access ESU Website Server Storage Space.
ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
 Helps you create individual pages according to your thumbnail plan  Helps you organize your web pages and links according to your organizational chart.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
1 Assembling an Educational Website Setup Text Saving and Viewing.
Website Design - Review Layout using tables. Table exmaple James 11/08.
By Ellen Liebenow. Objectives To enhance my knowledge of website designing Learn through experimenting Learn more about Applets Create a fun and interesting.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
How to build a (basic) website at MUSC Elizabeth Garrett-Mayer April 28, 2014.
CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Chapter 6 pp Announcements O Project 1 coming up (details on Monday) O Lab 2 deliverable (submit on Blackboard) O Lab 3 pre-lab quiz is up.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.
CPSC203 Introduction to Computers Lab 33 By Jie Gao.
Creating a Folder/Directory for Your Webpage files & folders on “frank” (MTSU’s Server) If you already have a webpage setup on “frank”, then omit Step.
Basic Shapes and Colors Web Design Section 5-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I”
Building Webpages December 1, 2009 Beginners: Please sit in the front rows.
1 Assembling an Educational Website Setup Text Saving and Viewing.
Start Dreamweaver program From file menu click new Blank page appears.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
1 Assembling an Educational Website Setup Text Saving and Viewing.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
CSU Extension Webpage template Session 7.  Named anchors are spots within a page you can link to “Anchors” a specific part of the page Has a name so.
Please open a file manager window and Dreamweaver.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the.
Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
WEBMASTER SKILL SESSION
How to Create Static and Animated PowerPoint Slides
On each booth you will find 4 to 6 banners
On each booth you will find 4 to 6 banners
On each booth you will find 4 to 6 banners
On each booth you will find 4 to 6 banners
Geography 121 Homepage Design Project Zero
How to make a website in dreamweaver a website
On each booth you will find 4 to 6 banners
On each booth you will find 4 to 6 banners
Posting your webpage In order for other people to be able to see your webpage, you must copy the files to a web server – a computer set up to share web.
A01 DESIGN To be completed Your proposal  Your House style 
Dreamweaver Basics.
Websites lesson 5.
HTML Text editors and adding graphics
Principles of Good Web Design
Chapter 6 pp
A02 Creating my website NAME ______________.
Step 1:. Open Microsoft FrontPage application.
Website File Management
Presentation transcript:

Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html

Gather Images put all images in images folder use.jpg or.gif use Photoshop to modify and save images in images put all images in images folder use.jpg or.gif use Photoshop to modify and save images in images

Visualize Layout Of Homepage insert a table accordingly create the homepage webpage save as index.htm or index.html in web Of Homepage insert a table accordingly create the homepage webpage save as index.htm or index.html in web

Visualize Names Of Other Five Pages include links to each of the 5 pages (write them down, eg horse.htm, cow.htm, sheep.htm, goat.htm & cat.htm) save homepage again Of Other Five Pages include links to each of the 5 pages (write them down, eg horse.htm, cow.htm, sheep.htm, goat.htm & cat.htm) save homepage again

Visualize 5 Pages create one of these pages insert table accordingly create webpage completely (with all links including link to homepage) create one of these pages insert table accordingly create webpage completely (with all links including link to homepage)

Save 5 Pages save in web this first page five (5) times under the five names of the five webpages; eg horse.htm, cow.htm, sheep.htm, goat.htm, & cat.htm

Create Each Page go back and open each webpage from web; modify and perfect it and save it