Browsed by
Month: September 2017

Web Development: HTML + CSS only Website

Web Development: HTML + CSS only Website

Let’s create a simple HTML + CSS only website. There are a lot of simple website we can create with just HTML and CSS. For this project,  let’s create a restaurant website. It can be your imaginary restaurant or a real one. The project should have at least 4 pages: home, menu, location, and about. Think about branding (logo), the pages that you’ll be included in the project, and the layout, where the logo, navigation, and content will be laid…

Read More Read More

Web Development – Step 2: CSS Basics

Web Development – Step 2: CSS Basics

Go through the W3C CSS tutorials @ https://www.w3schools.com/css/default.asp. It will give you solid foundation on CSS. The industry standard is external style sheet. Learn how to add an external style sheet to your HTML page. Things to note: Different types of selector in CSS Box Model Positioning Display Assignment 1: Image Gallery Get 12-16 photographs and create an image gallery. You can find a sample at https://www.w3schools.com/css/css_image_gallery.asp. You can use your own photography or get free stock photos / creative common license…

Read More Read More

Web Development – Step 1: HTML

Web Development – Step 1: HTML

The first thing a web developer needs to learn is HTML. There are many HTML tutorials on the web. The best one I found is from w3schools  https://www.w3schools.com/html/. A few things to note… Make sure you click on the ‘Try it Yourself’ and see for yourself how the tag will display on the web page. Things may feel disjoined at first but things will come together once you start creating web pages. Remember what the tag stands for. For example, <h1>…

Read More Read More

Web Development – Tools

Web Development – Tools

For web development, here the tools you’ll need for your trade. Editor Although you can use a normal text editor to create HTML pages, I recommend you use specialize text editor for web development. There are many free and good editors available. Here are a few of them. https://atom.io/ http://brackets.io/ Browser You’ll need a browser to view your work. I recommend Chrome and Firefox. FTP (File Transfer Program) A web developer needs to publish their work for public to see….

Read More Read More