Scribd
Upload
32 views3 pages

Website Planning and Design Essentials

The document provides an overview of web development topics including planning and designing websites, web servers, protocols, HTML, CSS, JavaScript, and PHP. It lists questions on each topic and covers elements like tags, forms, tables, styling, functions, events, arrays, files, and databases.

Uploaded by

VVL
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
32 views3 pages

Website Planning and Design Essentials

The document provides an overview of web development topics including planning and designing websites, web servers, protocols, HTML, CSS, JavaScript, and PHP. It lists questions on each topic and covers elements like tags, forms, tables, styling, functions, events, arrays, files, and databases.

Uploaded by

VVL
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Introduction to web:

1) Describe planning of the website and its navigation.


2) Describe web design issues. How developer can design website effectively?
3) Explain the points which should be considered for planning a website.
4) Which are the points to be considered for planning a website?
5) What is server? Explain types of servers.
6) List and explain the website design principles.
7) Draw and explain Web Browser Architecture.
8) What do you mean by Protocols? Discuss in detail.
9) Give full form of following Acronyms: (a) URL (b) HTTP (c) HTML (d) ISP
10) What is HTTP? How server and client communicate using HTTP?
11) Sketch and Describe architecture of web browser.
12) Enlist website design principles.
13) Give full form of following Acronyms.
14) Discuss the web design issues in detail.

HTML:
1) Explain following html tags with proper example. 1) <ol>, 2) <a>, 3)<p>
2) Explain new elements in HTML5.
3) Discuss frames in HTML.
4) Discuss about HTML form tag. Give names of different form attributes and create
a student feedback form (use textbox, text area, checkbox, radio button, select box
etc.)
5) What is HTML table? Explain table element rowspan and colspan with necessary
attributes. Write HTML code to print following table.
6) What is HTML attribute? Explain the function of any attribute with an example.
7) Explain following HTML tags with example. (i) <select>, (ii) <pre>
8) Design Login Page in HTML. Page must have fields in page Username, Password,
Remember Me and Login Button.
9) What is HTML List? What are the types of HTML List? Explain each with HTML coded
example.
10) List out Types of Web Servers and explain anyone in detail.
11) Design a registration page in HTML.
12) What is HTTP? Explain HTTP Request and Response.
13) List out HTML Elements? Explain any one in detail.
14) Discuss how display resolution affects website design.
15) What do you mean by event in JavaScript? Give at least two examples of events
with their handling.
16) List out Various Input Elements of HTML and explain any one in detail.
17) What do you mean by Meta Tags? Show their meaning and uses with examples.
18) Explain Frames in HTML with examples.
19) Differentiate Conventional HTML vs HTML5.
20) Describe DOM structure of HTML.
21) Design login page with following detail: (a) Login ID (b) Password (c) Login
Button.
22) Describe following HTML Tag. (1) <b>, (2) <body>, (3) <div>, (4) <script>
23) Explain Frames in HTML with examples.
24) List out and explain various HTML tags.
25) Design a registration page in HTML.
26) Discuss how display resolution affects website design.
27) How to add image in HTML page? Describe with example.
28) Describe concept of ordered list and unordered list with example.
29) How to change the font size in HTML document? Describe with example.
30) Write HTML code to display your resume on web-page.
31) How to add table in HTML page? Write HTML code to enter following data in
tabular format.
Name Roll No Marks Status
Rajesh 55 22 Fail
Anil 59 56 Pass
Ramesh 61 50 Pass
32) Write HTML+CSS code to have following effects:
(1) Title Line : color=blue, font-style=Calibri , font-size=20,
alignment=center
(2) Paragram : color=red, font-style=Cambria, font-size=15,
alignment=left
Title line : WEB TECHNOLOGY

CSS:
1) Explain importance of CSS. Write the syntax for defining CSS.
2) Explain BOX Model in CSS.
3) List different font properties in CSS and explain it with suitable examples.
4) Explain different types of CSS.
5) Illustrate advantages and limitations of CSS.
6) Write and explain Border and Padding properties in CSS along with suitable
examples.
7) Write the difference between Client-Side Scripting and Server-Side Scripting.
8) Write a JavaScript, that uses a loop, that searches a word in sentence held in
an array, returning the index of the word.
9) Design a form using HTML and JavaScript that asks the user to enter his date of
birth and on clicking the Calculate Button it calls the function that calculates
how many days are left in your birthday?
10) List some advantages of JavaScript.
11) Write a JavaScript code to find whether given number is prime or not.
12) Explain pop-up boxes in JavaScript with examples.
13) How 2D and 3D transitions are done in CSS.
14) Differentiate between “ID” and “CLASS” using suitable examples.
15) Differentiate CSS vs HTML.
16) What is CSS? Explain the different types of CSS.
17) List out the salient Features of CSS 3.0.
18) Explain CSS position property.
19) What is the meaning of cascading? How do style sheets cascade?
20) What is CSS Pseudo-elements and Pseudo-classes? Explain with the example. List
different Media types in CSS.
21) What is the float property used for in CSS?
22) How to integrate CSS on a web page?
23) Explain the CSS Box Model and its different elements.

JavaScript:
1) Explain nested loops in JavaScript.
2) Write a JavaScript code to find out factorial of the given number.
3) Explain JavaScript Functions.
4) Write a JavaScript code to find out whether the given number is a Palindrome or
not.
5) What is Purpose of JavaScript?
6) What is Cookies? How it affects the system?
7) List out and explain the website design principles.
8) Describe event in JavaScript. Explain any one with example.
9) Write JavaScript code to print a pattern. Number of rows is taken runtime.
*
* *
* * *
* * * *
10) Write JavaScript code to validate 10 digit mobile number.
11) Differentiate client-side and server-side programming.
12) Write JavaScript code to print Fibonacci series.
13) Write JavaScript code to validate password with specific requirements.
14) Write a JavaScript that uses a loop which searches a word in a sentence held in
an array, returning the index of the word.
15) Explain pop-up boxes in JavaScript with example.
16) List out some advantages of JavaScript.
17) What do you mean by event in JavaScript? Give at least two examples of events
with their handling.

