Final Exam: Webpage Design & Development
Uploaded by
adaneFinal Exam: Webpage Design & Development
Uploaded by
adane- Exam Overview and Instructions
- Part I: True/False Items
- Part II: Matching Items
- Part III: Multiple Choice Questions
- Part IV: Workout
- Answer Sheet
Common questions
Powered by AIChoosing between inline, internal, or external JavaScript depends on project requirements: inline JavaScript offers quick, specific functionality directly within an HTML element, useful for simple scripts and one-time actions but clutters HTML and is against modern practices due to maintainability issues. Internal JavaScript is useful for a single page where scripts need to be encapsulated within the <head> or <body> and offers a more organized structure. External JavaScript is preferred for large projects due to its modularity, reusability across multiple pages, and separation from HTML, which improves load times and maintainability. External scripts enhance caching benefits and source code maintainability .
A web server's role is to store, process, and deliver web pages to users. It handles requests received from web browsers (clients) and serves them with the requested resources, such as HTML documents, by using HTTP. It can host other components like databases and application code, enabling interaction between users and web applications. The server also performs various tasks such as executing server-side scripts, supporting security protocols, and managing load balancing .
To define a CSS class, use the period '.' symbol followed by the class name (e.g., .myClass) and specify styles within curly braces. For defining an ID, use the hash '#' symbol followed by the ID name (e.g., #myID). Classes are reusable on multiple elements, suitable for grouping similar styles, enhancing consistency and versatility. IDs, however, are unique per page, ideal for targeting single elements for unique styles or JavaScript manipulation. Choose classes for reusability and IDs for specific, one-time styling needs .
The 'DOCTYPE' declaration in HTML is crucial because it instructs the web browser about the version of HTML being used, which in turn affects how the browser renders the page. Without the proper declaration, browsers may render the same HTML code with different results, leading to inconsistencies in the presentation across different platforms. It also triggers standards mode, rather than quirks mode, ensuring that the page is rendered according to the latest standards .
JPEG compression causes an image to lose detail when saved due to its lossy compression algorithm, which reduces file size by discarding some image data. It is a common choice for web images because it significantly reduces the file size, which improves page load times, making it ideal for web use where bandwidth conservation is important .
Internal style sheets are defined within the <head> tag of an HTML document using the <style> tag, providing styling for a single document. External style sheets are separate CSS files linked to HTML documents, allowing the same styling across multiple pages, promoting reusability and easier management. Embedded style sheets are written inside HTML elements using the 'style' attribute, useful for quick, specific styles. The choice depends on the scope and maintainability needs; use external for consistent site-wide presentation, internal for single pages with specific design requirements, and embedded for one-off styles .
The '<td colspan>' attribute in HTML specifies the number of columns a table cell should span. This affects the table layout by allowing a single cell to stretch across multiple columns, which can be useful for creating headers or cells that contain data spanning several smaller columns. It helps organize data into more readable and comprehensible formats, enhancing the presentation and structural flexibility of tables .
The HTML5 <video> element provides developers with a standard method to embed video content that doesn't rely on third-party plugins like Flash, leading to more consistent behavior across different browsers and devices. This makes development easier by reducing compatibility issues and enhances webpage performance and security. For end-users, it means faster load times, reduced resource usage, and improved native features such as controls and tracks for subtitles. It also allows for better accessibility, enabling native browser support for assistive technologies, ultimately leading to richer, more inclusive experiences .
JavaScript plays a pivotal role in client-side form validation, enhancing user interaction by providing immediate feedback about the form input. This preemptive validation reduces server load, as incorrect submissions can be caught before even reaching the server, which improves the user experience by saving time and reducing frustration. JavaScript validation contributes to security by preventing malicious data from reaching the server while also allowing for dynamic, interactive, and user-friendly form designs .
Using a frameset in HTML can hinder search engine optimization (SEO) because search engines may index frames as separate pages, creating challenges in proper indexing and page ranking. Frames can also negatively impact user experience as they disrupt the normal functioning of the back button on web browsers, lead to inconsistent bookmarking, and cause difficulties in accessibility for users with disabilities. Consequently, many developers avoid framesets in favor of more modern and SEO-friendly practices like using CSS for layout .
