Diary part 2

(26/4/16)

Click on the image that is

going to be described, then go
to the Window tab on the nav
bar, then open the properties
window (properties window
below)

(In the red box

this is the
text
description of
the image, below is another screen shot of it with the description I am
adding to the image.
(Added a text for the banner of the website)

1st product image has

added a description
text.

2nd product also has a text description.

Next lesson! Add information to the text

sections of the products!! (Text sections
in the red box in the image to the left).
(Added this Diary part two as the first
diary was 11,000 kb where webly only
accepts under 10,000 kb diary needed
to be shorter or it wouldnt upload!
(Screen shot below)
(Image to the left in red box) This is the first part
of the diary after putting a few of the pages onto
the part two diary. Diary part two is 2,000 kb

(In the red boxes)

Image to the left
shows the links I
added for all of
the social media
sites.

Duplicated the website, then renamed the duplicate contact details, then I
will finish the main page, then hyperlink the contact details page on the
nav bar.

This is the contacts page that has

been started, I duplicated the main
page and deleted most of the
content and am now going to write
down email addresses, phone
number e.g. also add a map of a
random location that will be the
main gallery location.

https://www.google.co.uk/maps/place/London+WC2N+5DN/@51.5089854,
-0.1303858,284m/data=!3m1!1e3!4m2!3m1!

1s0x487604ce72b6800f:0xf34143127dca7a76 location/map I will use

this is a good gallery in London. Maps page 37 dream weaver booklet

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!
1m3!1d2551.530191318602!2d-0.13205783351614223!
3d51.50878846629428!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!
1m2!1s0x487604ce72b6800f%3A0xf34143127dca7a76!

2sLondon+WC2N+5DN!5e1!3m2!1sen!2suk!4v1461933843927"
width="600" height="450" frameborder="0" style="border:0"
allowfullscreen></iframe>
(Above is the link for the map medium.)
Backgrounds
Lavish bootstrap used greyscale
colour image http, then saved to the
css bootstrap section in folders.
Need to bring booklet next lesson and
add map link etc.

http://www.lavishbootstrap.com/?utf8=%E2%9C%93&image_url=http%3A
%2F%2Fwww.stevelarkins.freeuk.com%2Fimages
%2Fgrey_scale.gif&commit=Go+Lavish http for lavish bootstrap
Can also insert YouTube videos the same as maps on dream weaver!
Use video of art Gallery ad?
Website not found

Started working now.

Using the DOM panel to delete a caption on

one of the images on the jumbotron. Also
added two other images on the jumbotron:
images below:

These three images (first one is the

image on the main page jumbotron,
(three images rotate on jumbotron.

Map added with the

bootstrap insert tools
shown below:

For the
location I
decided to
pinpoint a
large gallery
in London.

Also
going
to add
a video related to gothic painting/artwork.
Going to search YouTube for a video tour of the
London Gallery or gothic gallery to add to the
website.

(Image above screen shot of YouTube)

Going to link a video of Crimson Peak to
the website>
Going to use the 5 minuet tour video.

<iframe width="560" height="315"

src="https://www.youtube.com/embed/Z2Mr6K9C2eA" frameborder="0"
allowfullscreen></iframe> The code!

(Same as the map using the

responsive video embed)

Using the nest option

Going to change this code

image of changed code below!