The document provides an assignment to design a homepage for a website similar to iviettech.vn. It outlines requirements to create an HTML page with a head section, structure the page with sections like header, menu, sidebar, and footer, and code elements like loading images, designing sections for courses and schedule, and creating a responsive design.
Download as DOCX, PDF, TXT or read online on Scribd
0 ratings0% found this document useful (0 votes)
16 views
Assignment For HTML 1
The document provides an assignment to design a homepage for a website similar to iviettech.vn. It outlines requirements to create an HTML page with a head section, structure the page with sections like header, menu, sidebar, and footer, and code elements like loading images, designing sections for courses and schedule, and creating a responsive design.
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1
Assignment for HTML-CSS-JAVASCRIPT
ASSIGNMENT -1
Using skills you have learned to design a webpage like home page of iviettech.vn as below requirements.
I. Create web page and declare head section
1. Create a page with name is home.html page. 2. Declare head section with favicon, title, description and keywords. Hint: View source iviettech.vn to get information about keyword and description.
II. Structure for web page
1. Create a Style folder in web folder and then create a main.css file and store in Style folder. 2. Declare statement to using main.css like external style sheet of home.html. 3. Design structure of home.html like iviettech.vn and code title and column for each section. Hint: using header, section, aside, footer to define the structure. Use float property to locate the sections. You can divide web page to sections like menu, slide bar, registry, course, introduction, call counselor, schedule, note board, news, placement news and footer.
III. Code elements for web page
1. Create a folder in web folder with name pictures to store picture for website. 2. Load logo and a link to homepage in the main menu. 3. Load the picture for slide bar. 4. Design Course section. 5. Design Schedule section. 6. Design menu. 7. Refine this page to it be a RWD. The End 1 iViettech Education