Dev Blog 3 – Website Setup – HTML and Control Panels

Introduction 

The group project was assigned to help us better understand our website setup, how servers work and HTML.

Individual Task 

The first task was to build our own index page using HTML from W3Schools; this was straightforward with the help of online resources. Predominantly I explored cPanel and the file management system before actively completing the task; this ensured I had an initial understanding of where the files I create will be saved. After gaining an understanding of cPanel, I began to create new HTML for my webpage. How to add headings and paragraphs became clearer as I started to understand the layout of an HTML page and what each block meant. I decided to create a team page named UoH Graphic Design which will display my group’s web pages. At first, I felt overwhelmed by the task as the HTML code was completely new to me, but with further investigation, I started to become familiar with coding and I enjoyed building a webpage. 

Figure 1 – W3Schools website screenshot of HTML for the webpage.

Group Reflection 

I was grouped with Abbie and Lucy, and our task was to set up an individual group page with links to our personal pages attached using HTML with the help of W3Schools. Our group struggled with this task as none of us had ever worked with web design in this way; we used our communication skills to help each other along the process, learning new things whilst becoming overwhelmed by the limited time we had to utilise in class. Moreover, as we didn’t have much confidence in that task, our leadership skills were sacrificed due to the confusion between learning new HTML and keeping up with each other. I feel we could have improved our experience as a group by assigning a team leader to ensure we were all on the same page. However, we came out with a successful web page combining all our original index pages with links. 

Figure 2 – Group Index Webpage
Figure 3 – Personal web page display set up.
Figure 4 – Lucy Magowans web page set up.
Figure 5 – Abbie Carmichealas web page set up.

Conclusion 

In conclusion, I feel our group was proactive in learning from each other as we progressed. Moreover, this brought us together and ensured we worked closely as a team. We could have improved our original work with CSS style guides, adding columns, grids, and images, although we didn’t have enough time to execute this and gain valuable knowledge at the same time. However, working together has helped us build character and a positive relationship which will be highly beneficial when working on more challenging tasks in the future. 

Scroll to Top