Lecture 13 Housekeeping Final Project Due NEXT WEEK! Tuesday Dec 13th Due by 3pm (so I can make the presentation template) You will email firstname.lastname@example.org 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 (ICANN) 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. Registrars 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 service? 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 220.127.116.11. (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 because: 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, etc Choosing a Hosting Services There are literally 1000s of choices, and not much in the way of ratings (that I could ever find). 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 interface 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 example: “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 “http://www.example.com” 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 Title Although not a meta tag, the most important item in search engine positioning is the page title. TITLE YOUR PAGE!!! Keywords 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 engine 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 Icon Favorite Icon Once you choose your image, submit it and save & unzip the file… you are left with a file called “favIcon.ico” 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 Rutgers’ Search Engine Submission You can usually submit your site for free or choose to pay for inclusion, there are different levels 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- ha.com/guaranteed_inclusion/teaser.aspx?network=metac rawler Search Engine Tips Ways to Help your cause… Meta Keywords TITLE YOUR PAGE 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 site 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 mouse. 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 mouse. 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. htm 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 though. Send me your link by 3:00pm on TUESDAY AT THE LATEST!