Website Design Advanced Site Designer

1
Website Design Advanced Site Designer

• How to Design a Single Header?

2
Attention Internet Explorer 7 / 8 Users It is
required to insert - http//www.media-sb.net/
to the Explorer local intranet listFollow the
stepstoolsgtinternet optionsgtsecuritygtlocal
intranetgtsitesgtadvancedgtadd this website to the
zone
http//www.media-sb.net/
3
Design The Header Use a White Background Logo
Clients LOGO
1 Choose the Single Strip Structure 2 Click
Next to Header Elements
1
2
4
Set The Strips Height
1 To get a blank header (a fresh start) start by
clicking the Remove All button. 2 Set the
strips height by - typing the pixels and click
the Set button . or 3 . or - Set the strips
height by dragging its bottom border Up or Down
2
3
1
5
Choose / Add Main Image
1 Click - Add Image button - On the left bar 2
Upload your own main image. or 3 . Or - select
a main Image from our Image Galleries (all
images height is 200px )
2
1
3
6
The Main Image In Place
Next Step Merging the Main Image with the
clients LOGO
7
Upload The Clients Logo
1 Click - Add Logo button - On the left bar 2
Upload The Clients Logo (White Background Logo)
clients LOGO
2
1
8
Resize / Crop The Logo
1 Right Click the LOGO chose Crop 2 Drag the
blue dot to mark cropping area 3 Click Crop
button Click Close button
9
Place The Logo
Drag the LOGO to the best location on top of the
main image
10
Merge Main Image with Logo - Step 1
1 First Option Right Click The Main Image and
Choose Design 2 Second Option Choose image
0 on the left bar 3 Click The Design Button
on the left bar
1
2
3
11
Merge Main Image with Logo - Step 2
1 Choose the Fade effect direction for the Main
Image (If logo is placed on the left side
- choose fade effect coming from the left
side) 2 Choose the effects level - on Percentage
Scale
1
2
12
The Main Image and Logo Are Merged
13
Add Text Slogan
1 Click Add Text button on the Left Bar 2 3 4
At the Pop Up Type the Slogan Choose Font
Size, Color Style 5 Drag Place The Slogan at
Its Final Position
1
5
4
2
3
14
The Slogan Is Added
15
Add Gradient (color layer)
1 Click Add Gradient button on the Left Bar 2 3
Choose Color, and Fade Direction 4 Drag
Position The Gradient, Resize it by stretching
the Blue Dot
1
4
2
3
16
Set Strips Layers (for best result)
Place the Main Image on top of all other
objects 1 Click Image 0 on the Left Bar
(Objects Order box) Click text 2 (Objects
Order box) Merge Effect is completed
1
17
Add Clients Business Image (optional)
1 Click - Add Image button Upload The
Clients Image 2 Resize / Crop the image if
needed (optional) 3 Drag Clients Image to the
strips Right Side 4 Right Click The Image and
Choose Design - Choose the left Fade effect
direction level
3
1
4
2
18
Websites Header Is Ready
1 Save the Header click the Save Header
button 2 All saved strips can be reviewed under
Saved Headers
1
2