Bootstrap

Creating and editing your Bootstrap website

Posted Posted in Bootstrap, CMN 222

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 […]

Bootstrap

HTML/CSS Boostrap demo

Posted Posted in Bootstrap, CMN 222, CSS, HTML

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 […]

ProCom web hosting

Posted Posted in CMN 222

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 […]