Week 8: Day 3 of Work Experience at LIT

Week 8
Day 3 of Work Experience at LIT

Plan for the day: 
Following on from yesterdays work, I will be working today on the "About LIT" website page.


Article read: 
6 Social Media Trends all Digital Marketers should know about:
Source: https://www.themuse.com/advice/6-social-media-trends-all-digital-marketers-should-know-about
This article is relevant to my Work Placement, where part of my work is making e-learning tutorial videos for staff and students using Camtasia software. It seems from this article that video is the way forward. This next screen shows CEO Mark Zuckerberg's both predictions and plans for Facebook which is "his intention to transform Facebook to a video-first platform":

Website continued->

1. Working on the "About LIT Page" for the website: I worked on this for most of today and have this page "index2.html" programming code and design almost complete. I have the content ready to add and will do some more colour formatting with the page sections. I took some screens of the page this evening which are from the large-screen MAC computers in the college, which would be the largest expected view. 

The blue text at top of page "Hello and Welcome to LIT...." is a marquee that floats across the page from right to left continuously as an introduction to the page. Next I placed a <div> to set a background grey band across the width of the page. I added and styled the <h1> headings and paragraphs<p>. There is the "Presidents Welcome" with a link in blue text to the complete article. Then, "LIT Learning Philosophy," with a link in blue to related information. There is a photograph of the President. The next image is a video our team made in the "Digital Video Course" as part of this H. Dip., which is a "Promotional Video of LIT." I sized these images in "Paint" and placed them in the HTML/CSS using margins, padding, etc. as above.

In this above screen, which is the next section of this index2.html page, I have set the programming code and the placeholders for content to add. The first two sections have a similar layout for consistency. These are "About LIT" which will contain a brief summary of LIT. Beside this to the right of screen, I will add a GIF animation of rotating images of LIT itself. The other section is "LIT Courses" which again, I will provide a brief description of with a link to this section of the main LIT website.

The next section are "Topic Cards." These are card layouts where I applied a "flex" in the CSS "display." They expand with images and information added vertically. Here I will add a lot of item details, each which will act as links, through use of anchor links <a href.....> to the main LIT website.

This above and next sections are aspects of life at LIT. The headings are in teal green and the content in dark-blue. Each of the content items acts as a link <a> to their page in the main LIT website. There looks to be a lot of white space around these. This is to balance out the detailed cards from the topic cards page section above, and acts in this way as reflective restful space.

In design concept these visually act as a  central pillar supporting the wider spread content of the two sections above these, with the wide spread map as below in the last screen the pillar stabilization support.

This is a Google map which I used in another LIT website. For this I obtained an API, and set the red locator symbol at LIT.