ENG 11 Digital Writing Assignment. Learn HTML & CSS. Gabe McNinch. <html>
|
|
|
- Pierce Wood
- 7 years ago
- Views:
Transcription
1 ENG 11 Digital Writing Assignment Learn HTML & CSS Gabe McNinch <html> 1 of 23
2 Contents 1. Intro to HTML 2. Text Editors 3. HTML Document Structure 4. Text Elements 5. List Elements 6. Linking Elements 2 of 23
3 1. Intro to HTML In this guide we will go over everything you need to know about making your own website. But, before you begin reading further, you need to make sure that you have everything to get the full experience that this guide offers. You will need A computer running Windows, Mac OS X, or Linux. A text editor (chapter two will be devoted to picking the right text editor). If you have everything listed, you can continue reading. HTML (Hyper Text Markup Language) is a coding language used to create and build websites. HTML is not a programming language like Python or Java, if you want to learn how to program, this is not the book for you. But, if you are a beginner, then HTML & CSS are two great introductory languages to learn before you dive into the world of programming. The HTML language is made up of mark up tags. These tags look like the image below. As you can see, the image has a greater than and a less than sign both pointed toward the lowercase p. These tags are what make up an HTML document. 3 of 23
4 Now, with every tag there is a tag that is used to close off the set of tags. This tag is called the closing tag. You can see in the image below that it looks the exact same as the opening tag, but it has a forward slash in front of the p. An opening and closing tag, if written correctly, should look like this 4 of 23
5 2. Text Editors When using a text editor, it s important to chose one that you like. You can use the basic text editor pre-installed onto every computer with an operating system. In Windows it would be called Notepad, in Mac OS X its called TextEdit, and in Linux its most likely called Gedit depending on the version of Linux you use. Windows 8 Mac OS X El Capitan Ubuntu of 23
6 If, you don't want to use the boring old text editor that came on your computer, you re in luck! There are many free text editors out on the internet. You can go to Google and type in, Free Text Editor, or click on any of the hyperlinks listed below to go straight to the website to learn more about the text editor and download it for free. Visual Studio Code (Windows, Mac, Linux) Brackets (Universal Link) Notepad++ (Universal Link) If you are having a hard time deciding, I would chose Visual Studio Code. VS Code by Microsoft, is going to be the text editor that I use to give examples throughout this guide. Plus out of every text editor that I have used, Visual Studio Code has outdone them all, even text editors that require a license fee! 6 of 23
7 3. HTML Document Structure Finally, we can begin to actually learn something! Lets start by opening up our text editor. Visual Studio Code First were going to click the button labeled Plain Text in the bottom right. Once we click the Plain Text button, we can select the language mode that we will be using, HTML. 1st 2nd 7 of 23
8 By doing this, we are telling VS Code that we want the file to be saved as a.html file when its time to save. TextEdit / NotePad In a simple text editor, you first need to change the editor text type from rich text mode to plain text. We can do this by going to Format in the tool bar and selecting Make Plain Text. 1st 2nd When you save the document, you need to save with the extension.html, instead of.txt. If you don't do this, your HTML document will not work, no web browser will be able to read the code you have typed. 3rd (Final Product) 8 of 23
9 Basic Setup Elements!DOCTYPE html Element To start our document off, lets type in the tag <!DOCTYPE html>. This tag is used to help the browser identify what language is being used. This tag does not need a closing tag unlike every other tag in the HTML coding language. (line 1) We will save the document now to get it out of the way. Save your document as index.html, then place it in a folder named My Website. We will leave this folder on our desktop to make things easier. 9 of 23
10 HTML Element Now we need to add the tags that will contain all the other tags used in the document. Type an opening <html>, and a closing </html> tag, one right under the other separated by a few spaces, all under the <!DOCTYPE html> element 1. (lines 2, 5). Head Element Type in an opening and closing <head> element inside the <html> tags. This is where we will store our website title along with the CSS file link. Don t worry about the CSS file, we will learn about it later in guide. (lines 4, 5) 1 Tag and element mean the same thing. 10 of 23
11 Body Element Place a pair of <body> tags inside the <html> tags, but not inside the <head> tags (lines 8, 10). This tag will contain just about everything that you want to visually show up on the actual website. 11 of 23
12 4. Text Elements In this chapter there will be (GET CODE!) hyperlinks. These hyperlinks will lead you to a dropbox account folder that contains all code written in the guide. You can download the text files and view them by opening them with Visual Studio Code. Header Element The header element is used to create a header. They range from <h1> to <h6>. <h1> is used for main headings, while <h2> is used mainly for sub headings. <h3> through <h6> are smaller headers that can be used, <h6> being the smallest. (lines 10-15) (GET CODE!) 12 of 23
13 Paragraph Element The paragraph element is used for grouping paragraphs. The paragraph tag is made by placing a p in between a greater than and less than sign (<p>). With the paragraph element you cannot place a number after the p, like you can when using the header element to change the size of the font. You will have to do this in a CSS document. (GET CODE!) 13 of 23
14 Bold & Italic Elements These tags are used to add style to your writing, or to bring attention to a set of word(s). The italics tag (<i>) is used to make the font italics on the web page. The bold tag (<b>) is used to make text on the web page bold to differ it from regular non-bold text. Both the bold and italic tags can be placed around a whole paragraph, or a small group of words. These elements are placed inside the <p> tags. (GET CODE!) 14 of 23
15 Line Breaks & Horizontal Rules Line breaks (<br/>) is used to make a line break in the middle of a paragraph. Horizontal Rules (<hr/>) are used to make a horizontal line that spans across the width of the web page. (GET <br/> CODE!) (GET <hr/> CODE!) 15 of 23
16 5. List Elements In this chapter of the guide, you will learn how to write an ordered list, an unordered list, and a definition list. An ordered list will start at 1, and end at any number you would like. The unordered list is made up of black bullet points, instead of numbers, making it unordered. Lastly, the definition list is used to section off the definition term from the actual definition. Ordered Lists The ordered list will live in between the body tags. To begin the ordered list, type in an opening and closing tag for the element <ol>. The <ol> element will group <li> elements inside of it to show what needs to have its own individual number. (GET CODE!) 16 of 23
17 Unordered Lists The unordered list is like the ordered list, but you do not have numbers to make the list ordered. The unordered list element is good for grouping data that does not need to be fallowed in anyway. You can make an unordered list by using the <ul> element filled with <li> elements to specify what is in the list. (GET CODE!) 17 of 23
18 Definition Lists The definition list is created with the <dl> element. Inside the <dl> element you will see <dt> and <dd> elements. The <dt> element is used to contain the definition term. The <dd> element is used to contain the definition of the definition term. (GET CODE!) 18 of 23
19 6. Linking Elements Link elements are one of the most important elements in the HTML language. They can give depth to your website, allowing you to create multi-paged websites. Linking elements also allow you to write links to other websites inside your website for others to click on and be led to. Links are created using the <a> element. Linking to Other Websites When linking to other websites you have to place the name of the website you are linking between <a href= > and the closing tag </a>. If you don t do this, the visual link for viewers to click will not show up on the website. You can see in the code below that I used the <ul> tags to help organize the links. (GET CODE!) 19 of 23
20 Linking to Other Webpages Inside your Website To link other webpages inside of your webpage, you first have to write the HTML code for every individual webpage. So to begin lets make our Home. To make things a tad easier when distinguishing what document is what, we will add a comment to the top of the HTML document that says, HOME PAGE. To do this start off by typing in <! - -, then type in the comment (HOME PAGE). To end the comment type in the characters - ->. It will look something like this Now lets give the website home page a header and a title. You can title it whatever you want, I chose to title mine Website. Save this file in a folder called My Website. Name the file when asked index.html. 20 of 23
21 Now we can add a link to another page that we have made. First we have to make the web page of course. Lets make a simple web page that contains a list. You have to save this file in the folder that you saved your index.html file. 21 of 23
22 Now lets go back to the index.html file and type in the code that will make it so we can click on The List and be directed to the My List website. 22 of 23
23 Works Cited Duckett, Jon. HTML & CSS Design and Build Websites. Indianapolis: John Wiley & Sons, INC., N. pag. Web. 10 May Refsnes Data. W3schools. N.p.: Refsnes Data, n.d. Web. 30 May < Howe, Shay. Learn to Code HTML & CSS. N.p.: New Riders, N. pag. Web. 16 May of 23
CREATING WEB PAGES USING HTML INTRODUCTION
CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
Contents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
Dreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
Getting Started with KompoZer
Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create
So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.
Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps
Quick Guide to the Cascade Server Content Management System (CMS)
Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging
Web Editing Basics 1 TOPICS
Web Editing Basics 1 TOPICS 1. Opening your site.1 2. What you see.1 3. Navigate to your Web page 2 4. Make text edits...2 5. Prepare documents and images for the Web 3 6. Move documents and images from
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Intro to Web Development
Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing
Working with the Ektron Content Management System
Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e
Dreamweaver: Getting Started Website Structure Why is this relevant?
Dreamweaver: Getting Started Dreamweaver is a Graphic Designer s tool to create websites as he or she designs. As part of the Adobe Creative Suite, Dreamweaver is able to work in conjunction with Photoshop,
Basic Website Creation. General Information about Websites
Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes
Setting up Web Material. An introduction
Setting up Web Material An introduction How to publish on the web Everyone with an Aberystwyth University account can publish material on the web http://users.aber.ac.uk/you9/ The URL of your home page
HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk
HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS
Short notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
Advanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
USING THE INTRO (SPLASH) PAGE
USING THE INTRO (SPLASH) PAGE Your DIY Template can be used to create multiple websites using the same company name. You can create separate websites for weddings, portraits, art etc. The splash page allows
Introduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5
Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...
How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn
Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
Creating HTML authored webpages using a text editor
GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage
Creating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
HTML, CSS, XML, and XSL
APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these
Your First Web Page. It all starts with an idea. Create an Azure Web App
Your First Web Page It all starts with an idea Every web page begins with an idea to communicate with an audience. For now, you will start with just a text file that will tell people a little about you,
Simply download Beepip from http://beepip.com and run the file when it arrives at your computer.
Beepip User Guide How To's: How do I install Beepip? Simply download Beepip from http://beepip.com and run the file when it arrives at your computer. How do I set up Beepip? Once you've opened up Beepip,
How to Create an HTML Page
This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access
KOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
About webpage creation
About webpage creation Introduction HTML stands for HyperText Markup Language. It is the predominant markup language for Web=ages. > markup language is a modern system for annota?ng a text in a way that
Introduction to Web Technologies
Introduction to Web Technologies Tara Murphy 17th February, 2011 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET (Advanced
How To Write A Web Page In Html
HTML Basics Welcome to HTML Basics. This workshop leads you through the basics of Hyper Text Markup Language (HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML
Web Design with Dreamweaver Lesson 4 Handout
Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the
Email Marketing Robot Instruction Manual Version 2.13.1.0
Email Marketing Robot Instruction Manual Version 2.13.1.0 Table of Contents Installation Instructions...2 Opening the Email Marketing Robot...4 Setting up your Email Marketing Robot...4 Scheduling Your
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to
Blueball Design Dynamic Content 2 Stack Readme Manual v1.0
Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 A unique responsive stack that dynamically populates and updates a content area within the stack using a warehoused external XML flat text file
Introduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
Skills and Topics for KidCoder: Beginning Web Design
Skills and Topics for KidCoder: Beginning Web Design Our Self-Study Approach Our courses are self-study and can be completed on the student's own computer, at their own pace. You can steer your student
CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide
CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5
ADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
COMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
What is a Web Browser? Web Site Functionality. A client program that uses HTTP to communicate with web servers.
What is a Web Browser? Web Site Functionality April 1, 2004 A client program that uses HTTP to communicate with web servers. HTML interpreter Reads HTML, determines how to display it A Simple HTML file
HTML and CSS 2 Class Meetings Instructor Contact Office Hours: Tuesdays 5:30-7:30 PM Online Email: Class Message List Opt Out of Class email
HTML and CSS 2 CS50.11A Summer 201 Syllabus Instructor : Corrine Haverinen Class Meetings This class is accelerated for summer. There will be two lectures and assignments per week. There will not be live
Caldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
Content Management System (CMS) CMS-1
Content Management System (CMS) CMS-1 Last edited on February 03, 2016 by Haesung Park Welcome! Analyst Programmer Web Tech. Trainer Web Services Office of Information Technology 240.567.3123 haesung.park@montgomerycollege.edu
Dreamweaver CS6 Basics
Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a
Microsoft Expression Web
Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page
Microsoft Word Tips and Tricks
Microsoft Word Tips and Tricks Viewing the Document There are 4 views for every Word document. These are found in the lower left corner of the screen. The most common is the print layout view. Hold your
Jadu Content Management Systems Web Publishing Guide. Table of Contents (click on chapter titles to navigate to a specific chapter)
Jadu Content Management Systems Web Publishing Guide Table of Contents (click on chapter titles to navigate to a specific chapter) Jadu Guidelines, Glossary, Tips, URL to Log In & How to Log Out... 2 Landing
How to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
Creating Web Pages With Dreamweaver MX 2004
Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic
UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
Your Own Web Page: Quick and Dirty
Your Own Web Page: Quick and Dirty A Special Language for the Web In the early 1990 s web pages were mostly described using a special purpose language, called Hyper- Text Markup Language, HTML HTML provides
Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
How To Create A Web Page On A Windows 7.1.1 (For Free) With A Notepad) On A Macintosh (For A Freebie) Or Macintosh Web Browser (For Cheap) On Your Computer Or Macbook (
CREATING WEB PAGE WITH NOTEPAD USING HTML AND CSS The following exercises illustrate the process of creating and publishing Web pages with Notepad, which is the plain text editor that ships as part of
Mozilla Mail. Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin
Mozilla Mail Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin Mozilla is an open source suite of applications used for web browsing,
Microsoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
Web Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 2
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 2 CSS stands for Cascading Style Sheets, these allow you to specify the look and feel of your website. It also helps with consistency.
-SoftChalk LessonBuilder-
-SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content
Web content vs. Word Processing Files
Creating Content for the Web in MS Word (2003) Web content vs. Word Processing Files Instructors choosing to post their course materials to Web-pages or to their WebCT courses, frequently develop materials
HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
Creating your personal website. Installing necessary programs Creating a website Publishing a website
Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on
Mastering the JangoMail EditLive HTML Editor
JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop
State of Nevada. Ektron Content Management System (CMS) Basic Training Guide
State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workshop Session Plan
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workshop Session Plan Workshop Schedule By failing to prepare, you are preparing to fail. Event Set Up 30 minutes Introduction Welcome/Pre-day
NJCU WEBSITE TRAINING MANUAL
NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...
UHR Training Services Student Manual
UHR Training Services Student Manual October 2012 1 Logging in to CareWorks Clicking the copyright symbol on the bottom left of the footer takes you to the sign-in screen and then to the control panel.
Quick Reference Guide
Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name
7 th Annual LiveText Collaboration Conference. Advanced Document Authoring
7 th Annual LiveText Collaboration Conference Advanced Document Authoring Page of S. La Grange Road, nd Floor, La Grange, IL 6055-455 -866-LiveText (-866-548-3839) edu-solutions@livetext.com Page 3 of
Development Environments and Content Management Systems for the HTML/CSS Beginner
Development Environments and Content Management Systems for the HTML/CSS Beginner The demand for fully-featured graphical interfaces for designing, composing, and maintaining websites has led to the development
HTML Exercise 6 Linking to Specific Locations within Documents (Bookmarks)
HTML Exercise 6 Linking to Specific Locations within Documents (Bookmarks) Some Web pages are many screens long and you must scroll down to see the information at the bottom of the page. Adding hyperlinks
Chapter 14: Links. Types of Links. 1 Chapter 14: Links
1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and
Garfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
Web Authoring. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
CMS Cheat Sheet for Communiqués
LOGIN https://cascade.csueastbay.edu:8443 http://www.csueastbay.edu/cascade Both URLs work. Use your NetID and password to access the system. Firefox is the preferred browser. Click Continue or OK if the
Creating and Updating Your Weebly Website
Creating and Updating Your Weebly Website I) First Steps- Creating the Site A) Go to www.weebly.com B) Enter a username and password to access your site, and enter a valid email address- Be sure to write
Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4
CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...
[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 11, 2014
![[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 11, 2014](/thumbs/28/12852219.jpg "[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 11, 2014")
MANAGEMENT SYSTEM TRAINING] June 11, 2014 What is OU Campus? OU Campus is a content management system used by D Youville College on www.dyc.edu. It is an easy-to-learn tool for updating Web pages from
Content Management System User Guide
CWD Clark Web Development Ltd Content Management System User Guide Version 1.0 1 Introduction... 3 What is a content management system?... 3 Browser requirements... 3 Logging in... 3 Page module... 6 List
Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you
Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you can download a trial version at http://www.microsoft.com/enus/download/details.aspx?id=7764.
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
In this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move
WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen
Joomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
Instructions for Formatting APA Style Papers in Microsoft Word 2010
Instructions for Formatting APA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find
4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development
4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services
Introduction to Web Development
Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:
Site Maintenance. Table of Contents
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
Web Authoring CSS. www.fetac.ie. Module Descriptor
The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,
Intro to Web Design. ACM Webmonkeys @ UIUC
Intro to Web Design ACM Webmonkeys @ UIUC How do websites work? Note that a similar procedure is used to load images, etc. What is HTML? An HTML file is just a plain text file. You can write all your HTML
NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK
Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)
Drupal Training Guide
Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management
Adobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
White Paper Using PHP Site Assistant to create sites for mobile devices
White Paper Using PHP Site Assistant to create sites for mobile devices Overview In the last few years, a major shift has occurred in the number and capabilities of mobile devices. Improvements in processor
BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com
BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4
Web Developer Jr - Newbie Course
Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance