View
79
Download
0
Category
Tags:
Preview:
DESCRIPTION
Serif Webplus 1. Introduction Changing colours Adding a Navigation Bar Changing background colour Adding a new page Adding sound/video/ google map Putting words over a picture Changing size of webpage. Logo. Special Effects. Background Image. Background Colour. Navigation Bar. - PowerPoint PPT Presentation
Citation preview
IntroductionChanging coloursAdding a Navigation BarChanging background colourAdding a new pageAdding sound/video/google mapPutting words over a pictureChanging size of webpage
Serif Webplus 1
Navigation Bar
Logo
Background Image
Background Colour
Special Effects
Introduction
first…..The next slides will explain some of the basics of Serif
This is what Serif looks like we are going to create a new site
This is the Help menuIf you want to hide it click here
This is what Serif looks like, there is a shortcut menu down the bottom that lets you add things quickly by dragging them onto the page
If you want to know what your site looks like in Internet Explorer, go to :File – Preview Site – Preview in Internet Explorer
The other way of seeing what your site will look like on the Internet is to click here and choose Preview Site in Internet Explorer
Colour schemeA quick way to change the background colour of your page is click on color and schemes. Then choose a colour scheme.
The left hand square is the background colour your page will change to
The 3rd square from the left is the colour your buttons will be.So,If you choose the colour scheme called Default, you will have a white background and green buttons.
Adding a Navigation Bar
These are buttons that let you link to the different pages in your website
To add a Navigation Bar, drag this onto your page
Choose your style of navigation bar here.The ones with the word ‘Javascript’ will let you change the colour
This is your Navigation Bar. It only has a ‘Home’ option because you only have a ‘Home’ page. If you add more pages they will be added to the Navigation Bar
If you want to change the size of your button.Double click on it then choose Appearance and choose Button Scale
Changing the Background colourof your page
To change the background colour for your pageright click on the Page then choose Page Properties
On the window that appears select Background and chose the ‘Use Custom Background’ then choose ‘On-page color’ and change the colour to the one you want
Adding a new page
To add a second page you can click here
....or you can drag this
A window will show, if you want to copy all the things from your home page onto your new page, tick this box
The new page shows in the right hand window….
…..and automatically adds to your Navigation Bar
To change the name of the new page……right click on the new pageThen choose Page PropertiesOn the next window choose Navigation and change the Page name to whatever you want e.g. ‘About Us’
Adding media (sound, video or google map)
Find the file you want to play
Then choose either Icon to show one of these pictures on your webpage. When you click on it, it will play the sound
Inline to get your sound to play in your webpage without an icon
OrChoose your own picture to show on your webpage. When you click on this picture it will play the sound
Background Image
Adding words over an image
Click on the picture then choose an option from the menu bare.g. Increase Brightness
Then click on the A to add some words and add some words over the picture
To change the colour of the words click on the words and choose Colour on the top right hand side of the Serif window
If there is a lot of space on the left of the page you can change the Width of the page to make it wider…….see next slide
Right click on the pageChoose Page Properties - Appearance Change the Width from 750 to e.g. 1200….then test the page again
Recommended