10/13/21, 2:35 PM CS3010 Fall 2021: Project 1. Practice Basic Features of HTML and CSS file:///D:/Teaching/Fall2021/CS3010/Projects/Project1/CS3010Fall2021Project1Desc.html 1/4 Project 1. Practice...

1 answer below »
question is attached


10/13/21, 2:35 PM CS3010 Fall 2021: Project 1. Practice Basic Features of HTML and CSS file:///D:/Teaching/Fall2021/CS3010/Projects/Project1/CS3010Fall2021Project1Desc.html 1/4 Project 1. Practice Basic Features of HTML and CSS Description Requirements File Format 1. Each question corresponds to one HTML file. You just double-lick this file to view the features. 2. You are not required to provide me the readme file or any explanation comments in your code. Submission Put all the files in a folder, and zip it. Then you just upload the zip file from our project page. Questions Q1. A table containing images pointing to other pages 1. Find three images corresponding to Math, CS and Engineering topics, respectively, and arrange them as the layout below. 2. Each image connects to a hyperlink that points to a web page corresponding to that particular topic. When you click it, you can view that web page. In this project, I will use 4 questions to let you practice some basic features of HTML and CSS. If some of the features are relatively hard, I will provide some video explanation. 10/13/21, 2:35 PM CS3010 Fall 2021: Project 1. Practice Basic Features of HTML and CSS file:///D:/Teaching/Fall2021/CS3010/Projects/Project1/CS3010Fall2021Project1Desc.html 2/4 Q2. Different styles of lists 1. Use a table to organize several lists in the following way: 2. The text of the title should be at the center of the row and it should be in bold face. 3. There are 4 space characters between the two words of the title. 4. There is a horizontal rule between the title and the first row of lists. 5. There is another horizontal rule between the two rows of lists. 6. The types of the four lists are given in the figure above. Q3. Display a special table 1. Create a table with the following look, 2. You will use the CSS border property to create this figure. 3. There are many possible solutions. You only need to find one as simple as possible. Q4. A video player simulation 1. (Background) We need to create a simple video player to play videos for this class. The top part is the video player part, and the bottom part is the video selection part. (See below for an initial design 10/13/21, 2:35 PM CS3010 Fall 2021: Project 1. Practice Basic Features of HTML and CSS file:///D:/Teaching/Fall2021/CS3010/Projects/Project1/CS3010Fall2021Project1Desc.html 3/4 version.) 2. Each topic title connects to a hyperlink that points to a video for that topic. 3. When a user clicks that topic link, the corresponding video is displayed in the video player area, and the user can click a button to play the video. 4. When we display the page, the video for the first topic is displayed in the player as the default video. 5. When you do testing, some of the videos used for simulation may not be allowed to play in the embedded frame. (If that is the case, you can change it to a different video.) But for our actual learning videos, we will not have that problem. 6. We will use music videos from YouTube to simulate our class videos. You can use your favorite music songs here. (See an example for the final version below.) ==========The End==========
Answered 6 days AfterOct 20, 2021

Answer To: 10/13/21, 2:35 PM CS3010 Fall 2021: Project 1. Practice Basic Features of HTML and CSS...

Nithin answered on Oct 27 2021
112 Votes
cs.jpg
engg3.jpg
math.jpg
q1.html







q2.htm
l
         Item          Lists
        
        
    
        
         Red
         Green
         Blue
        
         Sun
         Earth
         Moon
        
    
    
        
         Apple
         Peach
         Banana
        
         Wood
         Water
        ...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here