Welcome & Assignments

The CIS 1350 course deals with HyperText Markup Language (HTML) and Cascading Style Sheets (CSS) are widely used technologies to create and display content on the web. HTML is the primary language used for creating web pages, including basic text formatting, linking between pages, and adding images and other media. CSS is a styling language that enables the separation of content from style and provides precision control over the display including layout, colors, and fonts. Students will learn to apply best practices for web design and create sites that enhance the usability and interactivity of the pages.
Below you will see your assignments, you will need to create links to each one as you complete them.

Tutorial 1 [Getting Started with HTML]

Tutorial | Review

Tutorial 2 [Getting Started with CSS]

Tutorial | Review | Case

Tutorial 3 [Designing a Page Layout]

Tutorial | Review

Tutorial 4 [Graphic Design with CSS]

Tutorial | Review | Case

Tutorial 5 [Designing for the Mobile Web]

Tutorial | Review - Customer Info | Review - Customer Pizza

Tutorial 6 [Working with Tables and Columns]

Tutorial - Evenings | Tutorial - Living World
| Review | Case

Tutorial 7 [Designing a Web Form]

Tutorial | Review

Tutorial 8 [Enhancing a Website with Multimedia]

Tutorial | Review | Case

Tutorial 9 [Getting Started with JavaScript]

Tutorial | Review

Tutorial 10 [Exploring Arrays, Loops, and Conditional Statements]

Tutorial | Review | Case

Final Project

Final

Your Portfolio

Write a paragrah about yourself and place it here! Then replace the three photos below with three of your own, at least one picture must be of you and the other two can be of things you like to do. Make sure the pictures are 300 px wide by 200 px height.

photo 1

photo 2

photo 3

Languages & IDE

We will be working with several languages and an IDE to edit and create webpages.

Language

HTML5

Over the past few years, you may have heard the term HTML5 every once in a while. Whether you know anything about web development or not, the concept can be somewhat nebulous and confusing. Obviously, it’s the next step in the line of HTML, but what exactly does it do? Why is there so much excitement around it? And why does it matter for you?
HTML, or HyperText Markup Language, is the most important element of the World Wide Web. It’s the language used to describe what a webpage should look like. However, HTML on its own is pretty boring because it can only deliver static pages
Continue Reading...

Language

Cascadinng Style Sheets

The biggest change that is currently planned with CSS level 3 is the introduction of modules. The advantage to modules is that it (supposedly) allows the specification to be completed and approved more quickly, because segments are completed and approved in chunks. This also allows browser and user-agent manufacturers to support sections of the specification but keep their code bloat to a minimum by only supporting those modules that make sense.
Continue Reading...

Language

JavaScript

JavaScript (JS) is a lightweight interpreted or JIT-compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as node.js and Apache CouchDB. JS is a prototype-based, multi-paradigm, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.
JavaScript runs on the client side of the web, which can be used to design / program how the web pages behave on the occurrence of an event. JavaScript is an easy to learn and also powerful scripting language, widely used for controlling web page behaviour.
Continue Reading...

IDE

Aptana Studio

The professional, open source development tool for the open web. It's ready. It's time. Develop and test your entire web application using a single environment. With support for the latest browser technology specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python. We've got you covered!
Setup your development environment exactly the way you want it by extending the core capabilities through scripting of custom commands. Studio ships with hundreds of commands but always presents them in context based on the type of file you are editing.
Continue Reading...

IDE

Brackets

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it without getting in the way of your creative process. You'll enjoy writing code in Brackets. Continue Reading...

Instructor

Rex Mt. Castle

I have been with the college for 23 years in a variety of full-time roles. Currently I am one of the members who designs and maintains the various websites of Sinclair. I began my career in the Budget Office here at the school and then moved into the academic side of the house where I started teaching on a part time basis. In 2001 I got interested in web design and moved into the application development department and have been there ever sense. I enjoy figuring out problems, reading and creating code that is needed for websites and other applications.

Technology is always changing, and you must adapt to keep up. My philosophy is that you are never too old to learn new technology. I understand the challenges of juggling school, work and family that many of you are facing, but continuing your education makes it all worth it.