Evaluation.2 and some of the Techniques

WordPress account of work for past two years When I wanted to add CSS on my page to the Html, I found a code that would help me style which was this : (site) Embedding CSS into the HTML You can also embed CSS rules directly into any HTML page. To do this you need…

Final Designs for Web Pages/ Analysis (Evaluation.1) and Feedback

http://totton.org/k/victoria2/index.html The final stages I decided to change the home page to a more covered background, being consistent to the portfolio page however slightly changing the style with the contrast levels, different hue and saturation. On the video section of the page I added <p>&nbsp;</p> to give space(paragraph) then inserted a text using <h2 style=”color: #FFFFFF; text-align: center;”>Video…

About coding – *saved from dreamweaver (not final)

<html> <head> <title>AboutA</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> </head> <body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″> <!– Save for Web Slices (AboutA.psd) –> <table id=”Table_01″ width=”1920″ height=”1081″ border=”0″ cellpadding=”0″ cellspacing=”0″> <tr> <td colspan=”11″> <img src=”../../Google Drive/Mysite01/CSS/images/about_01.jpg” width=”1920″ height=”151″ alt=””></td> </tr> <tr> <td colspan=”3″ rowspan=”2″> <img src=”../../Google Drive/Mysite01/CSS/images/about_02.jpg” width=”713″ height=”617″ alt=””></td> <td colspan=”6″> <img src=”../../Google Drive/Mysite01/CSS/images/about_03.jpg” width=”492″ height=”450″…

Portfolio coding *saved from dreamweaver (not final)

<!doctype html> <html> <head> <meta charset=”utf-8″> <title>portfolio</title> <style type=”text/css”> body { } </style> </head><style media=”screen” type=”text/css”> Add style rules here { margin: 0; padding: 0; } html { background: url(‘../../Google Drive/Mysite01/CSS/Portfolio.jpg’) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; </style> <html> <head> <style> div.gallery { border: 1px solid #ccc; } div.gallery:hover…

Stylesheet *saved from dreamweaver (not final)

@charset “UTF-8”; body {* {box-sizing:border-box} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0…

Slicing Process (Photoshop)

slice tool, slice around each interactive sections, on pages save -export (index.psd) save for web legacy gif file preset images as jpeg quality 60 save -format  html and images assign each interactive with a link gif file- image mode -rgb -change colours export- web legacy- images only format- original eg 07 then save as 07b…

Dreamweaver Process

Layout (Files) asset management categories – file structure important for website , may create broken links, layout of website, content wont show up if not organised. Site -magange sites wordpress from servers bundle files and upload through ftp (file transfer protocol) goes to a server intranet index – main – html call Index- sent to…

Final PSD/Background Designs

*I had received feedback from my teachers and one of the main issues was actually the composition of all my elements, they were not exactly in the middle, when viewed in full screen it was more to one side than the other. So back to Photoshop I made sure I accurately positioned everything using the guides…

DDA Compliance

What is a website portfolio for? Its an effective and interesting way to represent your work/talent in a innovate personal style that can attract vasts amount of viewers/ clients helping your work be known/better business. Portfolio websites are a very popular to produce and is easier than traditional hand held portfolios since you can send to many…

Extract/Layout – Tutorial

Extract PSD files Boostrap, slice all to DIV tags frames and tables to layout Tags for content :Header :Body – Article tag html5 positioning floating – column stands Grid systems Col.spam for positioning – space across number of columns, x amount of columns Adobe libraries- share content to use with other people, from different areas…

More of Website development

Font Here is the font I looked at for my main headings, I also asked for peer feedback on which they thought was best and decided for final that this would be the font to use. http://www.1001fonts.com/calligraphy-font.html http://www.1001fonts.com/sirinstencil-font.html http://www.1001fonts.com/caveat-brush-font.html http://www.1001fonts.com/fuckin-gwenhwyfar-font.html http://www.1001fonts.com/lorem-ipsum-font.html http://www.1001fonts.com/sudegnakno2-font.html http://www.1001fonts.com/clip-font.html http://www.1001fonts.com/free-fonts-for-commercial-use.html?page=72&items=10  

Video Embedding – Lesson

one- embed url two- declare file three – if a certain browser does not support this, then have a backup up version for different format