PHP:
1) State the difference between session and cookie in PHP.
2) Describe CRUD operations with reference to database in PHP.
3) Explain arrays in PHP.
4) What PHP can do with header() command?
5) Differentiate identical and equal operator in PHP.
6) Explain string functions in PHP.
7) Explain require() and include() functions in PHP.
8) Explain session in PHP with example.
9) Write PHP code to read data from a text file and display it in the browser.
10) Write a PHP program to display today’s date in dd-mm-yyyy format.
11) Explain index and associative arrays in PHP.
12) Explain database connectivity in PHP with example.
13) How Error Handling is done in PHP?
14) How to Get Last ID in PHP?
15) What is CRUD operations with Database in PHP?
16) What is the difference between identical and equal operator in PHP? Explain
with example.
17) Describe features of PHP.
18) Differentiate equality and identical operator in PHP.
19) Write PHP code to read information from [Link] and write on [Link].
20) Describe various types of control statements in PHP.
21) Describe associative array in PHP.
22) Write PHP code to store user data (Name, Mobile Number) with MySQL database.
23) Explain Index and Associative arrays in PHP.
24) What is an external style sheet? Explain with the help of an example. Also,
list out advantages of external style sheet.
25) Differentiate between Client Side Scripting and Server Side Scripting.
26) Explain Cookies in PHP with example.
27) Explain features of PHP. Discuss various types of control statements in PHP.

Common questions

Powered by AI

HTML5 introduced several new elements and features that improved semantic structure and multimedia handling compared to conventional HTML. New semantic elements like <article>, <section>, and <nav> provide better content organization. HTML5 also enhanced multimedia handling with <audio> and <video> tags, eliminating the need for plugins. Additionally, HTML5 introduced the <canvas> element for drawing graphics and enhanced forms with new input types and attributes . These innovations make HTML5 a more robust language for modern web application development .

HTML (Hypertext Markup Language) provides the structural foundation of a web page by defining its content and hyperlinks. For example, the <p> tag is used to define paragraphs, while the <img> tag is for images. CSS (Cascading Style Sheets), on the other hand, is used to describe the presentation and layout of that content, such as colors, fonts, and spacing. For instance, you can change the font size or background color utilizing CSS. While HTML structures the page, CSS enhances its visual appeal, allowing for separation of content from design .

Client-side scripting involves scripts executed in the user's browser, such as JavaScript, which is ideal for tasks needing immediate feedback like form validation or dynamic content updates. Server-side scripting is executed on the server, such as PHP or ASP.NET, which is well-suited for handling database interactions and secure data processing. For instance, use client-side scripting to verify input before submission, and server-side scripting for user authentication and data retrieval in a database-driven application .

The CSS Box Model is a fundamental concept that describes the structure of a web element as a rectangular box, which consists of content, padding, border, and margin. The content is where text and images appear, padding provides space between content and the border, the border encases the padding and content, and the margin creates space between different elements on the page. Understanding the Box Model is crucial for precise layout control, ensuring aesthetic alignment, spacing, and preventing layout shifts. It influences decisions like element positioning, size calculations, and overall page aesthetics .

Effective website design principles include usability, accessibility, visual appeal, consistency, and content quality. Usability ensures the site is easy to navigate, accessibility guarantees content is reachable by a diverse audience, visual appeal attracts and retains users, consistency aids in branding and coherence across pages, and high-quality content provides value and relevance to users. These principles help create a website that meets user needs, builds trust, and enhances user engagement .

When planning a website, essential elements include understanding the target audience, defining clear objectives, ensuring intuitive navigation, and incorporating functionality that aligns with user needs. Effective web design requires a balance of aesthetics and usability, where the navigation is structured logically to guide users effortlessly through the content. This includes organizing information hierarchically, ensuring responsive design for various devices, and using consistent styling and branding throughout. Such planning results in a user-friendly experience that promotes engagement and accessibility .

Display resolution affects how content is rendered on different devices, impacting readability and user experience. High-resolution displays require higher quality images to avoid pixelation, while low-resolution screens need content that is legible and accessible. Designers can adopt responsive design techniques, such as media queries and fluid grids, to ensure websites adapt seamlessly to various screen sizes. This approach requires testing across devices to maintain functionality and aesthetics without compromising page load times or usability .

CSS offers several advantages, such as separation of content and presentation, reusability, and responsive design capabilities. It allows for consistent and quick styling across multiple web pages, reduces redundancy with external stylesheets, and provides responsive features via media queries. However, limitations include browser-specific rendering differences and complexity in managing large CSS files. These factors influence developers to choose CSS for its efficiency and scalability but may require additional tools like CSS preprocessors or frameworks to address its limitations .

JavaScript events are actions or occurrences detected by JavaScript, usually triggered by the user or browser. Examples include 'onclick', which executes a handler when the user clicks an element, and 'onkeypress', which detects when a key is pressed. JavaScript events significantly boost web interactivity by responding to user actions in real-time, enabling dynamic content updates without reloading the page, thus improving user experience .

HTML5 introduced native <audio> and <video> tags, allowing media to be embedded directly in web pages without third-party plugins like Flash, which often posed compatibility, security, and performance issues. These elements improve user experience by providing a more seamless and integrated way to access multimedia content across devices and browsers. They support additional features, such as custom controls and playlist management, enhancing interactivity and accessibility .

You might also like