Web Design Project
FarmToTable
-
Design Brief
This portion of the project consisted of gathering information from the client, i.e, the professor in order to find out the needs and expectations for the web design project at hand. This was accomplished mainly through a brand style guide provided by the client.
-
Hard Coding
Using visual studio code we were to create a four page website that included a Home, About, Services and About Page, that conformed to the expectations provided in the design briefing. This was done with .html and .css for styling.
-
Preparation and Presentation
Once website design was to satisfaction visually and all information and elements that were needed were present, then began system checks to make sure all attributions were present and no critical coding errors were present.
The Process
Using Visual Studio Code, I created each page as a separate html. Inputing the basic information needed using nav and div class formatting. Creating different sections for each page, which included the header and footer, which universally stayed the same for all four pages and the body content for each page. For styling I then created a style.css. This included all the style code for the typography and color used in the website. Each code section beginning with nav, header, footer, h1-h6, etc.; communicated to the code what style elements to use where as long as the code for each said style was inputed on the .html pages as needed. Lastly, an image file was created to create links to the proper images to be used in the website design. Attach a file and use the file name in the .html pages where you want the image to show up and that was it.
