<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
|
|
- Lora Blankenship
- 5 years ago
- Views:
Transcription
1 CS 200 Assignment 7 HTML Due Tuesday June 30 at 9:00 am Please read the submission instructions on page 7 carefully, especially if you will be working on the assignment past the due date. To access your home page (Question 1) via the student CS web server, use the URL For the validator to know exactly what kind of web page you re To access your form (Question 2) via the student CS web server, use the URL(Pay extreme attention to the upper/lower cases of the letters) To check a web page for faulty HTML tags, use the URL submitting, your web source file must begin with the following incantation: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " To check a web page or external CSS file for faulty CSS, use the URL or one of the Validate... menu items in StyleMaster s Debug menu. Read the excerpts from Learning Web Design listed on the Course Readings list. You may find material at the following URL to be useful if you are new to HTML. The Resources Related Web Links General HTML Documentation web page on the course web site also includes several useful pages, including all the reference web pages mentioned on page 4 of this assignment. CS 200 HTML Assignment Page 1
2 1. [55%] Create a home page for yourself. View and read the source for AnEmptyHomePage.html and JohnsHomePage.html to get started (documentation for these is accessible via the Commented HTML link (in the Lectures menu) on the course web page). Notice how blank lines and indenting are used to enhance the readability of these files. Your home page must include: your name and handin code at the top of your web page; a scanned image (such as the photograph you scanned for assignment 3); two absolute hypertext links to other web pages (eg sites you find particularly interesting); a list of something; a table of something; a mail-to link to your cs account 1 ; a relative hypertext link to another web page in your www folder containing text of your own choosing that defines and uses at least ten distinct user-defined CSS styles: at least three of these must be defined in a linked external style sheet file; at least three of these must be defined in the <head> section of the page using a <style> tag pair. You must also use the style attribute to directly apply CSS to the contents of a tag pair in at least three places, each of which applies a distinct set of CSS attributes. 2 You may use only the gif, jpeg and png image file formats in web pages, so you will need to convert your digital image to these formats. To do so, you may use the File Save as..., File Save for Web or File Export... menu items (as appropriate) in one of Graphic Converter or Photoshop. (Think about when each of these formats is most appropriate.) Your web page must be visually attractive and well designed, consistent with the guidelines set in The Non-Designers Design Book. If you create auxiliary files linked from your home page and place them in a subfolder of your www folder, take care that the subfolder(s) are publicly readable. Marking for this question: 70% for the content of your page, as specified above. 15% for an attractive, well-organized page (as displayed by Firefox). 15% for a well-organized, easy-to-read source file. Extra credit will be awarded for especially attractive and creative home pages, or for a nontrivial and interesting use of Javascript. 1 A mail program will open when you click on your mailto link, but it will not open with your settings because of where you have your preferences saved. 2 You may, if you prefer, satisfy these requirements on your Root.html web page, but should attempt to do so only if you have significant experience with HTML. CS 200 HTML Assignment Page 2
3 2. [40%] Create a file named form.html in www containing a web form with the following items. (Labels are what the user of a form sees, while names are what the cgi uses to identify a piece of information they are equivalent to a field name in a database and values are the actual data that is entered on the form.) your name and handin code at the top of your web page; a hidden field with the name identity whose value is your full name (e.g. John Smith ); a one-line text input field with the label Registration Number and the name idnumber ; a multi-line, scrolling text input field with the label Comments and the name comments ; three radio buttons labeled 830 TR, 1030 TR, 1430 TR and 1430 WF with the name lab that submit the values Lab101, Lab102 and Lab104 respectively, when selected; one pop-up menu or scrolling menu with the label Application and the name app that allows the user to select from Word, Excel, Illustrator, Elements, Witango, and FileMaker ; three checkboxes labeled Macintosh, Window, and Linux with names mac, win, and unix, respectively, each of which returns the value Yes when checked; a Submit button. Your form should invoke the URL using either of the GET and POST methods. Submitting your form will cause Responder to echo back to your browser a list of the names and values of the form parameters sent to it. At the right, for example, is what Responder returned when sent data from the table-formatted grade request form discussed in lecture (which had text fields for surname and id number, and checkboxes for assignments, the midterm, the final, and the course mark). You can use the File t menu item in your browser to display your form just as if it had been retrieved from the web server, and then submit values entered into it to see what Responder sends back. Or you can fetch the form by supplying its URL. Try both. 3. Once you have completed Question 1 and 2 you will move the contents of the www folder to your public_html folder. Under the Application folder on your computer, open Fugu or Fetch. Type linux.student.cs.uwaterloo.ca into the Connect to: text box. Type your student.cs password and click Authenticate CS 200 HTML Assignment Page 3
4 You will now be able to move files into the folder called public_html. Hint: use your pearls to figure this out. Your webpage should now be available at: You will now need to change the permissions on these files Under Applications, go to Utilities and open the application Terminal. Type ssh linux.student.cs.uwaterloo.ca and Return. Type in your password for the machines in the lab. Type chmod R go+rx public_html and Return. All of your files should not be accessible from a browser at the url: student.cs.uwaterloo.ca/~yourusername/root.html Places to go for help in learning about HTML 3 Follow the Lectures Commented HTML menu item on the CS 200 web site to access hyper-text-commented versions of the web pages discussed in lecture. Chapter 11 of Designing for the Web contains a very clean summary of basic HTML tags. There are two copies on reserve in the library. HTML & XHTML The Definitive Guide, 6/e, by Chuck Musciano & Bill Kennedy, O Reilly & Associates, ISBN is an exhaustive printed source for additional detail. There are two copies of an earlier edition on reserve in the library. AppleGuide help in PageSpinner (see Help PageSpinner Help). PageSpinner comes with an on-line tutorial, which you can access by selecting Help Documentation. StyleMaster comes with extensive built-in documentation both for the meaning of CSS properties and on the extent to which the major browsers correctly implement those properties. For a tutorial on cascading style sheets, see Comments (StyleMaster is a Western Civilization product). Don t wait until you ve finished a web page before displaying it with a browser. It s smarter to display your page each time you change it to see if the changes work. You will need to save the html after each change and option-click on the reload button in your browser. Be sure that you have a clear overall understanding of how the lab Macintoshes, the server machines (Oscar & jcbserver), the AppleShare Web & File server application, and cgi s running on these machines provide file sharing and web services for the lab. 3 All of these links may be reached via the Resources Related Web Links General HTML Documentation web page in the course web site. CS 200 HTML Assignment Page 4
5 Use PageSpinner, an HTML-savvy text editor, to create your web pages. There is, of course, a startup cost to learning a new text editor, but PageSpinner has several advantages over more general text editors such as SimpleText. PageSpinner has menu items and palettes that insert proper HTML tags into the document for you. Style tags cause PageSpinner to change the way your text is displayed, like a browser (although unlike a browser, the tags are visible as they have to be, if you re going to edit them). PageSpinner will not preview your pages because of the permissions on your www folder. You will have to use the URL on page 1 or Firefox s File Open File (Suggestions for getting started with PageSpinner begin on page 6.) HTML editors comprise a rapidly-evolving segment of the software industry. At the top end are WYSIWYG editors that manipulate HTML tags invisibly, just as conventional word formatting software like Word and WordPerfect do with the formatting codes they embed in documents. None of these are very satisfactory as yet partly because HTML itself is evolving so fast, and partly because these editors have simply not been around long enough to develop stable and easy-to-use interfaces. CS 200 HTML Assignment Page 5
6 Using PageSpinner PageSpinner provides a wealth of assistance in learning HTML and constructing web pages. Don t try to learn all of PageSpinner in one sitting! A better strategy is to learn enough to get started, and then augment your understanding of PageSpinner (and HTML) a bit at a time. Getting Started with PageSpinner (Learning To Walk) PageSpinner offers extensive on-line help via AppleGuide. To access it, select the Help PageSpinner Help menu item (from the help menu). You don t have to use PageSpinner s many specialized tools and menu items to insert HTML into your document you can just type it in. In fact, this may be a good idea when you are first getting started. Later, when you want to explore more complex tags or tag attributes, you can use PageSpinner s tools to show you what these look like and what the appearance of pages using them is. Usually PageSpinner applies text attributes when it shows you a page of HTML text surround with <B> and </B>, for example, will be shown in bold. If this does not happen by default, go to the Edit Restyle Text menu item. Similarly, if the Edit Editor Options menu item is selected then you can t edit or delete HTML tags. If someone leaves PageSpinner in this mode, use the Edit Editor Options command to restore editability. You can also use command-delete. You can directly open any web page on your disk by using your browser s File Open File menu item. When working on your form, you can then use the submit button to transmit your form to the CS 200 web server, provided that you have used a complete URL to locate Responder.acgi such as Learning To Run The HTML Assistant will guide you through the creation of various HTML features, although as a practical matter you must already have a rough idea of what you are doing before the Assistant will be helpful. (Open the HTML Assistant floating window by selecting it from the Windows menu, or by clicking on the toolbar that appears as <>) PageSpinner s menus especially the List and Table menus provide you with a way of inserting particular components of a list or table into your page. The HTML Examples window, accessed from the Windows menu, provides a way of copying a complete example into your web page that you can then modify. This is often a good approach if you re not yet entirely sure what you re doing. CS 200 HTML Assignment Page 6
7 Submission Instructions If you wish to submit this assignment late, notify your ISA FIRST. The subject of your should read YourUserName Assignment 7 Late Submission We will not mark your assignment twice. Do not alter anything in your public_html folder after the due date unless you have made written arrangements to submit your assignment late. If you alter any file in any way, your assignment will immediately become subject to the standard late penalty. Your home page must be named root.html, and must show your name and handin code at the top. The file containing your form must be named form.html. It must display your name and handin code at the top. CS 200 HTML Assignment Page 7
:
CS200 Assignment 5 HTML and CSS Due Monday February 11th 2019, 11:59 pm Readings and Resources On the web: http://validator.w3.org/ : a site that will check a web page for faulty HTML tags http://jigsaw.w3.org/css-validator/
More informationAdobe Dreamweaver CS3 English 510 Fall 2007
Adobe Dreamweaver CS3 English 510 Fall 2007 Important: Before going through this handout, you should create a WWW directory on your ISU e-mail account. Otherwise, you will not be able to upload and view
More informationCOSC 115: Introduction to Web Authoring Fall 2013
COSC 115: Introduction to Web Authoring Fall 2013 Instructor: David. A. Sykes Class meetings: TR 1:00 2:20PM, Olin 212 Office / Hours: Olin 204E / TR 8:00-10:20AM, MWF 1:00 3:00PM, or by appointment/happenstance
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 informationRevision for Grade 7 ASP in Unit :1&2 Design & Technology Subject
Your Name:.... Grade 7 - SECTION 1 Matching :Match the terms with its explanations. Write the matching letter in the correct box. The first one has been done for you. (1 mark each) Term Explanation 1.
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
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 informationUCD School of Information and Library Studies. IS30020: Web Publishing
UCD School of Information and Library Studies IS30020: Web Publishing Module Coordinator: Dr Judith Wusteman Office: SILS 110, Email: judith.wusteman@ucd.ie, Tel: 716 7612 Office hour Semester 1 (Sept
More informationFileNET Guide for AHC PageMasters
ACADEMIC HEALTH CENTER 2 PageMasters have the permissions necessary to perform the following tasks with Site Tools: Application Requirements...3 Access FileNET...3 Login to FileNET...3 Navigate the Site...3
More informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 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 layout,
More informationGSLIS Technology Orientation Requirement (TOR)
TOR Part 2: Introduction GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points Needed to Pass Quiz 1: 7 Due Dates for Part 2 Part 2 of
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 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 informationCOSC 115A: Introduction to Web Authoring Fall 2014
COSC 115A: Introduction to Web Authoring Fall 2014 Instructor: David. A. Sykes Class meetings: TR 1:00-2:20PM in Daniel Building, Room 102 Office / Hours: Olin 204E / TR 8:00-10:45AM, MWF 9:00 10:20AM,
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 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 informationCSCI 1100L: Topics in Computing Spring 2018 Web Page Project 50 points
CSCI 1100L: Topics in Computing Spring 2018 Web Page Project 50 points Project Due (All lab sections): Check on elc Assignment Objectives: Lookup and correctly use HTML tags. Lookup and correctly use CSS
More informationAOS Lab 4 HTML, CSS and Your Webpage
AOS 452 - Lab 4 HTML, CSS and Your Webpage 1 INTRODUCTION The influence of the Internet on today s society would be very difficult to understate. From its more secretive beginnings in the United States
More informationAdobe Dreamweaver CS5/6: Learning the Tools
Adobe Dreamweaver CS5/6: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)
More informationThe diverse software in Adobe Creative Suite 2 enables you to create
Chapter 1: Introducing Adobe Creative Suite 2 In This Chapter Looking over InDesign Drawing with Illustrator Introducing Photoshop Getting started with Acrobat Going over GoLive Integrating the programs
More informationFileNET Guide for AHC PageMasters
PageMasters have the permissions necessary to perform the following tasks with Site Tools: ACADEMIC HEALTH CENTER 2 Application Requirements...3 Access FileNET...3 Log in to FileNET...3 Navigate the Site...3
More informationCMPSCI 120 Fall 2013 Lab #2 Professor William T. Verts
CMPSCI 120 Fall 2013 Lab #2 Professor William T. Verts Setting Up (PC) Go to the link for the encrypted telnet program PuTTY (Simon Tatham s site in the UK at http://www.chiark.greenend.org.uk/~sgtatham/putty/).
More informationCMPSCI 120 Fall 2017 Lab #1 Professor William T. Verts
CMPSCI 120 Fall 2017 Lab #1 Professor William T. Verts The Goal The ultimate goal of this assignment is to create a Web page on the server, make sure it is visible to the outside world, and to design and
More informationIntroduction to HTML
TOR Part 2 Introduction to HTML TOR Part 2: Introduction 1 of 2 1/23/2007 12:19 PM GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points
More informationThis handbook contains directions on using tools and resources in WebAccess at CSM.
WebAccess Handbook This handbook contains directions on using tools and resources in WebAccess at CSM. Contents Logging in to WebAccess... 2 Setting up your Shell... 3 Docking Blocks or Menus... 3 Course
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
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 informationCS 200. Lecture 02 Structured Word Processing Styles. 02 Styles. CS 200 Spring Friday, May 9, 2014
CS 200 Lecture 02 Structured Word Processing Styles 1 Miscellaneous Notes Assigned reading The Non Designer s Design Book, 2nd Edition, by Robin Williams (first half) Adobe on Basic Typography (the cws:
More informationCSCU9B2 Practical 1: Introduction to HTML 5
CSCU9B2 Practical 1: Introduction to HTML 5 Aim: To learn the basics of creating web pages with HTML5. Please register your practical attendance: Go to the GROUPS\CSCU9B2 folder in your Computer folder
More informationver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^
Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver
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 informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationUser s guide to using the ForeTees TinyMCE online editor. Getting started with TinyMCE and basic things you need to know!
User s guide to using the ForeTees TinyMCE online editor TinyMCE is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing the announcement
More informationCS 1301 Fall 2008 Lab 2 Introduction to UNIX
CS 1301 Fall 2008 Lab 2 Introduction to UNIX Due: Friday, September 19 th, at 6 PM (Monday, September 22 nd for 10% off) Notes: Do not wait until the last minute to do this assignment in case you run into
More informationArchitectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions
Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions Your Thesis Drive (T:\) Each student is allocated space on the Thesis drive. Any files on this drive are accessible from
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 informationAdministrative Training Mura CMS Version 5.6
Administrative Training Mura CMS Version 5.6 Published: March 9, 2012 Table of Contents Mura CMS Overview! 6 Dashboard!... 6 Site Manager!... 6 Drafts!... 6 Components!... 6 Categories!... 6 Content Collections:
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 informationMinistry of Higher Education and Scientific Research
Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan
More informationJavaScript Assignment. parta: slideshow part B: add n subtract. COGS3 Introduction to Computing Assignment
JavaScript Assignment parta: slideshow part B: add n subtract COGS3 Introduction to Computing Assignment PART A purpose: integrate HTML and JavaScript use your JS knowledge from Codecademy Use your favorite
More informationADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab
ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for
More informationAOS 452 Lab 4: HTML, CSS and Your Webpage
AOS 452 Lab 4: HTML, CSS and Your Webpage (October 2, 2007) 1 Tip of the Day: Although we are taking a break from GEMPAK today, you may find the following information handy. GEMPAK contains two commands,
More informationPoet Image Description Tool: Step-by-step Guide
Poet Image Description Tool: Step-by-step Guide Introduction This guide is designed to help you use the Poet image description tool to add image descriptions to DAISY books. The tool assumes you have access
More informationGSLIS Technology Orientation Requirement (TOR)
TOR Part 2: Introduction GSLIS Technology Orientation Requirement (TOR) TOR Part 2: Assessment 10: Introduction to HTML Possible Points: 9 Points Needed to Pass Quiz 1: 7 Due Dates for Part 2 Part 2 of
More informationWebsite Design Guide
Website Design Guide 8/28/2017 Spark Website Design US 2017 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic, or mechanical,
More informationWelcome to Book Display Widgets
Welcome to Book Display Widgets Book Display Widgets allow you to create virtual book displays on your website, where covers link to that item s record in your catalog. Bring your own lists of books, or
More informationWorking with Images and Multimedia
CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.
More informationI / PM Express Imaging and Process Management Web Express. User Guide EWU s Web based Document Imaging solution
I / PM Express Imaging and Process Management Web Express User Guide EWU s Web based Document Imaging solution It is important to make sure you Log Out or close the Oracle IPM web client when not in use.
More informationSemantic Web Lecture Part 1. Prof. Do van Thanh
Semantic Web Lecture Part 1 Prof. Do van Thanh Overview of the lecture Part 1 Why Semantic Web? Part 2 Semantic Web components: XML - XML Schema Part 3 - Semantic Web components: RDF RDF Schema Part 4
More informationUNIVERSITY OF NORTH TEXAS DEPARTMENT OF LEARNING TECHNOLOGIES SPRING
How-To Set Up Your Classes Web Space Windows and Mac Go to https://classes.lt.unt.edu/ (1) In the menu bar Click Register (2) Use your regular EUID (abc1234 format) and password. (3) Choose your role and
More informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
More informationCMS 101. For questions or issues: go.pacific.edu/webrequest
CMS 101 For questions or issues: go.pacific.edu/webrequest Overview Introductions What is a CMS? What is Workflow? Logging into the CMS and overview of CMS interface Creating a folder Creating a Detail
More informationFrequently Asked Questions for Faculty
Frequently Asked Questions for Faculty Table of Contents 1 Getting Started 1.1 What web browser should I use? 1.2 Why am I having trouble using LMS on my Mac? 1.3 How do I change my email in LMS? 1.4 How
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
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 informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationHALTON SKILLS COMPETITION WEBSITE DEVELOPMENT SCOPE SECONDARY LEVEL Coordinator: Ron Boyd,
Coordinator: Ron Boyd, rwboyd@orionsweb.net PURPOSE OF THE CHALLENGE To provide competitors with the opportunity to demonstrate, through practical and theoretical application, their skills in client- and
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationDreamweaver MX 2004 Introduction
Dreamweaver MX 2004 Introduction A Workshop for San Diego State University Faculty and Staff 2004. San Diego State University. All Rights Reserved Sponsored by Academic Affairs Where to Find Help When
More informationThe Paperless Classroom with Google Docs by - Eric Curts
The Paperless Classroom with Google Docs by - Eric Curts Table of Contents Overview How to name documents and folders How to choose sharing options: Edit, Comment, and View How to share a document with
More informationWelcome to Book Display Widgets
Welcome to Book Display Widgets Book Display Widgets allow you to create virtual book displays on your website, where covers link to that item s record in your catalog. As a subscriber to Ebook Central
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 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More informationFORMS. The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions. Presented by: John Reamer
FORMS The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions Presented by: John Reamer Creating Forms Forms and Surveys: When and What to Use them For Both Allow you
More informationThe diverse software in the Adobe Creative Suite enables you to create
556010 Bk01Ch01.qxd 2/6/04 7:28 PM Page 9 Chapter 1: Introducing the Adobe Creative Suite In This Chapter Looking over InDesign Drawing with Illustrator Introducing Photoshop Getting started with Acrobat
More informationImpress Guide Chapter 10 Printing, ing, exporting, and saving slide shows
Impress Guide Chapter 10 Printing, e-mailing, exporting, and saving slide shows This PDF is designed to be read onscreen, two pages at a time. If you want to print a copy, your PDF viewer should have an
More informationCOGS3 JavaScript Module!! JavaScript Codecademy part A: rock paper scissors part B: add n subtract partc: slideshow. Put it in: public_html/hw6
COGS3 JavaScript Module!! JavaScript Codecademy part A: rock paper scissors part B: add n subtract partc: slideshow Put it in: public_html/hw6 COGS3 Introduction to Computing Assignment Complete Javascript
More informationChat Activity. Moodle: Collaborative Activities & Blocks. Creating Chats
Chat Activity The Moodle chat tool allows communication between instructors and students in real time. Unlike in discussion forums, which are a means for asynchronous communication, online chat sessions
More informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationWriter Guide. Chapter 5 Printing, Exporting, Faxing, and ing
Writer Guide Chapter 5 Printing, Exporting, Faxing, and E-Mailing Copyright This document is Copyright 2005 2010 by its contributors as listed below. You may distribute it and/or modify it under the terms
More informationWorking with WebNode
Workshop 28 th February 2008 Page 1 http://blog.larkin.net.au/ What is WebNode? Working with WebNode WebNode is an online tool that allows you to create functional and elegant web sites. The interesting
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 informationMP5: Hypermedia Integration- Dreamweaver
MP5: Hypermedia Integration- Dreamweaver MP5: Learning Objectives Required Readings Recommended Resources - Explore the features of Dreamweaver to polish the layout design and text editing on web pages
More informationHow to Create a NetBeans PHP Project
How to Create a NetBeans PHP Project 1. SET UP PERMISSIONS FOR YOUR PHP WEB SITE... 2 2. CREATE NEW PROJECT ("PHP APPLICATION FROM REMOTE SERVER")... 2 3. SPECIFY PROJECT NAME AND LOCATION... 2 4. SPECIFY
More informationCSC9B1: Essential Skills WWW 1
CSC9B1: Essential Skills WWW 1 Lecture WWW 1/Slide 1 A short history of hypertext The visionary: Vannevar Bush: As We May Think, 1945: The MEMEX machine ( memory extender ) Linked information, trails,
More informationWith Dreamweaver CS4, Adobe has radically
Introduction to the Dreamweaver Interface With Dreamweaver CS4, Adobe has radically reengineered the Dreamweaver interface to provide a more unified experience across all of the Creative Suite applications.
More informationDreamweaver: Web Forms
Dreamweaver: Web Forms Introduction Web forms allow your users to type information into form fields on a web page and send it to you. Dreamweaver makes it easy to create them. This workshop is a follow-up
More informationCS 200. Lecture 05. Excel Scripting. Excel Scripting. CS 200 Fall 2014
CS 200 Lecture 05 1 Abbreviations aka CWS VBE intra- inter- Also Known As Miscellaneous Notes Course Web Site (http://www.student.cs.uwaterloo.ca/~cs200) Visual Basic Editor a prefix meaning within thus
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationEktron Advanced. Learning Objectives. Getting Started
Ektron Advanced 1 Learning Objectives This workshop introduces you beyond the basics of Ektron, the USF web content management system that is being used to modify department web pages. This workshop focuses
More informationHow to Build Your Course in Moodle
How to Build Your Course in Moodle This tutorial will show you the basic functions of how to add and edit content to build your course in Moodle. To add or alter activities or resources, you will need
More informationCS 200. Lecture 05! Excel Scripting. Miscellaneous Notes
CS 200 Lecture 05! 1 Abbreviations aka CWS VBE intra- inter- Also Known As Miscellaneous Notes Course Web Site (http://www.student.cs.uwaterloo.ca/~cs200) Visual Basic Editor a prefix meaning within thus
More informationWorking with Pages... 9 Edit a Page... 9 Add a Page... 9 Delete a Page Approve a Page... 10
Land Information Access Association Community Center Software Community Center Editor Manual May 10, 2007 - DRAFT This document describes a series of procedures that you will typically use as an Editor
More informationCS 200. Lecture 07. Excel Scripting. Excel Scripting. CS 200 Spring Wednesday, June 18, 2014
CS 200 Lecture 07 1 Miscellaneous Notes Abbreviations aka CWS VBE intra- inter- Also Known As Course Web Site (http://www.student.cs.uwaterloo.ca/~cs200) Visual Basic Editor a prefix meaning within thus
More informationFAU. How do I. Post course content? Folders
How do I Post course content? Content is made up of folders, files, links, and assessments (this will be covered on page ## or see separate documentation). It is basically anything you want to share with
More informationObjective % Select and utilize tools to design and develop websites.
Objective 207.02 8% Select and utilize tools to design and develop websites. Hypertext Markup Language (HTML) Basic framework for all web design. Written using tags that a web browser uses to interpret
More informationImplementing a chat button on TECHNICAL PAPER
Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook
More informationINFS 2150 (Section A) Fall 2018
INFS 2150 (Section A) Fall 2018 Introduction to Web Development Class meets TUE & THU: 12:30am-1:45pm: in Wheatley 114 Instructor: Peter Y. Wu Office: Wheatley 309 Office Hours: Tuesday 9:00 am-12:00 noon;
More informationCS 3030 Scripting Languages Syllabus
General Information CS 3030 Scripting Languages Semester: Fall 2017 Textbook: Location: Instructor Info: None. We will use freely available resources from the Internet. Online Ted Cowan tedcowan@weber.edu
More informationCS200 Assignment 9 FileMaker Due Monday November 18th 4:00 pm
CS200 Assignment 9 FileMaker Due Monday November 18th 4:00 pm Please read this assignment carefully before coming to lab. You may do questions 1-3 alone, or with a partner. If the latter, be sure you understand
More informationChapter 12 Creating Web Pages
Getting Started Guide Chapter 12 Creating Web Pages Saving Documents as HTML Files Copyright This document is Copyright 2017 by the LibreOffice Documentation Team. Contributors are listed below. You may
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 information! " # $%& Html.htm Note: Files under html.htm are created in the previous lab exercises. (Just link it up)
! " # $%& # &'()*+ At the end of this lab exercise, students should be able to: Invoke the main components in Macromedia Dreamweaver MX 2004 Edit and format text using Macromedia Dreamweaver MX 2004 Create
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 informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationGradeConnect.com. User Manual
GradeConnect.com User Manual Version 2.0 2003-2006, GradeConnect, Inc. Written by Bernie Salvaggio Edited by Charles Gallagher & Beth Giuliano Contents Teachers...5 Account Basics... 5 Register Your School
More informationStudentSignature: Student Number: Your Computer Number. Concepts for Advanced Computer Usage.
University of Waterloo Place sticker here CS200 Lab Exam Student Name: StudentSignature: Student Number: Handin Code: Your Computer Number Course Abbreviation: Course Title: Course Instructor: CS200 Concepts
More informationGetting Started with Eric Meyer's CSS Sculptor 1.0
Getting Started with Eric Meyer's CSS Sculptor 1.0 Eric Meyer s CSS Sculptor is a flexible, powerful tool for generating highly customized Web standards based CSS layouts. With CSS Sculptor, you can quickly
More informationStudent, Perfect Final Exam May 25, 2006 ID: Exam No CS-081/Vickery Page 1 of 6
Student, Perfect Final Exam May 25, 2006 ID: 9999. Exam No. 3193 CS-081/Vickery Page 1 of 6 NOTE: It is my policy to give a failing grade in the course to any student who either gives or receives aid on
More informationDreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!
Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying
More information