kurro
Badges: 18
Rep:
?
#1
Report Thread starter 3 weeks ago
#1
I have to make a website about a historical figure who contributed to technology.

From the list given to us I randomly picked Konrad zuse.
But I have no idea what kind of designs I can add (first website i have ever made) because it needs to be 3 or more pages: home page with a table containing a brief description of his birth, death, achievements, and education. Then the remaining pages have to include biography, more in depth into his achievements and the final page is how his technological contribution is still relevant today.

I can do all that but it will literally be a paragraph on each page. How can I spice it up and make it more interesting?

Creativity is not my strong point and im still getting used to CSS
(Reasons why i struggled in a level art lmao)
0
reply
MC24
Badges: 5
Rep:
?
#2
Report 3 weeks ago
#2
Perhaps you could add images/videos and buttons/a navigation bar, or maybe experiment with different page layouts. For example when you're listing his achievements, you could separate them in a list and add images next to each achievement. Try using different fonts and colours as well - maybe you could write your heading in a large, bold font and use a different font for your paragraph text.
2
reply
kurro
Badges: 18
Rep:
?
#3
Report Thread starter 3 weeks ago
#3
(Original post by MC24)
Perhaps you could add images/videos and buttons/a navigation bar, or maybe experiment with different page layouts. For example when you're listing his achievements, you could separate them in a list and add images next to each achievement. Try using different fonts and colours as well - maybe you could write your heading in a large, bold font and use a different font for your paragraph text.
<3 much love g
0
reply
winterscoming
Badges: 19
Rep:
?
#4
Report 3 weeks ago
#4
One way to create make much better looking web pages without needing to be artistic or creative nor do a lot of fiddly CSS would be to use the pre-made Bootstrap CSS classes instead: https://getbootstrap.com/docs/4.3/ge.../introduction/ -- all the look-and-feel design type stuff works straight out-the-box, and looks more like 2019 rather than 1995.

(You can copy+paste their starter template to get going, it includes all the stylesheets that you need -- all of the examples for components/layout/etc show you the HTML and CSS classes that you need to get them working)

The layout CSS which comes with bootstrap can be really helpful (it has "rows" and "columns" - everything can be composed and nested together to make interesting page layouts. Quick example that I've thrown together by copy+paste'ing from their docs, which uses some basic layout stuff, and a couple of components: https://jsfiddle.net/tL78hnk1/


A really good tip for writing webpages is to load the page in a browser with a decent set of web development tools - I prefer Chrome personally, but Firefox is good as well. Press 'F12' and you can use it to inspect all the HTML and CSS for the layout/appearance/content of the page - you can also edit everything on-the-fly so that your changes show up immediately on the webpage.

Also, for a decent HTML/CSS editor, I'd recommend downloading Visual Studio Code and getting the HTML and CSS addins for that -- I find this to be a much nicer environment for writing webpage code - https://code.visualstudio.com/
2
reply
kurro
Badges: 18
Rep:
?
#5
Report Thread starter 3 weeks ago
#5
(Original post by winterscoming)
One way to create make much better looking web pages without needing to be artistic or creative nor do a lot of fiddly CSS would be to use the pre-made Bootstrap CSS classes instead: https://getbootstrap.com/docs/4.3/ge.../introduction/ -- all the look-and-feel design type stuff works straight out-the-box, and looks more like 2019 rather than 1995.

(You can copy+paste their starter template to get going, it includes all the stylesheets that you need -- all of the examples for components/layout/etc show you the HTML and CSS classes that you need to get them working)

The layout CSS which comes with bootstrap can be really helpful (it has "rows" and "columns" - everything can be composed and nested together to make interesting page layouts. Quick example that I've thrown together by copy+paste'ing from their docs, which uses some basic layout stuff, and a couple of components: https://jsfiddle.net/tL78hnk1/


A really good tip for writing webpages is to load the page in a browser with a decent set of web development tools - I prefer Chrome personally, but Firefox is good as well. Press 'F12' and you can use it to inspect all the HTML and CSS for the layout/appearance/content of the page - you can also edit everything on-the-fly so that your changes show up immediately on the webpage.

Also, for a decent HTML/CSS editor, I'd recommend downloading Visual Studio Code and getting the HTML and CSS addins for that -- I find this to be a much nicer environment for writing webpage code - https://code.visualstudio.com/
So much advice, thank you!
1
reply
X

Quick Reply

Attached files
Write a reply...
Reply
new posts
Back
to top
Latest
My Feed

See more of what you like on
The Student Room

You can personalise what you see on TSR. Tell us a little about yourself to get started.

Personalise

Which party will you be voting for in the General Election?

Conservatives (198)
18.61%
Labour (550)
51.69%
Liberal Democrats (144)
13.53%
Green Party (59)
5.55%
Brexit Party (15)
1.41%
Independent Group for Change (Change UK) (4)
0.38%
SNP (17)
1.6%
Plaid Cymru (5)
0.47%
Democratic Unionist Party (DUP) (0)
0%
Sinn Fein (7)
0.66%
SDLP (1)
0.09%
Ulster Unionist (4)
0.38%
UKIP (11)
1.03%
Other (11)
1.03%
None (38)
3.57%

Watched Threads

View All