1 / 32

Serif Webplus 1

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.

primo
Download Presentation

Serif Webplus 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. Logo Special Effects Background Image Background Colour Navigation Bar

  3. Introductionfirst…..The next slides will explain some of the basics of Serif

  4. This is what Serif looks like we are going to create a new site

  5. This is the Help menu If you want to hide it click here

  6. 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

  7. If you want to know what your site looks like in Internet Explorer, go to : File – Preview Site – Preview in Internet Explorer

  8. 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

  9. Colour scheme A 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

  10. 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.

  11. Adding a Navigation Bar These are buttons that let you link to the different pages in your website

  12. To add a Navigation Bar, drag this onto your page

  13. Choose your style of navigation bar here. The ones with the word ‘Javascript’ will let you change the colour

  14. 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

  15. If you want to change the size of your button. Double click on it then choose Appearance and choose Button Scale

  16. Changing the Background colourof your page

  17. To change the background colour for your page right click on the Page then choose Page Properties

  18. 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

  19. Adding a new page

  20. To add a second page you can click here ....or you can drag this

  21. A window will show, if you want to copy all the things from your home page onto your new page, tick this box

  22. The new page shows in the right hand window…. …..and automatically adds to your Navigation Bar

  23. To change the name of the new page……right click on the new page Then choose Page Properties On the next window choose Navigation and change the Page name to whatever you want e.g. ‘About Us’

  24. Adding media (sound, video or google map)

  25. 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 Or Choose your own picture to show on your webpage. When you click on this picture it will play the sound

  26. Background Image Adding words over an image

  27. Click on the picture then choose an option from the menu bar e.g. Increase Brightness

  28. Then click on the A to add some words and add some words over the picture

  29. To change the colour of the words click on the words and choose Colour on the top right hand side of the Serif window

  30. 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

  31. Right click on the page Choose Page Properties - Appearance Change the Width from 750 to e.g. 1200 ….then test the page again

More Related