PowerPoint Presentation - MP Spring 2005 - Lecture 13

Document Sample
PowerPoint Presentation - MP Spring 2005 - Lecture 13 Powered By Docstoc
					Lecture 13
   Final Project Due NEXT WEEK! Tuesday Dec 13th
      Due by 3pm (so I can make the presentation template)

      You will email dan_salimbene@yahoo.com a link to your final
        project homepage
      Late assignments will result in a 3 points per day deduction. Any
        email received after 3pm on 12/13 will be considered late.
      As a back up, bring a hard copy of your site on CD, disk, usb
        drive…just in case internet is not working.

   Final Project Requirements
      Are there any questions about the requirements?
                 The Menu 12/6/05
   How to purchase and set up domain names

   How to purchase and set up hosting space

   Search Engine Optimization

   Favorite Icons

   Meta Tags

   Usability guidelines

   Future of website design and multimedia on the web
            Buying a Domain Name
   You will need to go to a Domain Registrar to
    register your domain name

   Price will range from $9 - $40 a year to register
    your domain name

   Don’t buy only on Price, although that is a big
    part of it
                Quick Vocabulary Lesson
   Domain Name:
       A name that identifies one or more IP addresses. For example, the
        domain name microsoft.com represents about a dozen IP
        addresses. Domain names are used in URLs to identify particular
        Web pages. For example, in the URL
        http://www.pcwebopedia.com/index.html, the domain name is
        pcwebopedia.com. (from Webopedia)

   Domain Registrar:
       A company that registers domain names for a price. These
        companies often offer additional services for additional fees.

   The Internet Corporation for Assigned Names and Numbers
       An internationally organized, non-profit corporation that has
        responsibility for Internet Protocol (IP) address space allocation,
        protocol identifier assignment, and Top-Level Domain name system
        management, and root server system management functions.
   ICANN currently accredits domain-name
    registrars, the list can be found here:
       http://www.icann.org/registrars/accredited-list.html

   Ones I have experience with:
       Positive:
            Network Solutions - http://www.networksolutions.com
            Domain Bank – http://www.domainbank.net
       Negative:
            Register.com – http://www.register.com
            How to Choose a Registrar
   Look for support
       On their customer service page, is there a phone number
        you can call for help? Does it say 24 hour customer

   Do they offer the extension you are looking for?
       Not all registrars offer the same extensions (.tv, .net.,
        .com, etc) Almost all offer .com, and .net, but the rest
        vary a bit.

   Word of mouth
       Check in with other people who have registered names
        and ask them about their experience.
                    Purchasing Process
   Once you have decided who you are going to buy your
    domain name from, You will need to see if the name is
    available. Most registrars have a search field on their
    home page.

   When you have decided on a name, you will have to fill
    in a bunch of info:
           Registrant Information
           Administrative Contact
           Technical Contact
           Billing Contact
           DNS Server Information*
           Payment Information
              DNS Server Information
   DNS Server:
       Short for Domain Name System (or Service or Server), an
        Internet service that translates domain names into IP
        addresses. Because domain names are alphabetic, they're
        easier to remember. The Internet however, is really based
        on IP addresses. Every time you use a domain name,
        therefore, a DNS service must translate the name into the
        corresponding IP address. For example, the domain name
        www.example.com might translate to
        (from webopedia.com)

   This is where you need to tell the registrar
    where you are hosting your site
               Purchasing Hosting Space
   Purchasing Hosting space is a little more
    complicated than buying the domain name
       There are more options
       There is less regulation
       There are a wider variety of services and interfaces
       You are paying for a less concrete item
            With hosting you pay for disk space, bandwidth, reporting,
             server side programs, etc
                    Hosting Features
   What to expect for your monthly fee:
       You will be allocated a certain amount of disk space,
        100MB, 500MB, 1GB
       You will be allocated a certain amount of data transfer
        per month (1GB, 2 GB)
       Email accounts – Dependant on service, you may get 1
        address, or many, with varying capabilities
       FTP Account – 1 or more
       Web based control panel – to access email accounts,
        traffic stats, domain settings, etc
       Server Side software – PHP, MySQL, CGI-Bin, SSL, Perl,
             Choosing a Hosting Services
   There are literally 1000s of choices, and not
    much in the way of ratings (that I could ever
   Ones I have experience with
       Page Zone – http://www.page-zone.com
       Geek Hosting* - http://www.geekhosting.com/index.html
       HostSave – http://www.hostsave.com

            * I have had a mixed experience with them
    Choosing a Hosting Service (cont’d)
   Be aware of Customer Service, Price, Term of
    payment, Payment options, control panel

   Find a company that offers all the services you
    want for the right price, then contact them prior
    to paying and see if you get a response, this will
    be indicative of their customer service
    Connecting Your Domain Name to Your Hosting Account

   When you sign up for Hosting, you will receive an account
    name and password, as well as the DNS information.

   Log into your account with the domain registrar and
    change the settings to what the hosting company says, for

        “Please change the domain nameservers to the following:
             Primary Nameserver: ns7.rdns4.net
             Secondary Nameserver: ns8.rdns4.net”

   To complete this process, you will probably have to reply
    to a confirmation email, and it will take 24 hours to be
    effective, however, now whatever files you upload to your
    hosting account, will appear when you type in
     Search Engine Optimization (SEO)

   Meta Tags

   Search Engine Submission

   This is link to the PDF about SEO
               What is a Meta Tag
   A meta tag is a head element that records
    information about the current page, such as the
    character encoding, author, copyright, or
    keywords. These tags can also be used to give
    information to the server, such as the expiration
    date, refresh interval, and PICS rating for the
    page. (PICS, the Platform for Internet Content
    Selection, provides a method for assigning
    ratings, such as movie ratings, to web pages.)
        Adding Meta Data To Your Site
   In Dreamweaver, open up your Template.

   We only need to add the meta data to the template since
    the template is part of every page.

   The meta data insert tool is located on the “HTML” tool
    bar, 2nd item from the left
   Although not a meta tag, the most important item
    in search engine positioning is the page title.

   To add keywords, choose
    the “Keywords” item

   Add any word people
    may search on to find
    your site in the box that
    opens up.

   Click OK.
                     Meta Description
   Add your description, this
    will likely be what
    appears in a search

   Add only 150-200
    characters, since that is
    all that will likely display

   Click OK.
                             Favorite Icons
   A favorite icon is the little icon your browser
    displays when you book mark a site.

   Favorite icon’s are easy to create and give your
    site a more professional look.

   Use this link to convert any gif or jpeg into your
    icon - http://www.html-kit.com/e/favicon.cgi

       http://www.chami.com/html-kit/services/favicon/help/
            Use the link above for support/FAQ about the Favorite
                        Favorite Icon
   Once you choose your image, submit it and save
    & unzip the file… you are left with a file called

   Upload this file into your root directory.

   In your template, add this code between the
    <head> tags:
       <link rel="shortcut icon" href="favicon.ico" >
                    One Catch
   As far as I can tell, if you are gonna use EDEN
    or some other RU based server to host your site,
    you will not see your favorite icon, you will see
            Search Engine Submission
   You can usually submit your site for free or
    choose to pay for inclusion, there are different
   Most search engines have an “Add URL” page,
    below are a couple:
       Google- http://www.google.com/addurl.html
       Yahoo - http://search.yahoo.com/info/submit.html
       Metacrawler/Dogpile - https://secure.ah-
                    Search Engine Tips
   Ways to Help your cause…

       Meta Keywords
       Index page should have as many keywords in text as possible,
        these words are indexed as well
       Add a slew of keywords to you page at the bottom…using a style
        sheet, change the color of them to match your background
        color. (don’t make the text color and the background color the
        same, the search engine will discard them)
       Get Hits! Link to other sites and have other sites links to your
       Pay for inclusion, consider pay-per-click if you are selling things
       Read the PDF for more info.
              Usability Guidelines

   Section 508

   Web Content Accessibility Guidelines 1.0

   4 Ways to Test
    Web Content Accessibility Guidelines 1.0
   Site: http://www.w3c.org/TR/WCAG10/

   These guidelines explain how to make Web content
    accessible to people with disabilities. The guidelines are
    intended for all Web content developers (page authors and
    site designers) and for developers of authoring tools. The primary
    goal of these guidelines is to promote accessibility. However,
    following them will also make Web content more available to all
    users, whatever user agent they are using (e.g., desktop browser,
    voice browser, mobile phone, automobile-based personal computer,
    etc.) or constraints they may be operating under (e.g., noisy
    surroundings, under- or over-illuminated rooms, in a hands-free
    environment, etc.). Following these guidelines will also help people
    find information on the Web more quickly. These guidelines do not
    discourage content developers from using images, video, etc., but
    rather explain how to make multimedia content more accessible to a
    wide audience.
                  What is Section 508?
   The purpose of this part is to implement section 508 of the
    Rehabilitation Act of 1973, as amended (29 U.S.C. 794d). Section
    508 requires that when Federal agencies develop,
    procure, maintain, or use electronic and information
    technology, Federal employees with disabilities have
    access to and use of information and data that is
    comparable to the access and use by Federal
    employees who are not individuals with disabilities,
    unless an undue burden would be imposed on the
    agency. Section 508 also requires that individuals with disabilities,
    who are members of the public seeking information or services from
    a Federal agency, have access to and use of information and data
    that is comparable to that provided to the public who are not
    individuals with disabilities, unless an undue burden would be
    imposed on the agency.
                  Section 508 Specifics
   A good, clear description of the main
    components of the Section 508 guidelines are
    available here:
       http://www.webaim.org/standards/508/checklist

   The official US Government site is:
       http://www.section508.gov/index.cfm?&FuseAction=Content&ID=12

   Another Section 508 Description:
       http://www.jimthatcher.com/webcourse1.htm
            Ways to Test for Usability (1)
Turn off images in your browser:
 In IE>
       Tools >
       Internet Options >
       Advanced Tab
       Multimedia>
       Uncheck the
        “Show Pictures” box

   Why turn off images?
       You can see the “ALT” for all
        your images
            Download Page Reader (2)
   IBM Home Page Reader
       http://www-306.ibm.com/able/solution_offerings/hpr.html

   They offer a 30 day free trial, get your webpage
    read to you
               Use the Keyboard (3)
   Keep images turned off, try your page without using the

   Use only the keyboard to navigate from link to link and
    to your forms.

   With Microsoft Internet Explorer or Netscape Navigator
    use the Tab key to move from link to link and around
    the elements of a form.

   Try using some familiar site in this way - hands off the
                     Bobby (4)
   Bobby is tough on sites, and anything it thinks is
    questionable, it will flag.

   Bobby is a tool for analyzing your page or site
    for accessibility. It was developed by the Center
    for Applied Special Technology (CAST)
    (http://cast.org) and is available on the Web for
    analyzing single pages at http://cast.org/bobby/.
                   Future of Web Design
   Goodbye to Tables

   Increased use of CSS for all positioning, layout and text

   More Flash

   Design will shift focus to portable devices, leading to multiple sites
    for the same topic
        A Broadband Site, A PDA / Cell Phone site

   Increased focus on security

   Convergence
                   Future of Web Design
   Resources:

       A good article about this:
            http://webmonkey.wired.com/webmonkey/03/21/index3a.html

       Another article about the Future of UI:
            http://asia.cnet.com/builder/architect/system/0,39009336,39191002,00.
                         Next Week
   The last week of class… Presentations

   We will begin at 7:40 PM, please be here on time.

   Send me your link by 3:00pm on Tuesday AT THE LATEST!

   Bring a hard copy of your site on CD or disk (just in case)

   I will do my best to be on email to respond to questions,
    please try not to wait till Tuesday at 11pm to ask questions

   Send me your link by 3:00pm on TUESDAY AT THE LATEST!