-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpageEditor_Stu2.html
67 lines (43 loc) · 3.04 KB
/
pageEditor_Stu2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Editor</title>
<link rel="stylesheet" href="editors_page/editors.css">
</head>
<body>
<h1>Page Editor</h1>
<div class="main">
<hr>
<h2>
Name - R.Banusha Kalhara Peiris <br>
Role - Student 2 <br>
The following pages were completed by me <br>
</h2>
<hr>
</div>
<h3>Main (Home) Page</h3>
<p>
Design and Layout: Finished designing the home page layout, making sure it has all the necessary components,<br> including links to content pages, the website mission, the navigation bar, and the website identity (logo).<br><br>
Logo and Mission: Made sure the website's logo was shown prominently on the front page, <br>and that the UN Sustainable Development Goal that best suited the goal of our website was explained.<br><br>
navigating Bar: To provide smooth navigating to different website areas,<br> a CSS-based navigation bar with hover effects and active page indicator was developed.<br><br>
Links to Content Pages: Included links to the website's four content pages so that visitors may easily access them and continue exploring.<br><br>
Adherence to standards and norms was ensured by making sure that the Janet requirements for web page publishing were followed.<br><br>
</p>
<a href="home.html" target="_blank">link to home page</a><br><br><br><br>
<h3>Feedback Page:</h3>
<p>
Improved Functionality: The Feedback Page now has more features and JavaScript functions, such as form validation,<br> error handling, preview and edit options, and confirmation messages. <br><br>
Additional Features: To enhance the user experience,<br> it was thought to include dynamic form components, graphic improvements, and auto-fill features.<br><br>
Integration: To preserve a consistent look,<br> JavaScript improvements were seamlessly included with the Feedback Page's current CSS and HTML code.<br><br>
Testing and Optimization: Prior to launch,<br> the Feedback Page was extensively tested and optimized for seamless operation across a variety of browsers and devices.<br><br>
</p>
<a href="feedback.html" target="_blank">link to Feedback page</a><br><br><br><br>
<h3>Content Page</h3>
<p>
To keep the user experience constant, the navigation bar template has to be applied to every content page. This choice was well-informed by extensive study on biomass energy,<br> guaranteeing compatibility with the website's subject. <br> Through the thoughtful use of navigation components, my goal was to provide easy access to relevant data.<br> I refined the implementation iteratively in order to improve user engagement and make navigation simple.
<br>
</p>
<a href="contentpage.html" target="_blank">link to the Content page </a><br><br><br>
</body>
</html>