Lesson Two | Websitedesign

Coding Instruction and Lesson 2 - Titlebar / Header

Screen Shot 2021-02-15 at 9.04.39 PM.png

Insert Titlebar

Insert Div, ID: Titlebar

Screen Shot 2021-02-15 at 9.04.51 PM.png

Add ID: titlebar

Screen Shot 2021-02-15 at 9.05.27 PM.png

Go to Selectors, you will find the titlebar is set

Screen Shot 2021-02-15 at 9.11.02 PM.png

Select titlebar in selectors
Set the size of the titlebar

Screen Shot 2021-02-15 at 9.13.43 PM.png

Click the T box
Change the colour

Screen Shot 2021-02-15 at 9.14.11 PM.png

Go to the platform to click the text, the colour will change
then go to set the fort family, and size

Screen Shot 2021-02-15 at 9.21.47 PM.png

Change fort size

Screen Shot 2021-02-15 at 9.20.18 PM.png

Hightlight the titlebar in the coding and change the name

Screen Shot 2021-02-15 at 9.25.54 PM.png

Insert Header

Click below the titlebar code

Screen Shot 2021-02-15 at 9.31.16 PM.png

Insert Div: Header

Screen Shot 2021-02-15 at 9.31.34 PM.png

Add ID: Header
Click Enter

Screen Shot 2021-02-15 at 9.31.47 PM.png

Screen Shot 2021-02-15 at 9.32.10 PM.png

Screen Shot 2021-02-15 at 9.38.50 PM.png

Set the size of the Header

Screen Shot 2021-02-15 at 9.41.58 PM.png

Change the style of the Header

Tips of Nav Coding

<div id="topNav">
<ol><ul><a href="Index 2.html">Home</a>
<a href="Index 3.html">Baking</a>
<a href="*">Cooking</a>
<a href="*">Contact</a> </ul></ol>

How to change the setting of the TitleBar?

How to change the setting of the TitleBar?

Exploring more function and have fun