Dreamweaver Template and Web Publishing

General steps of web site design Survey  Who’s my audience  Decide the general style Organize information Layout design Template design Implementation  Generating content page from template. Testing the web site Publishing

Dreamweaver Templates What is a Dreamweaver template?  A special HTML file (with.dwt) What are the advantages of using a template to create the pages in a web site?

Key elements in Template Non Editable Region Editable Region

Key elements in Template Non-editable region: same for every pages Editable region: different in different pages Non-editable region is default How to insert editable region:  Insert menu->template object->editable region

Defining your MyMSU site Create a folder for your MyMSU site In Dreamweaver create a New Site  Setup the Local Folder  Name the site MyMSU website  Set the other values in the local folder tab

Creating a Template Read the Dreamweaver Help  Creating a Dreamweaver Template  Inserting an Editable Region Which document divisions should be editable?  How should you decide?

Filling out the web site Read the section on Creating a template- based document in the Dreamweaver help Create the pages from the template.  File menu->new- >Template

Getting it Online MSU makes it easy for us to create our own personal websites A little harder in the outside world to create a professional website Need  Domain Name  Need a Host to store files and direct traffic to the domain name  FTP software to transfer files to the web host

Example Web server: home.comcast.nethome.comcast.net FTP server: upload.comcast.net User name: nanzhang PAGE URL:

Domain Names The domain is a name assigned to a computer that can be used to access it through the Internet Also called a “web address” Domain names are registered is the URL, but msu.edu is the domain namewww.msu.edu

Top Level Domains Different extension signify different types of websites These are the “Top Level Domains” .com – commercial .net – internet service providers .org – non-profit organizations .edu – colleges and universities .gov – Federal Government .us – state and local government/schools .tv – Tuvalu .info,.ws,.usa

Second Level Domain Names Domains to which registered addresses will point are called second-level domains Lower level domain names are not registered msu.edu is a second-level domain ( lbs.msu.edu is a lower level domain To access lbs.msu.edu, contact must be made to msu.edu to find out where lbs.msu.edu is

Domain Levels Which are top-level, second-level, and third- level domains?  espn.go.com   projectpuffin.org  puffin.bird.audubon.org  detroit-pistons.com  isthatallyouget.com  studyabroad.msu.edu  poison.dart.frogs.com If it is a third or fourth-level domain, what is the registered second level domain?

INTERNIC Internet Network Information Center – government owned INTERNIC formerly handled all domain name registration Network Solutions, a private company, processed the registrations (now VeriSign) Network Solutions then took over registration Now several companies can register domains

Naming Rules When INTERNIC controlled it there were more rules. Now: Up to 67 characters Can have hyphens, e.g. project-puffin.org Cannot have # $ % ^ & * ( ) ? Symbols

Domain Name Availability You can purchase domain names by paying the registration fee ($16- $35/year) You do not have to put a site online to own the domain name Network Solutions has a WhoIs lookup database BetterWhoIs is easier to use Check for availability: 

Getting a Domain Name Find an ICANN Authorized Registrar Choose name and pay for domain registration Best to have registrar and domain host to be the same company  is a very good, low cost registrar and host ($16/year registration, $7.95/month for hosting)  is the “Big, Bad (near) Monopoly” ($35 a year, $9.95/month and UP)

Domain Hosting Hosting is a separate issue Domain registration is just getting a name Hosting is finding a computer to keep your files on and point the domain to

Free Website Hosting For personal stuff, you don’t need a domain name Msu.edu works great while a student Free Hosting Services:  Geocities.com  Angelfire.com  Your ISP* (e.g. ATT Cable, AOL, …) *Internet Service Provider