1 / 51

Chapter 10

Chapter 10. Fine-tuning, Completing, and Publishing Your Project. Final Structural Checks. Links that don’t work correctly and don’t lead to their intended destination are called broken links. . Final Structural Checks. These messages could mean a few things:

alisa
Télécharger la présentation

Chapter 10

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 10 Fine-tuning, Completing, and Publishing Your Project

  2. Final Structural Checks • Links that don’t work correctly and don’t lead to their intended destination are called broken links.

  3. Final Structural Checks • These messages could mean a few things: • The server couldn’t find the requested page. • The user incorrectly typed the URL.

  4. Final Structural Checks • These messages could mean a few things: • The project designer or site administrator moved, renamed, or deleted a file without correcting the links to that page.

  5. Final Structural Checks Broken Links column Click Check Links buttons to access options Files column Choices for scope of link check Link Checker options in Dreamweaver

  6. Final Structural Checks • When a page is so long that users have to repeatedly scroll to find content, it’s helpful to provide named anchors with internal links. • A named anchor is a specific location on a web page that has a descriptive name.

  7. Final Structural Checks Links to named anchors First named anchor Named anchors used on the USA.gov website

  8. Final Structural Checks • Provide a user-friendly experience: • Use intuitive text for links. • Don’t use the text “click here”. • Add a set of plain text navigational links at the bottom of each page.

  9. Final Structural Checks • Provide a user-friendly experience by: • Include a link to the home page on every page in the site. • Use image maps. • Use site maps. • Use site search.

  10. Final Structural Checks Link to site index Pointer indicates presence of link Search text box Links to content by category USA.gov site index, hotspot, and search text box

  11. Final Structural Checks • When preparing PDFs for use on a website, students should strive to make their documents as small as possible by using the settings in Adobe Acrobat to optimize the file size.

  12. Final Structural Checks • Acrobat is used to create accessible PDFs. Some of the tools that make a document more accessible include: • using tags for document structure. • converting an untagged PDF to a tagged PDF.

  13. Final Structural Checks • Acrobat is used to create accessible PDFs. Some of the tools that make a document more accessible include: • editing the reading order and document structure. • tools for creating accessible forms.

  14. Final Structural Checks Accessibility options for IRS tax documents

  15. Final-Testing and Fine-Tuning • The following tests will help ensure that the project meets current standards of quality, accessibility, and usability and is free of errors: • Valid HTML markup. • Valid CSS markup. • Run site reports.

  16. Final-Testing and Fine-Tuning Dreamweaver Results panel W3C Validation tab Error icons Warning icons Status of errors and warnings for current document

  17. Final-Testing and Fine-Tuning • The following tests will help ensure that the project meets current standards of quality, accessibility, and usability and is free of errors: • Test pages using multiple browsers and browser versions. • Test using multiple devices.

  18. Final-Testing and Fine-Tuning Choices for scope of reports Dreamweaver Reports dialog box

  19. Final-Testing and Fine-Tuning Preview/Debug In Browser button Choices for previewing pages

  20. Final-Testing and Fine-Tuning Site-wide media query file Three styles sheets that format the desktop, tablet, and mobile versions Choices for previewing pages

  21. Final-Testing and Fine-Tuning Code in site-wide media query file linking to three supporting style sheet files Code linking desktop style sheet Code linking tablet style sheet Code linking mobile style sheet

  22. Final-Testing and Fine-Tuning • The following tests will help ensure that the project meets current standards of quality, accessibility, and usability and is free of errors: • Gather feedback.

  23. Final-Testing and Fine-Tuning USA.gov website survey Links to accept or decline the survey

  24. Getting it Out There • After you’ve completed your project and tested it thoroughly, you’re ready to take a test run.

  25. Getting it Out There • For a website, you can use a web server, which is a computer with software that enables it to host websites and is connected to the Internet with an IP (Internet Protocol) address.

  26. Getting it Out There • Some developers use a private testing server to test a site before publishing it to the live server, where it will be available to anyone.

  27. Getting it Out There • You can specify your remote server settings when you first create a site, or you can do it after you’ve completed the site and are confident that it’s ready for public viewing.

  28. Getting it Out There Remote server settings Test button Specifying remote server settings in the Site Setup dialog box

  29. Getting it Out There • After you have set up your site, you can upload, or copy your files from the local folder to the remote host. • This is easy to do using Dreamweaver’s built-in FTP client.

  30. Getting it Out There • Two other file transfer options are downloading files and synchronizing files. • To download means to copy files from the remote server to the local site folder.

  31. Getting it Out There • Two other file transfer options are downloading files and synchronizing files. • To synchronize means to compare the dates of all files in both the local and remote sites, then transfer only those files that have been changed.

  32. Getting it Out There Dreamweaver Synchronize Files dialog box

  33. Getting it Out There • The following are ways you can get your site listed by the top search engines and increase the traffic on your site: • Register site with several search engines. • Include meta tags (page titles, keywords, and descriptions) for pages. • Add alternate text to every image or media file. • Add a site map.

  34. Getting it Out There • Include the most important information at the top of each page. • Use social networking sites to increase visibility • Consider using an SEO Services company.

  35. Getting it Out There Google Submit Your Content page Link to submit URL Google website used with permission from Google, Inc-www.google.com

  36. Getting it Out There • Once you begin welcoming users to your site, you’ll want to know: • How many users are visiting each page. • How long they’re lingering. • Where they’re located around the world.

  37. Getting it Out There • The tools for gathering and measuring this information are called Web analytics tools.

  38. Getting it Out There Google Analytics Google website used with permission from Google, Inc-www.google.com

  39. Getting it Out There • Other than publishing an interactive media project online as a website, there are several other ways to present projects to an audience or client. • Electronic portfolios are one option.

  40. Getting it Out There • Electronic portfolios: • are a representative collection of an individual’s work that showcases his or her range of talent, accomplishments, or services. • provide a vehicle for self-expression and self-reflection.

  41. Getting it Out There • Electronic portfolios: • are vital tools for job applications. • are excellent ways to present samples of professional work to prospective clients.

  42. Getting it Out There • Well-designed electronic portfolios should include the following: • Their name and contact information • Well-chosen projects that represent their best work

  43. Getting it Out There • Well-designed electronic portfolios should include the following: • Commentary with each project that describes specific features or goals • A consistent look across the pages

  44. Getting it Out There • Well-designed electronic portfolios should include the following: • A table of contents or site map to outline the content • A consistent, easy-to-use navigation system to move between the pages

  45. Getting it Out There • Well-designed electronic portfolios should include the following: • Reduced file sizes for images and other digital-media content • A reflection of their personality, accomplishments, interests, and abilities

  46. Getting it Out There • You want to secure their pages via HTTPS to protect their customers’ personal information from being accessed by unauthorized people. • HTTPS stands for HyperText Transfer Protocol with Secure Sockets Layer.

  47. Getting it Out There • To set up secure pages, you should contact your web host to verify that the web server supports SSL encryption.

  48. Getting it Out There • Next, you should obtain a unique IP address. • A unique IP address is not randomly assigned when users access your site; rather, it is a fixed address that never changes.

  49. Getting it Out There • Lastly, you should obtain an SSL certificate, which can be purchased from a company such as VeriSign.

  50. Getting it Out There Click to view certificate information Information about page security VeriSign SSL certificate information

More Related