Question |
Answer |
Describe the difference between an XML Sitemap and a HTML Sitemap. List the benefits and disadvantages of using each. |
HTML sitemap is created for human users that links other pages of the site in a user-friendly and clickable format. XML sitemap is designed to be accessible by search engine bots known as crawlers to make a website more accessible to the search engine.
HTML sitemaps improves user experience and site navigation but it doesn’t help with search indexing; XML sitemaps help with search engine optimization but can only be accessed by machines and requires XML knowledge if needed to build manually.
|
Evaluate three IDE’s (Integrated development environments) and provide a brief summary on the positive and negative aspects of each. Also, in your own words include how it would suit an entry level trainee code developer. |
- Notepad++ -
- (+) feature-rich version of Notepad with compatibility to make HTML and CSS files.
(-) not an IDE so while it can recognize different languages there are no error detection features or code formatting out of the box
- Notepad++ is a very simple tool to use for entry level coding because it doesn’t need plugins to code with Notepad++ and that it will assist HTML tags
- Adobe Dreamweaver -
- (+) wide range of features that allow the user to create dynamic websites with HTML/CSS/XHTML coding, with the ability to design graphics and other elements with Adobe Illustrator or Photoshop integration
(-) Costly paid monthly subscription
- Adobe Dreamweaver is beginner-friendly as it is more of a “What You See Is What You Get” (WYSIWYG) interface with minimal coding needed to design and run the website.
- Visual Studio -
- (+) Free alternative to Adobe Dreamweaver; Lightweight IDE capable of coding and creating websites using HTML/CSS/Javascript
(-) Significant setup via extensions is often necessary to match the functionality of a full IDE. It also requires manual setup for compilers, debuggers, and language-specific features
- Visual Studio can help integrate HTML with scripting languages like Javascript.
|
Provide a brief history on web browser development and the issues encountered by web developers, specifically, the adherence to web standards. |
- HTML 1.0 - introduced in 1991 by Tim Berners-Lee and was used to create and link text documents over the internet; only basic tags for headers, paragraphs, lists and hyperlinks. Does not support images
- HTML 2.0- introduced forms, tables and ability to add images, no advanced styling options and multimedia support
- HTML 3.0 - ability to integrate script languages and widgets, better layout control, no CSS
- HTML 4.0- introduced CSS support and improved multimedia support and scripting
- HTML 5- introduced semantic elements and phased out HTML 4.0 tags, native multimedia support
- The common issues encountered by web-developers are cross-browser compatibility and accessibility to other users.
|
What are website testing methodologies? Your answer MUST cover browser compatibility, and website functionality. |
Functional testing aims to test basic usability, error conditions (whether suitable error messages are displayed), and the system’s accessibility for a user. It is convenient and allows QAs to perform both manual and automated testing.
Websites need to run across different browsers, browser versions, operating systems, and devices. This includes mobile devices.
Checking our files via W3C to check for markup validity of Web documents and proper semantic usage. |
What are the endorsed requirements of accessibility for all NT Government webpages? |
Web Content Accessibility Guidelines (WCAG) 2.0 |
How do you think it’s best to organise all the assets used for a specific webpage? Think locally on your computer AND within the root folder of the website.
|
- All the files will need to be in the correct folders
- All .css files will be in the CSS folder
- Images go to the Images folder
- All Javascript files (.js) will be in the Javascript folder
- Using proper capitalization, make separate folders for CSS and images, proper naming scheme
|