CSC 101: Lab #1 HTML and the WWW Lab Date: Tuesday, 1/26/2010 Report Due Date: Friday, 1/29/2010 3:00pm
|
|
- Shona Hoover
- 5 years ago
- Views:
Transcription
1 CSC 101: Lab #1 HTML and the WWW Lab Date: Tuesday, 1/26/2010 Report Due Date: Friday, 1/29/2010 3:00pm Lab Report: Make sure to follow along in the lab report document and answer questions as you encounter the related material. Purpose: The purpose of this lab is to familiarize you with the basics of HTML and to allow you to develop two web pages using HTML and the Notepad text editor. Your web pages will be published and verified on the WFU webserver using the techniques you learned last week. Be Careful: Remember that we need to be concerned with case-sensitivity and not introducing spaces or other weird characters in the filenames. Also, when I use italics in this lab, it is mean to make a word stick out, not as a requirement to italicize something in the HTML documents you will be creating. Any requests to italicize something will be explicit in the directions. Step 1: Create a new folder (directory) under your CSC101Lab folder that was created last week on your laptop. Call it lab1 and navigate into that folder. Step 2: Open Notepad (Start, All Programs, Accessories, Notepad). Save the blank file created in your newly created lab1 folder as page1.html. This file will be a local copy, stored on your laptop,that you will work on during lab. Step 3: Type the following code into Notepad. <html> <head> <title>csc 101 Lab Assignment 1 <body> This is my first CSC 101 Lab. This text is strong. This text is emphasized. Step 4: Note that the above HTML is incomplete, as it is missing end tags. After reviewing the General document tags portion of the pre-lab document, make use of the following end tags, placing them in the appropriate places: </body>, </head>, </html>, </title> and save the updated file. Now we want to view the page1.html file in a Web browser. Since we haven t transferred it to the wfu.edu web server yet, we will look at it locally on your computer. To do this, open your web-browser, choose Open File from the File menu, and then navigate to your CSC101Lab/lab1 directory and choose page1.html to view. Your page should appear the same as
2 the image below. If it doesn t, review where you may have made a mistake and attempt to fix any problems. If you are having trouble, ask a TA or the instructor. Step 5: Review the pre-lab sections on Paragraphs and separators and Text formatting. Use <p>, </p>, and <br /> tags, as well as the appropriate text formatting tags, in order to change the appearance of the page you are developing such that it appears as follows (note I would like you to use italics here): As you are making and saving changes, you should re-load your file in your webbrowser, with the circular-arrow button, to see the results of your changes. Once your page matches the image shown above, have the instructor or TA check off that you have completed this step of the lab. Also make sure you have answered the three questions in the lab report related to Steps 1 through 5.
3 Step 6: Using Notepad s File menu, save your current file under the name main.html. This will be our second web-page developed in the lab. Make the following changes to the file (only after you have saved it as main.html): Update the title to be CSC 101 Lab Assignment 1 Main Page Remove everything between the <body> and </body> tags. Add a first level heading (h1) with the following text content: Fred s CSC 101 Lab Assignment Page (replacing Fred with your name). Now we want to view the main.html file in a Web browser. Since we haven t transferred it to the wfu.edu webserver yet, we will look at it locally on your computer. To do this, open your web-browser, choose Open File from the File menu, and then navigate to your CSC101Lab/lab1 directory and choose main.html to view. At this point your document should look like the following image (except with your name instead of mine): If it doesn t, review where you may have made a mistake and attempt to fix any problems. If you are having trouble, ask a TA or the instructor. Step 7: Review the pre-lab sections on Paragraphs and separators (horizontal rule), Lists, and Links. Using appropriate tags: add a horizontal rule after your heading add a three item unordered (bulleted) list of three links as follows under the horizontal rule: the first list item being a link to page1.html with text content Page 1 the second list item being a link to with text content Wake Forest Homepage the third list item being a link to a website of your choice with text content My Favorite Website After you make changes, your page should appear the same as the image on the next page. All three of your links should correctly open the linked document as well. If the page doesn t match or the links don t open correctly, review where
4 you may have made a mistake and attempt to fix any problems. If you are having trouble, ask a TA or the instructor. Once your page matches the image shown below and your links work, have the instructor or TA check off that you have completed this step of the lab. Also make sure you have answered the three questions in the lab report related to Steps 6 and 7. Step 8: Using the FTP (file transfer) application from last week, connect to the wfu.edu computer and copy your lab1 folder you have been working in on your laptop into the www-home/csc101lab folder on wfu.edu. This may require you navigating between folders on both your laptop (the left-side of the FTP window) and on the wfu.edu computer (the right-side of the FTP window) so that you can drag and drop appropriately. Step 9: Go back to the following address: and select the 2 nd option under Wake Forest Web Pages, Set permissions for personal home page. Selecting that option will take you to a page which resembles the image below:
5 Make sure the box says Yes and click the Submit button. For now, we will need to do this after any transfer of files to the Wake Forest web server we do. Step 10: Now that you have a copy of the files on the Wake Forest web server that you originally had on your computer, you can test that you can see them through the World Wide Web. First try: (the ~ is a tilde, located above the tab key; also replace yourusername with your actual username). Record what you see as the answer to Question #8 in the lab report under the section for Questions for Steps 8 through 11. Now try This should work differently, showing one of the pages created in this lab. Step 11: Using the FTP application, navigate into the CSC101Lab/lab1 directory (folder) on the right-hand side of the application (on the wfu.edu computer) and change the filename main.html to index.html. Now, retry this address in your web browser: (without main.html included). You should see something different happen from what happened before (in Step 10). Record what you see as your answer to Question #9 in the lab report under the section Questions for Steps 8 through 11. At this point, make sure you have answered all four questions about Steps 8 through 11 in the Lab Report document. Have the instructor or TA check off that you have completed this step of the lab. You may want to look at the next page (Grading) to verify that you have completed the lab successfully.
6 Grading: Your lab will be graded according to the following rubric: Submitted pre-lab questions 20 points total (2.5 points each) Your two HTML files will be examined for proper use and placement of the following HTML tags (and their closing tags when required) and for valid links 50 points total (2.5 points each) o <html> o <head> o <title> o <body> o <strong> or <b> to make strong (bold) text in "This text is strong." o <em> or <i> to make emphasized (italic) text in "This text is emphasized." o <p> and <br /> to separate lines o <h1>, <h2> or <h3> (headings) o <hr /> (horizontal rule) o <ol> or <ul> (lists) o <li> (list items) o <a> to make a link to page1.html with link text "Page 1" o <a> to make a link to the WFU home page with link text "Wake Forest Homepage" o <a> to make a link to a valid Web site with link text "My Favorite Website" o opens the correct page o The link to "Page 1" works properly o The link to "Wake Forest home page" works properly o The link to "My favorite Web page" works properly Submitted lab report questions 30 points total (3 points each)
CSC 101: Lab #2 HTML and the WWW Manual and Report Lab Date: Tuesday, 2/2/2010 Report Due Date: Friday, 2/5/2010 3:00pm
CSC 101: Lab #2 HTML and the WWW Manual and Report Lab Date: Tuesday, 2/2/2010 Report Due Date: Friday, 2/5/2010 3:00pm Lab Report: Answer the report questions in this document as you encounter them. For
More informationCSC 101: Lab #1 Introduction and Setup Due Date: 5:00pm, day after your lab session
Name: WFU Email: Lab Section: Tuesday, 9:30 Tuesday, 12:00 Tuesday, 1:30 Tuesday, 3:00 Thursday, 3:00 CSC 101: Lab #1 Introduction and Setup Due Date: 5:00pm, day after your lab session Purpose: The purpose
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationThis will be a paragraph about me. It might include my hobbies, where I grew up, etc.
Module 3 In-Class Exercise: Creating a Simple HTML Page Name: Overview We are going to develop our web-pages the old-fashioned way. We will build them by hand. Even if you eventually decide to use WYSIWYG
More informationCSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett)
CSC 101: PreLab Reading for Lab #4 More HTML (some of this reading on Tables and Images are based on previous writings of Prof William Turkett) Purpose: The purpose of this pre-lab is to provide you with
More informationThis document provides a concise, introductory lesson in HTML formatting.
Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are
More informationAuthoring World Wide Web Pages with Dreamweaver
Authoring World Wide Web Pages with Dreamweaver Overview: Now that you have read a little bit about HTML in the textbook, we turn our attention to creating basic web pages using HTML and a WYSIWYG Web
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationFIT 100 LAB Activity 3: Constructing HTML Documents
FIT 100 LAB Activity 3: Constructing HTML Documents Winter 2002.pdf version of this lab (may be better formatted) Required Reading for Lab 3 Chapter 4 of the FIT course pack Additional helpful references
More informationCafé Soylent Green Chapter 12
Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CS6. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping quite
More information11. HTML5 and Future Web Application
11. HTML5 and Future Web Application 1. Where to learn? http://www.w3schools.com/html/html5_intro.asp 2. Where to start: http://www.w3schools.com/html/html_intro.asp 3. easy to start with an example code
More informationCSC 101 Spring 2010 Lab #8 Report Gradesheet
CSC 101 Spring 2010 Lab #8 Report Gradesheet Name WFU Username Lab Section: A B C D Partner s Name (if you had one): Topic Points Notes Pre-lab questions 20 total - 5 at 4 points each Lab report questions
More informationTitle: Sep 12 10:58 AM (1 of 38)
Title: Sep 12 10:58 AM (1 of 38) Title: Sep 12 11:04 AM (2 of 38) Title: Sep 12 5:37 PM (3 of 38) Click here and then you can put in the resources. Title: Sep 12 5:38 PM (4 of 38) Title: Sep 12 5:42 PM
More information1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5
Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following
More informationCAL 9-2: Café Soylent Green Chapter 12
CAL 9-2: Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CC. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping
More informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationWeb Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio
Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML
More informationIntroduction to FrontPage 2002
Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a
More informationBeginner Workshop Activity Guide 2012 User Conference
Beginner Workshop Activity Guide 2012 User Conference TUESDAY, MARCH 6 2:00PM 5:00 PM Beginner Training Workshop Attendees will learn the end user functions of OU Campus TM. They will learn how to log
More informationHTML Hyper Text Markup Language
HTML Hyper Text Markup Language Home About Services index.html about.html services.html Homepage = index.html site root index.html about.html services.html images headshot.jpg charlie.jpg A webpage built
More informationClient-server practices
Client-server practices DSC340 Mike Pangburn Agenda Overview of client-server development Editing on client (e.g., Notepad) or directly on server (e.g., nano) Practice Create text file from scratch on
More informationc122sep814.notebook September 08, 2014 All assignments should be sent to Backup please send a cc to this address
All assignments should be sent to p.grocer@rcn.com Backup please send a cc to this address Note that I record classes and capture Smartboard notes. They are posted under audio and Smartboard under XHTML
More informationCreating Web Pages Using HTML
Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use
More informationLab 3. CSE 3, Summer 2010 In this lab you will learn and implement some basic html.
Lab 3 CSE 3, Summer 2010 In this lab you will learn and implement some basic html. A. Absolute vs. Relative Addressing A file s pathname is a set of directions to its location. An example of the pathname
More informationGuidelines for doing the short exercises
1 Short exercises for Murach s HTML5 and CSS Guidelines for doing the short exercises Do the exercise steps in sequence. That way, you will work from the most important tasks to the least important. Feel
More informationChapter 4. Introduction to XHTML: Part 1
Chapter 4. Introduction to XHTML: Part 1 XHTML is a markup language for identifying the elements of a page so a browser can render that page on a computer screen. Document presentation is generally separated
More informationEng 110, Spring Week 03 Lab02- Dreamwaver Session
Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,
More informationGSLIS Tech Lab Workshop: Mastering TOR Part 2 GSLIS Tech Lab Workshop: Mastering TOR Part 2 GSLIS Tech Lab Workshop: Mastering TOR Part 2
WELCOME! GSLIS TECH LAB WORKSHOP: MASTERING TOR PART 2 Presented by: GSLIS Tech Lab Staff gslislab@simmons.edu Today s Topics Basic HTML Text Graphics Links to webpages and documents Using FTP to put your
More informationSubmitting Assignments
Submitting Assignments Blackboard s assignments feature allows the instructor to assign coursework for you to submit electronically. First, you need to locate the assignment. Your instructor will place
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationI-5 Internet Applications
I-5 Internet Applications After completion of this unit, you should be able to understand and code a webpage that includes pictures, sounds, color, a table, a cursor trail, hypertext, and hyperlinks. Assignments:
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual 1 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
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationDreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production
Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information
More informationWeb Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.
What is HTML? Web Design 101 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 markup tags The tags describe
More informationBeginning Web Site Design
Beginning Web Site Design Stanford University Continuing Studies CS 03 (Summer CS 21) Mark Branom branom@alumni.stanford.edu http://web.stanford.edu/people/markb/ Course Web Site: http://web.stanford.edu/group/csp/cs03/
More informationMore about HTML. Digging in a little deeper
More about HTML Digging in a little deeper Structural v. Semantic Markup Structural markup is using to encode information about the structure of a document. Examples: , , , and
More informationCSC 101: Lab #8 Digital Video Lab due date: 5:00pm, day after lab session
Name: Lab Date and Time: Email Username: Partner s Name: CSC 101: Lab #8 Digital Video Lab due date: 5:00pm, day after lab session Pledged Assignment: This lab document should be considered a pledged graded
More informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationHead First HTLM 5 Programming, Chapter 1: Welcome to Webville. Pages 1-34
Mobile Application and Web Design Project 01: Introduction to HTML and JavaScript Marist School Description: In this project you will create two webpages. In the first webpage you create a list of terms
More informationCreating And Publishing A Webpage
Creating And Publishing A Webpage You will learn how your web page can be hosted as well as the basic html tags for formatting a webpage along with the mechanism of including internal and external content
More informationLAB 3 CSE 3, Spring 2018 In this lab you will learn and implement some basic html.
LAB 3 CSE 3, Spring 2018 In this lab you will learn and implement some basic html. Enabling file extensions in Windows Explorer Always remember to enable file extensions like we ve done in the first lab.
More informationIRLS 504 Student Webpage Tutorial By: Nicole Pagowsky & Sara Hayden Summer 2008
IRLS 504 Student Webpage Tutorial By: Nicole Pagowsky & Sara Hayden Summer 2008 These steps follow from setting up a Net ID, U-System Account, and initializing your web space through PuTTy (SSH Client).
More information1.0 Overview For content management, Joomla divides into some basic components: the Article
Joomla! 3.4.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
More informationCreating and Building Websites
Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21/ Week 1 Slide 1 of 28 Course Description
More informationManagement Information Systems
Management Information Systems Hands-On: HTML Basics Dr. Shankar Sundaresan 1 Elements, Tags, and Attributes Tags specify structural elements in a document, such as headings: tags and Attributes
More informationiwebkit5 In this tutorial we wi! be picking up where we le# off in Part 1.
iwebkit5 In this tutorial we wi! be picking up where we le# off in Part 1. Tools for Mobile Apps Step 1 So far we have made a top bar, added a title to the top bar, a navigation button, and added a picture
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationOnce file and folders are added to your Module Content area you will need to link to them using the Item tool.
VITAL how to guides elearning Unit Last updated: 01.10.2010 Course Files tool Overview Course Files tool enables you to: Quickly copy large numbers of files into a VITAL module. Files can be dragged and
More informationCreating A Web Page. Computer Concepts I and II. Sue Norris
Creating A Web Page Computer Concepts I and II Sue Norris Agenda What is HTML HTML and XHTML Tags Required HTML and XHTML Tags Using Notepad to Create a Simple Web Page Viewing Your Web Page in a Browser
More informationChapter 7: The Internet
CSE1520.03 Glade Manual Chapter 7: The Internet Objectives This chapter introduces you to creating a web page that can be viewed on the Internet using a web browser such Firefox, Safari, Chrome or Internet
More information5. A small dialog window appears; enter a new password twice (this is different from Dori!) and hit Go.
Installing Wordpress from JMA Lab to JMA Server 1. Take note these instructions are streamlined for the JMA lab they can t be performed in this fashion from home! 2. Wordpress is a database driven web
More informationSeaMonkey Composer: Creating Web Pages
SeaMonkey Composer: Creating Web Pages v.1101 There are many ways to create and modify Web pages to be published on the Web. You can use any text editor such as Notepad to directly enter or modify the
More informationChopra Teachers Directory Listing Manual
Chopra Teachers Directory Listing Manual Table of Contents Introduction... 1 Login... 2 Managing your Directory Listing... 3 Locations... 3 Adding or Editing a Location... 4 Managing Featured Teacher Information...
More informationWhat You Will Learn Today
CS101 Lecture 03: The World Wide Web and HTML Aaron Stevens 23 January 2011 1 What You Will Learn Today Is it the Internet or the World Wide Web? What s the difference? What is the encoding scheme behind
More informationOU EDUCATE TRAINING MANUAL
OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface
More information1.264 Lecture 12. HTML Introduction to FrontPage
1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01
More informationHTML Lab Exam CA106 CA1 Friday 9 th April 2004
HTML Lab Exam CA106 CA1 Friday 9 th April 2004 The Lab exam is 2 hours long it is worth 25% of your overall mark. The exam is an open book exam (you may use your class notes only). You are only allowed
More informationCreating And Publishing A Webpage. You will learn the basic html tags for formatting a webpage as well including internal and external content
Creating And Publishing A Webpage You will learn the basic html tags for formatting a webpage as well including internal and external content Web Page A document that can be seen online via the World-Wide-
More informationWebsite Administration Manual, Part One
Website Administration Manual, Part One A Guide to the CMS & Widgets Curry School of Education Website http://curry.virginia.edu The Curry Website Administrators Manual - Part One 2 The CMS The content
More informationTitle: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example.
Title: Jan 29 11:03 AM (1 of 23) Note that I have now added color and some alignment to the middle and to the right on this example. Sorry about these half rectangle shapes a Smartboard issue today. To
More informationChapter W Solutions Authoring Your Own Website
Chapter W Solutions Authoring Your Own Website These solutions are for you to use if you get stuck when doing an On Your Own activity in the chapter. To learn how to teach yourself a computer skill, always
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationSite Owners: Cascade Basics. May 2017
Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationResources Tool Overview pg. 0 Anatomy of the Resources Tool pg. 0 Resources Upload-Download Multiple Files link (see pg. 6) Resources Permissions link pg. 0 Resources Add Pop-up Menu pg. 02 Add Pop-up
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More informationContent Management Web Page Editing:
Content Management Web Page Editing: http://www.entomology.ksu.edu Logging Onto the System... 2 The Intranet... 4 Editing your Personal Page... 5 Step 1: General Information... 7 uploading a picture...
More informationWhat is CMS? How do I access my CMS site? How do I log into the CMS site? www1
What is CMS? CMS stands for Content Management System and it is a generic name for a web application used for managing websites and web content. Web content is documents, news, events, and images. MSN.com
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More informationPowerlink for WebCT CE 6/ Vista 4 User Guide (updated )
Powerlink for WebCT CE 6/ Vista 4 User Guide (updated 9.20.05) Contents Introduction Installation & Configuration 3 Restricting Access 6 Allowing Access for Multiple Accounts 6 Turnitin Assignments Adding
More informationAssignment #2: HTML Documents & Structure
Assignment #2: HTML Documents & Structure Submission instructions: For this assignment you will submit the files you created for Part 2. Files will be submitted using the 7- zip software. Refer to the
More informationBeginning HTML. The Nuts and Bolts of building Web pages.
Beginning HTML The Nuts and Bolts of building Web pages. Overview Today we will cover: 1. what is HTML and what is it not? Building a simple webpage Getting that online. What is HTML? The language of the
More informationCreating and Editing a Web Page Using Inline Styles
HTML 2 Creating and Editing a Web Page Using Inline Styles Objectives You will have mastered the material in this chapter when you can: Identify elements of a Web page Start Notepad++ and describe the
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationHTML4 TUTORIAL PART 2
HTML4 TUTORIAL PART 2 STEP 1 - CREATING A WEB DESIGN FOLDER ON YOUR H DRIVE It will be necessary to create a folder in your H Drive to keep all of your web page items for this tutorial. Follow these steps:
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationAccessing Muskegon Community College's Using Outlook Web Access and the Internet
Accessing Muskegon Community College's Email Using Outlook Web Access and the Internet Muskegon Community College provides students with an email address and email storage on the college's email server--https://webmail.muskegoncc.edu/exchange.
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 04: Introduction to KompoZer (Website Design - Part 1 of 3) KompoZer is a complete web authoring system that
More informationMN Studio Website - User Guide
MN Studio Website - User Guide Version 1.1 MN Studio Website Program 1. Introduction Welcome to the new website program! The MN Studio Website program allows you to create your own website with customized
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 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 layout,
More informationWebsite Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Lecture and Tour we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections
More informationTutor Handbook for WebCT
Tutor Handbook for WebCT Contents Introduction...4 Getting started...5 Getting a course set up...5 Logging onto WebCT...5 The Homepage...6 Formatting and designing the Homepage...8 Changing text on the
More informationThe City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 8. Worksheets for Intervention Classes
The City School PAF Chapter Prep Section ICTech Class 8 2 nd Term Worksheets for Intervention Classes Name: Topic: Flowchart Date: Q. Write the name and description of the following symbol. Symbol Name
More informationThe City School. Prep Section. ICTech. 2 nd Term. PAF Chapter. Class 7. Worksheets for Intervention Classes
The City School PAF Chapter Prep Section ICTech Class 7 2 nd Term Worksheets for Intervention Classes Name: Topic: Scratch Date: Q.1: Label the diagram 1 2 3 4 5 6 7 12 8 9 11 10 1. 2. 3. 4. 5. 6. 7. 8.
More informationStudent Guide Updated February 22, 2018
Student Guide Updated February 22, 2018 1 Table of Contents Getting Started with Moodle... 3 Browser Requirements... 3 How do I log in to Moodle?... 3 How do I retrieve my Moodle password?... 4 Where do
More informationSTUDENT WORKBOOK. Teach Yourself: Computer Basics Expert. In 24 Hours or less
STUDENT WORKBOOK Teach Yourself: Computer Basics Expert In 24 Hours or less Student Workbook Table of Contents Section 1: Understanding Applications... 1 Lesson 1.1: Application Basics... 2 Step-By-Step...
More informationBuilding Your Website
Building Your Website HTML & CSS This guide is primarily aimed at people building their first web site and those who have tried in the past but struggled with some of the technical terms and processes.
More informationIf this option doesn t appear, it means that you haven t yet accepted the invitation to become a contributor
Student Blog Post: How to submit a blog post This will be similar to the process you went through when you shared a paragraph from you Course Intro Essay with the class, just with a few more steps. 1.
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationCS 1301 Lab 2 Introduction to Webservers at GaTech
CS 1301 Lab 2 Introduction to Webservers at GaTech Due Friday February 19th, 2016, Before 11:55pm Notes: Do not wait until the last minute to do this assignment in case you run into problems. If you find
More informationTutorial. Activities. Code o o. Editor: Notepad Focus : Text manipulation & webpage skeleton. Open Notepad
Tutorial Activities Code o o Editor: Notepad Focus : Text manipulation & webpage skeleton Open Notepad Click in the search bar and type notepad to load it up, you should see something like this: Type in
More informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More informationUsing Dreamweaver CS3 to Create and Publish Simple Web Pages
Using Dreamweaver CS3 to Create and Publish Simple Web Pages Continuing Studies CS 38: Using Dreamweawver, Photoshop, and Fireworks Graphics Production for the Web January 2010 Continuing Studies CS 38
More information