Skip to main content

Making the website

I found it difficult to design what each of the pages will look like, and then actually code them to look like that. This is because I’m used to using Adobe products where you can just drag and drop items into the area you want them to be, however with web design you have to code it so that the item is in a specific place. Due to finding it difficult to set up the pages I decided to go onto Photoshop and design what I would want it to look like, then save each image as a JPEG so that the size has been changed.
A screenshot of a cell phone Description automatically generated 
A screenshot of a cell phone Description automatically generatedI began with the Mosi Brief pages as I found it difficult to resize the poster size as it was way too big. I then changed the size of the posters, so they looked best, then saved them as JPEGS at this new size and added them into the Brackets folder. I then added these JPEGS into the brackets code, and they fit how I wanted them to. 
A screenshot of a social media post Description automatically generatedA screenshot of a cell phone Description automatically generated 





A screenshot of a social media post Description automatically generated 

I then did the Creative Play HTML, I designed it to show that it would look like. I wanted to put the video into the page, however I just couldn’t find a code online that worked. I ended up asking someone on the course for help and they showed me how to embed a YouTube video onto the HTML.

A screenshot of a computer Description automatically generatedA screenshot of a social media post Description automatically generatedI then did the KidsCan brief page, I had lots of assets to put onto this page, such as the video of the motion piece, the video of the app, and the three posters. So, I had to upload each of the videos onto YouTube. On the screenshot shown to the left used the Gif from the app, but I couldn’t seem to add it to the HTML so instead I just uploaded the whole video and used that.

I then did the Contradictions brief page, and showed that I was going to add both of the video into the page. 




Comments

Post a Comment

Popular posts from this blog

Week 2

Notes Footers are like links to something, such as URLs or emails. <Li> </Li> is an unordered list.  A basic menu would have some simple CSS rules, i.e stylings. { = section so have things separated like 'divs', shows when an area starts and finishes.  Dropdown menu-  Have links added- items and subitems, added next to items.  Use CSS to hide the items until you scroll over them.  All boxes are relative and try to stay on line.  You can animate things using CSS.  THERE IS ONLY ONE HEAD AND BODY, if you have extras then it confuses the program.  Codes To start we created a new webpage, with a CSS and NAV folder inside of it. Then we have to put the code for the index.html page to work on: <! DOCTYPE html > <!-- Standard html5 blank template --> < html > < head > < title ></ title > </ head > < body > <!-- all content goes here. --> ...
Post a Comment
Read more

Screenshots of website

Post a Comment
Read more

Week 1- Part 2

Codes: -  This will create a basic webpage with some text on it: You need to have a folder for the webpage, with one folder called CSS, and one the name Index (or something similar) <!DOCTYPE html>                                               <html>         <head>                 <title>Web Demo/title>        </head>        <body>                Hello World!        </body> </html> The body tag means the text on the page, so any text they would want on the webpage they should put it where 'Hello World!' is. -  This will change the styles of the webpage that you created in the last tutorial thing. Within the CSS folder make a file called...
Post a Comment
Read more