32
Evaluating & Maintaining a Site Domain 6

Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Embed Size (px)

Citation preview

Page 1: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Evaluating & Maintaining a Site

Domain 6

Page 2: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• Dreamweaver provides many tools to assist in finalizing and testing your website for publication on the Internet

Page 3: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• One of the first steps in preparing your website for publication is to check the spelling

• Use the Check Spelling command on the Commands menu

Page 4: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• When Dreamweaver finds an unrecognized word from the selected dictionary, the Check Spelling dialog box opens where you can:– Add the word to your personal dictionary– Ignore OR– Change the word for that instance of the word or all

instances of the word

• Dreamweaver provides a list of suggested words to choose from, or you can correct the spelling yourself

Page 5: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• Before publishing a website, it is very important to verify the links works properly

• Dreamweaver provides three different levels for checking links:– In the current document– Portions of the local site– Across the entire site

Page 6: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• To check links in the current document or selected files or folders:– Click File (Drop down menu)– Point to Check Page– Click links

Page 7: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• To check the entire site:– Click the Check links Sitewide command on the

Site menu

Page 8: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests• When you check the links in the current

document or site, the Link Checker panel opens, above or below the Property Inspector

• You can select a report from the Show pop-up menu:• Broken links• External links• Orphaned files:• Files that exist in the site but are not linked to any

other file

Page 9: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Conduct Technical Tests

• The External Links report identifies all external links, but does not verify that the links work properly

Page 10: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Techniques for Basic Usability Tests

• You can perform a usability test used to verify how well your site functions among different users

• You should develop a checklist or script before testing begins to determine what you want to measure

• Next, assemble a diverse group of participants to review your website against the checklist and determine the usability of your site

Page 11: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Techniques for Basic Usability Tests

• Usability.gov– Federal site the provides a guide to assist in the

process– You can find a wide range of templates that are in

the public domain and available to be used and modified as you see fit for any of your projects

Page 12: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Once your website is published, you may choose to receive feedback from actual visitors to your site by asking them to complete a brief survey before they leave the site

• You can create a pop-up box that appears when the user enters the site, prompting them to choose whether they would be interested in answering some questions about their experience

Page 13: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Surveys are often also requested after an individual has made a purchase at a commerce website

• The actual survey is created as a form, and the data submitted to a database where the responses can be analyzed

• You can also create an e-mail link for those visitors who wish to leave a comment about your site

Page 14: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• You can also gather site feedback without visitors even knowing it

• Services are available for purchase that will proactively monitor your website to report on broken links and digital assets that may not be tagged correctly

• Assets that are tagged correctly provide information about how visitors interact with the site

Page 15: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Proactively evaluating a website helps you create a better experience for your visitors, which will keep them returning to your site

Page 16: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Other information you can gather includes learning which of the following your visitors use:– Platform– Browser– Browser version– Screen resolution– Connection speed

Page 17: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• This can help you determine critical information that will:– help you in the design and publication of your site– make the visitors’ experience more enjoyable

• You will need to consider your visitors’ computer or mobile device configuration, and ensure that you site works with that configuration

Page 18: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Services are also available that can track and analyze how visitors are:– Getting to – Using– Navigating your site

Page 19: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Identify Methods forCollecting Site Feedback

• Which keywords can your visitors use in search engines to find your website?

• Where do visitors go on your website?• Does your site appear in the search engine’s

results?• If you are a commerce site, which navigation

paths did visitors follow most often that ended in a purchase?

Page 20: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Present Web Pages to Others for Feedback and Evaluation

• You can also form a focus group to help you determine how visitors feel and think when they visit your site

• The information gathered is used to improve your site

• Focus groups can be used before a website is published, after implementation, or when planning a redesign

Page 21: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Present Web Pages to Others for Feedback and Evaluation

• Before forming a focus group, it is important to see who you identified as the target audience

• Next, identify specific goals and objectives• The focus group is assembled and observed

while members share their opinions, feelings, thoughts and attitudes about the site

Page 22: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Manage Assets, Links and Files for a Site

• The Files Panel is where:– manage assets locally– files can be deleted– files can be renamed– files can be moved

• You can set up the Files Panel to publish files to a remote or testing server

• When a file is changed, Dreamweaver prompts you if a link needs updated

Page 23: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Manage Assets, Links and Files for a Site

• You can manage files in the Files panel by:– right-clicking a file OR– clicking the Panel options menu

• These menus differ from one another• On the right-click menu:– Point to Edit to access Delete and Rename commands

• On the Panel options menu:– The Delete and Rename commands are accessed by

pointing to File

Page 24: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Manage Assets, Links and Files for a Site

• To create a new file or folder:– Right click a file in the Files Panel– In the Panel options menu: point to File and click a

command

• When you rename a file, Dreamweaver prompts you to update any links associated with that file

Page 25: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• When you want Dreamweaver to connect to a remote folder, you specify the remote folder in the Server category of the Site Definition dialog box

• The remote folder is also referred to as the host directory

• The remote folder should match the local root folder of your Dreamweaver site

Page 26: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• A remote folder can have name• A common practice among ISPs is to name the

top-level remote folder public_html or pub_html

• Your ISP will inform you of the type of connection you should use when setting up your remote connection

Page 27: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• FTP:– Common protocol– File-Transfer protocol– Default option in the Connect Using pop-up menu

• If you simply want to connect to a local or network connection to test your site, click Local/Network on the Connect Using pop-up menu

Page 28: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• When a remote connection is first established, the remote folder is usually empty

• Publishing:– Uploading the files in your local root folder to remote

folder– Populates the remote folder

• The directory structure of both these folders should always be the same to ensure that Dreamweaver uploads files to the current location and the files will be visible to visitors

Page 29: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• Put command:– Used to publish your files to the remote folder

• Select the local root folder in the Files panel before executing the Put command to upload the entire contents of your local root folder

• If you do not need to update the entire site, you can select the individual pages or folders and click the Put button, and only selected items will be uploaded

Page 30: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• Get command:– Used to download files from the remote site to

the root folder– Usually done when more than one individual edits

the site

• Check Out command:– Used to ensure that more than one person does

not work on a file at the same time

Page 31: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• If the Check Out command is used instead of the Get command, Dreamweaver alerts other users that the file has been checked out and by whom

• If the Check Out command is used, the file needs to be placed back in the remote folder using the Check In command

Page 32: Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for

Publish and Update Site Files to a Remote Server

• Expand:– To view panes displaying the remote server and

local site folder

• If you are unable to see the remote folder, you may need to click the Connect/Disconnect button to connect to the remote site

• Click Collapse button to show only local or remote site and return to single-pane view