Q #1: Create a HTMIL file Write HTML Code to design the web page as shown here. HTML Code must be neat and clean. Also define External csS file and apply CSS to all the Text Fields, Buttons and Lables Add an Image Welcome Add an Image To UIIT Students Portal Home Home Director UIIT Message University Institute of Information Technology (UIIT) is the Institute of Computing And Information Technology established in 2001 in order to provide Quality education in the area of CS & IT Programs Offered BS (CS) & BS (IT) MCS & MIT the students of Bachelor and • PhD (CS) UIIT Labs Facilities to Master |Level.. UIIT Library © All Rights Reserved [2000-2015] Home | Feedback |Contact Us | About Us Coded & Developed By – WASIF-GUL(19-ARID-1172) Note: Home, Director UIIT Message etc are Links. You have to add these links using Nested Tables.

Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes

HTML Last lab, you created a webpage about someone you admire. Now we are going to add some styling to the webpage.  You must apply descriptors (css rule) to the following selectors (any tags you do not currently have need to be added): body h1,h2,h3,h4,h5,h6,h7 (use at least 2) p ul li img You must use all of the following descriptors below in your page. Although you are not being graded on your design ability, do your best to make the style your own. Text Descriptors color font-size font-weight text-align Background background-color border Size width height margin You may add any additional styling or layout descriptors you like.  Layout is a complicated topic in CSS and the lab does not require any specific layout, but here is a good explanation if you want to alter the layout anyway: https://learnlayout.com/

Please don't use your handwriting   Write an HTML file that creates the following web page, then take a screenshot of the output. Guidelines: 1.The page is using two columns, fluid layout with header and footer divisions 2.You can use any page setting’s values you would like such as font size, background color, margin, padding, height, width…etc. Just you need to be sure that settings and values allow the front text to be readable to users. 3.The left column items are empty links. 4.You can utilize the following text to build the text of the right column. Under the leadership of the Custodian of the Two Holy Mosques, Vision 2030 was launched, a roadmap drawn up by His Royal Highness the Crown Prince, to harness the strengths God bestowed upon us – our strategic position, investment power and place at the center of Arab and Islamic worlds. The full attention of the Kingdom, and our Leadership, is on harnessing our potential to achieve our ambitions. I attached an image

List four ways that white space can be added to an HTML webpage. Provide two that are HTML and two that are CSS. Note for the CSS properties: top, right, bottom, and left for a property will be counted as one way, not multiple.

Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.

How to Create the Product webpage of Chapter 11 working with images and icons. Halloween 11 Create a product page In this exercise, you’ll create a product page that uses a variety of features for working with images. When you’re through, the page should look similar to this:   Specifications • To create the product page, you can copy the index.html file you worked on in exercise 7 to the products folder and rename it cat.html. Then, you can delete the content from the section, modify the URLs on the page as necessary, and add the content shown above. • Create a new style sheet named product.css for the product page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the cat.html file so it points to the correct style sheet. • Modify the horizontal navigation menu so it indicates that no page is current. • In the section, float the image to the left of the text. In addition, set the left margin for the text so…

Title: Transformers Beast Characters Webpage Creation   Objective:   The objective of this activity is to develop a web page dedicated to Transformer beast characters using HTML, CSS, and Flexbox layout. The activity aims to reinforce the understanding and practical implementation of various web development concepts, including flexbox, navigation, hover effects, flex-direction, nth-child, tables, transitions, and image display.   Step 1: Set Up the Project Open your preferred text editor. Create a new folder for the activity and name it "TransformersBeastCharacters." Inside the project folder, create the following files: html (main page) html (character information page) html (image gallery page) css (CSS file)   Step 2: Create the Basic Structure                                                             Open the index.html file in your text editor. Set up the basic structure of an HTML document by adding the HTML, head, and body tags. Inside the head tag, add a title for the…