Web Designing - Wikitechy https://www.wikitechy.com/interview-questions/category/web-designing/ Interview Questions Mon, 16 May 2022 13:42:43 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 https://www.wikitechy.com/interview-questions/wp-content/uploads/2025/10/cropped-wikitechy-icon-32x32.png Web Designing - Wikitechy https://www.wikitechy.com/interview-questions/category/web-designing/ 32 32 What are the various elements provided by HTML 5 for media content ? https://www.wikitechy.com/interview-questions/web-designing/what-are-the-various-elements-provided-by-html-5-for-media-content/ https://www.wikitechy.com/interview-questions/web-designing/what-are-the-various-elements-provided-by-html-5-for-media-content/#respond Mon, 16 May 2022 13:41:30 +0000 https://www.wikitechy.com/interview-questions/?p=4357
  • There are lot of new elements are added which provides some extra functionality to create dynamic and attractive website in HTML5.
  • It can make your code quick and easy with the help of these elements.

    • Here, there are five media element tag is used for HTML5:

    <audio>:

    • This tag is used to embed sound files into a web page, and it is an inline element.

    Sample Code:

    Output:

    <video>:

    • This element tag is used to embed video files into a webpage.

    <source>:

    • This tag is used to attach multimedia files like pictures, video, and audio.

    Output:

    <track>:

    • This tag specifies text tracks for media components like video and audio.

    Output:

    <embed>:

    • This tag is used for embedding external applications which are generally multimedia content like video or audio through HTML document.

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-are-the-various-elements-provided-by-html-5-for-media-content/feed/ 0     What is the use of Namespace in Web Development ? https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-namespace-in-web-development/ https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-namespace-in-web-development/#respond Mon, 16 May 2022 13:21:21 +0000 https://www.wikitechy.com/interview-questions/?p=4352
  • It refers to the programming paradigm of providing scope to the identifiers like name of types, functions, variables, etc. to prevent collisions between them.
  • The same variable name might be required in a program in different contexts for instance.
  • A group of related elements that each have a unique name or identifier is known as Namespace.
  • Namespaces are used in many areas of computing, such as, file paths,  domain names and XML
  • Using namespaces in such a scenario will isolate these contexts such that the same identifier can be used in different namespaces.
  • By default, JavaScript does not provide namespace.
  • It can contain all variables and functions however we replicate this functionality by making a global object.

    • Syntax:

    • Namespace to initialize an empty space.
    var <namespace> = {};
    • Namespace to access variable.
    <namespace>.<identifier>

    For example,

    Output

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-namespace-in-web-development/feed/ 0     What is Cors ? https://www.wikitechy.com/interview-questions/web-designing/what-is-cors/ https://www.wikitechy.com/interview-questions/web-designing/what-is-cors/#respond Mon, 16 May 2022 12:33:08 +0000 https://www.wikitechy.com/interview-questions/?p=4349
  • CORS- Cross-Origin Resource Sharing.
  • It is header-based mechanism that allows a server to indicate any origins like scheme, domain, or port other than its own from which a browser should permit loading resources.
  • In order to check that the server will permit the actual request, CORS also relies on a mechanism by which browsers make a “preflight” request to the server hosting the cross-origin resource.
  • The browser sends headers that indicate the HTTP method and headers that will be used in the actual request in Preflight.
  • Browsers restrict cross-origin HTTP requests initiated from scripts for security purposes.
  • A web application using those APIs can only request resources from the same origin the application was loaded from unless the response from other origins includes the right CORS headers.
  • Data transfers between browsers and servers and CORS mechanism supports secure cross-origin requests.
  • This article is for front-end developers, web administrators and server developers.

    • ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-cors/feed/ 0     What is SVG and why is it used ? https://www.wikitechy.com/interview-questions/web-designing/what-is-svg-and-why-is-it-used/ https://www.wikitechy.com/interview-questions/web-designing/what-is-svg-and-why-is-it-used/#respond Wed, 11 May 2022 09:38:34 +0000 https://www.wikitechy.com/interview-questions/?p=4336
  • SVG- Scalar Vector Graphics.
  • It is a popular tool for displaying two-dimensional charts, graphics and illustrations on websites.
  • Without losing any of its resolution it can be scaled up or down.
  • It can be animated in every element and attribute.
  • SVG images are stored in XML text files and defined in a Vector graphics.
  • SVG files can be compressed, scripted, indexed, and searched and  scaled in size without loss of quality.
  • They are rendered by most used web browsers and Then the XML text files can be created and edited with vector graphics editors or  text editors.
  • At any resolution SVG images can be printed with high quality.
  • If they are zoomed or resized SVG graphics do NOT lose any quality.

    • Syntax:

    <!DOCTYPE html>
    <html>
       <body>
          <h1>My first SVG</h1>
          <svg width="100" height="100">
             <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="4" fill="pink" />
             Sorry, your browser does not support inline SVG.
          </svg>
       </body>
    </html>

     

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-svg-and-why-is-it-used/feed/ 0     What is Responsive Web Design (RWD) ? https://www.wikitechy.com/interview-questions/web-designing/what-is-responsive-web-design-rwd/ https://www.wikitechy.com/interview-questions/web-designing/what-is-responsive-web-design-rwd/#respond Wed, 11 May 2022 09:20:20 +0000 https://www.wikitechy.com/interview-questions/?p=4333
  • RWD-Responsive Web Design.
  • It is used to make your web page look good, appropriate and well placed on all devices like desktops, tablet, smartphones, etc.
  • It uses HTML and CSS to hide, resize, enlarge, shrink or move the content.
  • It makes the content look good on any screen.
  • It is viewed on to provide an optimal viewing experience and it is automatically adjusting the structure of the webpage based on device.

    • For Example,

    <!DOCTYPE html>
    <html>
       <head>
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <style>
             * {
             box-sizing:border-box;
             }
             .left {
             background-color:#2196F3;
             padding:20px;
             float:left;
             width:20%; /* The width is 20%, by default */
             }
             .main {
             background-color:#f1f1f1;
             padding:20px;
             float:left;
             width:60%; /* The width is 60%, by default */
             }
             .right {
             background-color:#4CAF50;
             padding:20px;
             float:left;
             width:20%; /* The width is 20%, by default */
             }
             /* Use a media query to add a break point at 800px: */
             @media screen and (max-width:800px) {
             .left  , .main, .right {width:100%;}
             }
          </style>
       </head>
       <body>
          <h2>Media Queries</h2>
          <p>Resize the browser window, up and down around 800px wide.</p>
          <div class="left">
             <p>Left</p>
          </div>
          <div class="main">
             <p>Main Content</p>
          </div>
          <div class="right">
             <p>Right</p>
          </div>
       </body>
    </html>

    Output

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-responsive-web-design-rwd/feed/ 0     What is HTML ? https://www.wikitechy.com/interview-questions/web-designing/what-is-html/ https://www.wikitechy.com/interview-questions/web-designing/what-is-html/#respond Fri, 06 May 2022 06:39:11 +0000 https://www.wikitechy.com/interview-questions/?p=4329
  • HTML- Hypertext Markup Language.
  • In 1991, HTML was created by Tim Berners-Lee.
  • Using Markup language, it is used to design web pages. The link between the webpages that is Hypertext.
  • The markup language is used to classify text documents within tags which defines the structure of web pages.
  • By using tags in this language to define what manipulation has to be done on the text.
  • It is a markup language used by the browser to manipulate images, text, and other content, in order to display it in the required format.

    • Elements and Tags :

    • HTML uses predefined tags and elements which tell the browser how to properly display the content.
    • The browser applies the effect of the opening tag until the end of the page, if omitted.
    • The basic structure of an HTML page contains the essential building-block elements like doctype declaration, HTML, head, title, and body.

    HTML Page Structure :

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-html/feed/ 0     How to set background image of a webpage ? https://www.wikitechy.com/interview-questions/web-designing/how-to-set-background-image-of-a-webpage/ https://www.wikitechy.com/interview-questions/web-designing/how-to-set-background-image-of-a-webpage/#respond Fri, 06 May 2022 06:06:12 +0000 https://www.wikitechy.com/interview-questions/?p=4325
  • We can easily add the background Image in the Html document which is to be displayed on a web page in HTML.

    • In this method there are two following steps:

    a. Using the Background attribute:

    • Open the existing HTML file in the text editor in which we want to use the background attribute or we have to type the Html code in any text editor.
    • In HTML document move the cursor within the starting <body> tag And, then type the background attribute as shown in the following block.
    • While we have to add image just, we want to create path.
    • We have to save the HTML code or HTML file in the text editor.

    For example,

    <!doctype Html>
    <html>
      <head>
        <title> Add the Background image using background attribute </title>
      </head>
      <body background="http://www.wikitechy.com/img/logo.png"> Wikitechy <br> Html Tutorial <br> This is wikitechy logo. <br><br></body>
    </html>

    Output :

     

    b. Using internal style sheet

    • Open the existing HTML file in the text editor in which we want to use the background attribute or we have to type the Html code in any text editor.
    • In HTML document we have to place the cursor in the head tag and define the starting and closing tag of the <style> tag as shown in the following block.
    • In style tag, we have to type the element body and, then type the background-image
    • In text editor, we have to save the Html code and run the code.
    • we will see the image specified in the html document as a background of the web page, after execution.

    For example,

    <!DOCTYPE html>
    <html>
      <head>
        <style>
          body {
            background-image: url("http://www.wikitechy.com/img/logo.png");
          }
        </style>
      </head>
      <body> This is wikitechy logo! </body>
    </html>

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/how-to-set-background-image-of-a-webpage/feed/ 0     What is the use of Canvas in HTML ? https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/ https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/#respond Fri, 22 Apr 2022 11:22:15 +0000 https://www.wikitechy.com/interview-questions/?p=4201
  • In HTML the <canvas> tag is used to draw graphics on a web page using JavaScript.
  • It can be used to draw boxes, gradients, texts, paths and adding images.
  • By default, it does not contain texts and borders.
  • It allows for scriptable and dynamic rendering of 2D shapes and bitmap images.
  • It does not have a built-in scene and becomes a low level, procedural model that updates a bitmap.
  • There are several methods using <canvas> tag.

    • For example,

    <!DOCTYPE html>
    <html>
    <body>

    <canvas id="myCanvas" width="400" height="250" style="border:1px solid #d3d3d3;">
    Your browser does not support the HTML canvas tag.</canvas>

    <script>
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.font = "30px Arial";
    ctx.fillText("Welcome to Wikitechy",10,50);
    </script>

    </body>
    </html>

    Output

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-the-use-of-canvas-in-html/feed/ 0     What is the difference between SOAP and REST ? https://www.wikitechy.com/interview-questions/web-designing/what-is-the-difference-between-soap-and-rest/ https://www.wikitechy.com/interview-questions/web-designing/what-is-the-difference-between-soap-and-rest/#respond Fri, 22 Apr 2022 11:14:42 +0000 https://www.wikitechy.com/interview-questions/?p=4198

                      SOAP                    REST
    It is a protocol. It is an architectural style.
    SOAP- Simple Object Access Protocol. REST- Representational State Transfer.
    It can’t use REST because it is a protocol. It can use SOAP because it is a concept and can use any protocol like HTTP, SOAP.
    It uses service interfaces to expose the business logic. It uses URI to expose business logic.
    JAX-WS is the java API For SOAP web services. JAX-RS is the java API For RESTful web services.
    It defines standards to be strictly followed. It does not define too many standards like SOAP.
    It defines its own security. REST web services inherit security measures form the underlying transport.
    It is less preferred than REST. It is more preferred than SOAP.
    It requires more resource and bandwidth than REST It requires less resource and bandwidth.
    It permits XML data format only. It permits different data formats such as HTML, XML, Plain text, JSON, etc.

     

     

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-the-difference-between-soap-and-rest/feed/ 0     What is Grid system ? https://www.wikitechy.com/interview-questions/web-designing/what-is-grid-system/ https://www.wikitechy.com/interview-questions/web-designing/what-is-grid-system/#respond Fri, 22 Apr 2022 11:05:37 +0000 https://www.wikitechy.com/interview-questions/?p=4195
  • It is a structure comprising a series of vertical and horizontal lines which intersect and used to arrange content.
  • Is a way of providing a system that designers can work with the structure and imagery in a much more readable and present content, manageable way.
  • In print publication Grid systems have long been used, but with their introduction into designing for the web and the many, many CSS grid frameworks which have since.
  • It is one way to achieve a level of consistency that would be otherwise extremely difficult to master and to portray in your designs by using Grid system.
  • Consistency and uniformity are the key to creating a website that your users will find easy to navigate, read and understand.
  • It helps you to do that by providing a solid base that you can grow your design from.
  • In this grid system, there are four types:
    • Manuscript grid
    • Column grid
    • Modular grid
    • Baseline grid

    • Manuscript grid

    • In a page, this is a one-column grid which simply determines that where the text will sit.
    • Manuscript grids are utilized in e-books, pdf, documents and display with uncountable text.

    Column grid

    • It is used for magazines to set content in columns, it makes easier to browse.
    • This is the most widely recognized kind of grid utilized by web designers and graphic.

    Modular grid

    • However, it additionally has rows, A modular grid is similar to a column grid.
    • Modular grid separates a page both horizontally and vertically into modules.

    Baseline grid

    • It is a dense and heavy grid of equally spaced horizontal lines that determine where the text will sit.
    • are often used in combination with column grids, to make sure that the lines of text in each column align uniformly across a spread.
    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-grid-system/feed/ 0     What are the main language or platform used for web-design ? https://www.wikitechy.com/interview-questions/web-designing/what-are-the-main-language-or-platform-used-for-web-design/ https://www.wikitechy.com/interview-questions/web-designing/what-are-the-main-language-or-platform-used-for-web-design/#respond Fri, 22 Apr 2022 07:22:18 +0000 https://www.wikitechy.com/interview-questions/?p=4189
  • Customers should receive responses to their questions in a timely manner, and Communication must always be open.
  • The best way to reach new clients and keep repeat customers is to maintain it regularly and build your website.
  • Services and products should have detailed descriptions, be updated often, and revised as needed.
  • It is vital to generate leads, track sales and make changes along the way.
  • It is essential to master the top programming languages for web development to see businesses continue to evolve and thrive.
  • In web designing various main languages and platforms are used, they are:

    • HTML – Hypertext Markup Language

    • It is used to design the base template.
    • These documents contain HTML tags and plain text.

    CSS – Cascade Style Sheet

    • It is used to control the color of the text, style of fonts, align the size of columns.
    • It is easy to learn and understand.

    JS – JavaScript

    • It is used for validation purpose and add dynamic behavior, special effects to the webpage.
    • For creating webpages, it is commonly used.

    PHP – Hypertext Preprocessor 

    • It is used to manage databases, session tracking, dynamic content and even build entire e-commerce sites.
    • It is a server-side scripting language that is embedded in HTML.
    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-are-the-main-language-or-platform-used-for-web-design/feed/ 0     What is the meaning of DOCTYPE in HTML ? https://www.wikitechy.com/interview-questions/web-designing/what-is-the-meaning-of-doctype-in-html/ https://www.wikitechy.com/interview-questions/web-designing/what-is-the-meaning-of-doctype-in-html/#respond Fri, 22 Apr 2022 07:09:48 +0000 https://www.wikitechy.com/interview-questions/?p=4185
  • Document type declaration otherwise known as Doctype is an instruction used by web browsers to fetch what version of HTML the website is written in.
  • For understanding, it helps browsers how the document should be interpreted thus eases the rendering process. It is neither a tag nor an element.
  • The top of the document was the Doctype should be placed.
  • It does not need a closing tag and does not contain any content.

    • Syntax:

    <!DOCTYPE html>

    For example,

    <!DOCTYPE html>
    <html>
    <body>
         <h1>Welcome to Kaashiv Infotech</h1>
         <h2>This is HTML5 Doctype Tag</h2>
    </body>
    </html>

    Output

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-the-meaning-of-doctype-in-html/feed/ 0     What is Semantic HTML ? https://www.wikitechy.com/interview-questions/web-designing/what-is-semantic-html/ https://www.wikitechy.com/interview-questions/web-designing/what-is-semantic-html/#respond Wed, 20 Apr 2022 10:00:47 +0000 https://www.wikitechy.com/interview-questions/?p=4179
  • It is essential to understand the meaning of words during communication in any language.
  • It becomes more critical and provides more semantic elements which make it easy to understand the code.
  • Developers have to use their own id/class names to style elements in HTML4.
  • In search engines, this is so difficult to identify the correct web page content.
  • Elements like (<header> <footer> <nav> <section> <article>) are become easier in HTML5.
  • It is reused across applications, enterprises, and communities and allows data to be shared.
  • Semantic elements can help to create a better website structure and increase the accessibility of your website.
  • In HTML5, there are various types of semantic elements:
    • <article> – It classifies an article.
    • <aside> -It classifies aside from the page content.
    • <footer> – It classifies footer for a section or document.
    • <header> -It specifies a header for a section or document.
    • <nav> -It classifies navigation links.
    • <section> -It classifies a section in a document.

    • ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-semantic-html/feed/ 0     What is pagination ? How can pagination be implemented ? https://www.wikitechy.com/interview-questions/web-designing/what-is-pagination-how-can-pagination-be-implemented/ https://www.wikitechy.com/interview-questions/web-designing/what-is-pagination-how-can-pagination-be-implemented/#respond Wed, 20 Apr 2022 09:41:05 +0000 https://www.wikitechy.com/interview-questions/?p=4176
  • In website, Pagination is a simple sequence of pages.
  • These pages have similar content to display and are interconnected to the users.
  • Multiple pages may be needed for a better user experience, easier navigation, personas, the buyer’s journey, and other reasons.
  • It is a prime example of e-commerce websites.
  • In a single page, it would be inefficient for Amazon to list all of its items in a single category.
  • If necessary, products specifications and images can be divided into several websites.

    • For example,

    <!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    .pagination a {
      color: black;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      transition: background-color .3s;
    }

    .pagination a.active {
      background-color: dodgerblue;
      color: black;
    }

    .pagination a:hover:not(.active) {background-color: #ddd;}
    </style>
    </head>
    <body>

    <h2>Welcome to Wikitechy</h2>
    <p>Responsive pagination with hover effects:</p>

    <div class="pagination">
      <a href="#">«</a>
      <a href="#">1</a>
      <a class="active" href="#">2</a>
      <a href="#">3</a>
      <a href="#">4</a>
      <a href="#">5</a>
      <a href="#">6</a>
      <a href="#">»</a>
    </div>

    </body>
    </html>

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-pagination-how-can-pagination-be-implemented/feed/ 0     What is JS ? https://www.wikitechy.com/interview-questions/web-designing/what-is-js/ https://www.wikitechy.com/interview-questions/web-designing/what-is-js/#respond Wed, 20 Apr 2022 07:54:30 +0000 https://www.wikitechy.com/interview-questions/?p=4173
  • It is a small piece of javascript program that can add user interactivity to your website.
  • A Script could provide a dropdown menu and generate a pop-up alert box message.
  • It can trigger those functions using HTML attributes and write various small functions, called event handlers using any of the scripting language.
  • Nowadays most of the web developers using JavaScript and associated framework.
  • In separate file we can keep JavaScript code and then include it wherever it’s needed, or you can define functionality inside HTML document itself.

    • For example,

    <!DOCTYPE html>
                   <html>

                          <head>
                                <title>Welcome to Kaashiv</title>
                              <script src = "/html/script.js" type = "text/javascript"/></script>
                         </head>

                        <body>
                             <input type = "button" onclick = "Hello();" name = "ok" value = "Click Me" />
                   </body>
              </html>

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-js/feed/ 0     What is Flexbox ? https://www.wikitechy.com/interview-questions/web-designing/what-is-flexbox/ https://www.wikitechy.com/interview-questions/web-designing/what-is-flexbox/#respond Wed, 20 Apr 2022 06:12:01 +0000 https://www.wikitechy.com/interview-questions/?p=4169
  • It is a one-dimensional layout model that has efficient and flexible layouts with distributed spaces among items to control their alignment structure in CSS .
  • It is a layout model that provides a clean and easy way to arrange items within a container.
  • It is responsive and mobile-friendly & it can be useful for creating small-scale layouts.
  • In this, there are two main components in flexbox:
      1. Flex container – Is the parent “div” which contains various divisions.
      2. Flex items – In this, the items inside the container “div”.

    For example,

                 <!DOCTYPE html>
                 <html>
     
                 <head>
                      <title>Flexbox Tutorial</title>
                      <style>
                     .flex-container {
                         display: flex;
                         background-color: #32a852;
                     }
         
                    .flex-container div {
                        background-color: #c9d1cb;
                        margin: 10px;
                        padding: 10px;
                     }
                     </style>
                 </head>
     
                 <body>
                     <h2>Welcome to kaashiv</h2>
                     <h4> Flexbox</h4>
                     <div class="flex-container">
                         <div>Item1</div>
                         <div>Item2</div>
                         <div>Item3</div>
                      </div>
                  </body>
     
                  </html>

    Output:

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-flexbox/feed/ 0     What are the advantages and disadvantages of Responsive web design ? https://www.wikitechy.com/interview-questions/web-designing/what-are-the-advantages-and-disadvantages-of-responsive-web-design/ https://www.wikitechy.com/interview-questions/web-designing/what-are-the-advantages-and-disadvantages-of-responsive-web-design/#respond Wed, 20 Apr 2022 05:58:43 +0000 https://www.wikitechy.com/interview-questions/?p=4165 Advantages of Responsive Web Design :

    Advantages of Responsive Web design

    User experience friendly :

    • It is specially designed to respond according to user’s or customer’s behaviors and according to screen size, their needs, etc.
    • For mobile view it is used to create a website that adjusts smoothly to different screen sizes.
    • It becomes easy reach to customers and users on small devices like mobiles, tablets, etc.

    SEO friendly:

    • In SEO they are generally responsible for ranking at top.
    • For mobile device a responsive website loads much faster as compared to a laptop or desktop.
    • In SEO it is automatically increases positive user experience that in turn gives a higher ranking to the website.

    Increase profit and sale:

    • For small devices there is no requirement for another website.
    • A responsive website is specially designed to fit all screen sizes.
    • While creating website for small devices it can save time, effort, maintenance costs and development.
    • It is faster to implement and easy to create.

    Low maintenance:

    • In various device thereis no change in content and other elements to fit.
    • Managing a single website requires less cost, less maintenance, saves time, etc.

    Easy to track users:

    • Responsive website takes less time to load, money, saves time, save development effort of creating another website for small devices.

    Disadvantages of Responsive Web Design:

    Slow page loading:

    • Sometimes it takes a long time to load the page and they are easy to maintain.
    • It requires a lot of time to load some high-resolution images and videos.

    Navigation is tough:

    • It becomes difficult while maintaining the simplicity of large websites for small devices.
    • Small devices have less screen size and more difficult to navigate website.

    Time-consuming development:

    • They are essential but take a lot of time in the development process as compared to the development time of normal websites.

    ]]> https://www.wikitechy.com/interview-questions/web-designing/what-are-the-advantages-and-disadvantages-of-responsive-web-design/feed/ 0 What is CSS ? https://www.wikitechy.com/interview-questions/web-designing/what-is-css/ https://www.wikitechy.com/interview-questions/web-designing/what-is-css/#respond Wed, 20 Apr 2022 05:45:33 +0000 https://www.wikitechy.com/interview-questions/?p=4161

  • CSS- Cascade Style Sheet.
  • It is a style sheet language that is used to describe the format and look of a document written in markup language.
  • It is generally used with HTML to change user interfaces and the style of web pages.
  • It can also be used with any kind of XML documents including plain SVG, XUL and XML.
  • It is used along with HTML and user interfaces for many mobile applications and JavaScript in most websites to create user interfaces for web applications.

    • Example :

    <!DOCTYPE html> 
    <html>
    <head>
    <style>
          body {
                     background-color: lightblue;
                 }
                h1 {
                     color: white;
                     text-align: center;
                }

               p {
                  font-family: verdana;
                  font-size: 20px;
                }
               </style>
              </head>
              <body>
              <h1>Welcome to kaashiv</h1>
              <p>Welcome to Wikitechy.</p>
    </body>
    </html>

    Output :

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-css/feed/ 0     What is PHP ? https://www.wikitechy.com/interview-questions/web-designing/what-is-php/ https://www.wikitechy.com/interview-questions/web-designing/what-is-php/#respond Mon, 18 Apr 2022 13:10:30 +0000 https://www.wikitechy.com/interview-questions/?p=4155
  • PHP- Hypertext Preprocessor.
  • It is an open-source, object-oriented, and interpreted scripting language that can be executed at the server side. For web development it is well suited.
  • It is used to develop web applications that executes on the server and generates the dynamic web page.
  • In 1994 PHP was created by Rasmus Lerdorf and in 1995 it was appeared in market.
  • It runs on various platforms like Unix, Mac OS X, Windows,
  • It is faster than other scripting languages like Java Server Page and Active Server Page.
  • It is easy and simple to learn.
  • It handles database, dynamic content as well as session tracking for the website.
  • It can set cookies and access variable cookies.
  • It supports several protocols such as POP3, LDAP, SNMP, IMAP, HTTP, etc.
  • It is the best language to learn. It is easy to install and setup.
  • It is integrated with a number of popular databases, including PostgreSQL, Oracle, MySQL, Informix, Microsoft SQL Server and Sybase.
  • It is compatible with almost all servers used today like IIS, Apache, etc.

    • For example,

    <!DOCTYPE html>
    <html>
    <body>

    <h1>Welcome to Wikitechy</h1>

    <?php
    echo "Hello Kaashiv!";
    ?> 

    </body>
    </html>

    Output :

    ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-php/feed/ 0     What is Web Design ? https://www.wikitechy.com/interview-questions/web-designing/what-is-web-design/ https://www.wikitechy.com/interview-questions/web-designing/what-is-web-design/#respond Mon, 18 Apr 2022 12:50:01 +0000 https://www.wikitechy.com/interview-questions/?p=4152
  • Web designing is the creation of websites and pages to reflect a company’s brand, ensure a user-friendly experience and information.
  • it can be easily accessed and shared online throughout the world.
  • A combination of functional elements and aesthetic, web design is what determines the look of a website such as its colors, fonts, and graphics as well as shaping the site’s structure and the users’ experience of it.
  • Nowadays, creating a website is one of the pillars of having an online presence.
  • It is constantly evolving, user interface design and including mobile apps, to meet the growing needs of website owners and visitors alike.
  • It is often a collaborative process that combines tools and knowledge from related industries, ranging from web design statistics to SEO optimization and UX.
  • Web designers will often bring together professionals from these areas who can focus and optimize performance on the larger process and outcome.
  • Web design refers to the experiential aspects and visual design of a particular website.

    • ]]>     https://www.wikitechy.com/interview-questions/web-designing/what-is-web-design/feed/ 0