Before we begin… A quick refresher on HTML: Read this primer if you want a summary of HTML/CSS file structure: The following guide seeks to breakdown the process for building a website using Bootstrap. In it, you will learn how to mock up a prototype, structure your folders/files, manually edit CSS code, and upload your completed website. Prototyping First, we’ll build our core pages so that we have an idea of what the content will […]
In-class exercise for modifying a Bootstrap page/theme: Download Bootstrap: When you develop your Boostrap website, use this pre-compiled version of Bootstrap. Add your html, images and any custom CSS to the top level of the folder. Or, you can download the full version of boostrap (source), with demo files (and a lot more “bloat). Noteworthy websites built with Boostrap: Vogue Lyft A portfolio website Agency website NASA Getting started with CSS/HTML: What are […]
When collaborating with groups, Google Drive is a great way for members to work together from a common folder. If set up properly, it will also provide a working preview of your website. Follow Google’s Guide to set up this functionality.
Download FileZilla. This is the tool you will use to upload files from your computer to our web hosting server. Login using the following from a desktop lab computer inside the RCC. If you have not logged in using an RUAD account (my.ryerson.ca account), create it from a lab computer (first-time password is your student number). Open up FileZilla and enter: host: sites.procomblogs.ca username: your RUAD username password: your RUAD password port: 22 Create a directory […]