DOCSLIB.ORG

Introduction to Computer Concepts CSIT

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Introduction to Computer Concepts CSIT Introduction to Computer Concepts CSIT 100 LAB: Creating a Webpage For this lab, please save also the HTML file you are creating, in your flash drive. Follow the instructions. In this lab, you will create a webpage. Mozilla Composer should be used to create your web page. Note that Mozilla Composer will be found on the Menu Bar of SeaMonkey in the Window tab, (therefore you should open SeaMonkey first). If you don’t have SeaMonkey at home, you can download it. It is free. If you are using Mozilla, be sure that you open the Mozilla suite, because if you start Mozilla Firefox instead of the SeaMonkey suite, you will not find the composer. The icon for the SeaMonkey’s shortcut looks like this: (You may also use Netscape Composer, which you can start from inside Netscape to create a single Web page. Please do not use Word to create your web page. I will check that. Again, if you are at home you could use Netscape Composer, but it is not in the RI-108 lab). You may describe yourself, placing your name, your interests, etc... inside the web page. Do not provide too much personal data if not necessary. Be aware of the location where you save your file, in your flash drive, normally the E: drive. The file should be named index.html., and be sure that the computer does not add a file extension of rtf., or another html. If this is the case, the browser will not be able to interpret your page. You must also insert a picture. Images inside Web pages: If you are going to include picture in your web page, you must upload the pictures to the same website where your index.html is located. Or you may use external images. An external image is an image that is already published on the Web elsewhere. It can be included in an HTML-page in the same way as a local image. For example, in order to place the Computer Science Department logo in a web page, use: <IMG SRC="http://cs.montclair.edu/images/cs_logo2.png"> In Mozilla Composer use Insert|Image and type the URL into the Image Location field, when using external images. The best approach is to right click on the original image, and select Copy Image Location. In the URL of the Image Location, just paste the address location that you copied a moment ago. Check the Leave image at the original location box. Note: A number of Web sites track a feature of HTTP (“redirection”) to detect whether a posted image is linked into another HTML file. With such an image, a student who will use the above method to include an image to his/her Web site will see no image or a different (sometimes offensive) image. Check your page before posting it. To look at your page locally, double click on the file that you saved in your flash drive. If you want to insert a picture that you have, and you are going to upload it your website, you must insert the image using the html editor, and supply the name of the file that contains the picture. Just the name, without any reference to the folder where the image is located. Save the index.html file in your flash drive, CSIT 100xx folder, and upload it to Canvas Your website It is locate on the MSUWEB place. If the MSUWEB drive is connected, it will look like: (NetID) W:\\msufiles.montclair.edu\pubweb_vol1 in your Windows Explorer. It will look like another drive in Windows, and you can copy and/or move a file between folders. (NetID) will show your own NetID (the one you use for login to Canvas, for instance). Note that the letter assigned to this drive could be Y instead of W, or some other letter. The key point to know that you are connected to the drive of the website is that you see msufiles.montclair.edu\pubweb_vol1. Upload the index.html file, and the picture files you need (if any) to your MSUWEB storage area. If the MSUWEB area is not connected, you need to make the connection before you upload the files to your MSUWEB storage area. See the syllabus for information about how to access it, how to upload files, and how to display your webpage ( Accessing Your Web Files on MSUWEB from Windows 7). Try out your webpage: Once you know that your file is working, and it displays perfectly on the browser, we are going to modify it a little, to accept input from the user. 1 Open the index.html file, you just created, using any text editor (Notepad, WordPad, etc., see below). The file should be in your flash drive, normally drive E: 2 Start a text editor. (You can find a primitive one called Notepad in the Accessories folder on the Windows Start menu. In the same location you could find WordPad)1. If you try to use any of 1 If you use WordPad or Word, make sure you save as “Plain Text” at the end, not in the Document-format. Change the file the Web composers from any of the browsers, it could happen that they will change your code. So stay with Notepad or other text editor.. 3 Look at the code and try to understand how the HTML code in front of you represents the Web page that you have created. 4 Locate the end of your HTML code (at the end, there should be a </HTML>tag). At almost the end of your Web page, but before the </Body> tag, type the following line of code: <INPUT TYPE="button" NAME="myButton" VALUE="PressThis" ONCLICK="alert (’BOO!’)"> Make sure everything is typed exactly as above. Please be aware that very often, if you copy and paste, it does not work. 5 Save the new file in your flash drive, with the name index.html and be sure that your text editor does not add any other file_extension. If it does it, change the name to be index.html. 6 Upload this new index.html file to your website in MSUWEB. Check your Web page on MSUWEB. (If in doubt, check Accessing Your Web Files on MSUWEB from Windows 7). You should now see a button on the Web page. Click on it. Experiment with your Web page. Change the button’s text, move it to a different place, change the alert message. 7. Leave this new index.html file in your MSUWEB folder, and the old index.html, without the interactive button on Canvas. extension to html. .
Load more

Recommended publications
  • Web Page Design with Netscape 7.1 Walter Gajewski, Academic Computing Services Francine Vasilomanolakis, CSULB Dept
    Web Page Design with Netscape 7.1 Walter Gajewski, Academic Computing Services Francine Vasilomanolakis, CSULB Dept. of Education STEP 1: Downloading Netscape 7.1 It is possible to lay out and publish a web page with Netscape Composer, a software application included with the Netscape (version 7.0) Web Browser (free from Netscape). To install Netscape (version 7.1) on your own computer go out to the Netscape web site http://www.netscape.com and click on “Netscape 7.1” located under “Tools” and often under “Dowloads of the Day”. From the “downloads” page you can either install Netscape directly to your personal computer or have them mail you their free CD-ROM. Once Netscape is installed on your computer, you’re ready to create your first web page. STEP 2: Getting a CSULB internet (email) account Before you start authoring your on-line masterpiece you will have to apply for a campus web account. CSULB students can create an email account by going to http://www.csulb.edu/namemaster/ You will now have a user name and password. STEP 3: Creating or Editing a Web Page Note: The index.html file is the Home Page in your web site. When others visit your web site, they will automatically be directed to your index.html file. If this file is missing, all the contents of your directory will be displayed as a list so you must call the file of your home page index.html You have three options available with Netscape Composer: 1. You can create a brand new web page 2.
    [Show full text]
  • Netscape 6.2.3 Software for Solaris Operating Environment
    What’s New in Netscape 6.2 Netscape 6.2 builds on the successful release of Netscape 6.1 and allows you to do more online with power, efficiency and safety. New is this release are: Support for the latest operating systems ¨ BETTER INTEGRATION WITH WINDOWS XP q Netscape 6.2 is now only one click away within the Windows XP Start menu if you choose Netscape as your default browser and mail applications. Also, you can view the number of incoming email messages you have from your Windows XP login screen. ¨ FULL SUPPORT FOR MACINTOSH OS X Other enhancements Netscape 6.2 offers a more seamless experience between Netscape Mail and other applications on the Windows platform. For example, you can now easily send documents from within Microsoft Word, Excel or Power Point without leaving that application. Simply choose File, “Send To” to invoke the Netscape Mail client to send the document. What follows is a more comprehensive list of the enhancements delivered in Netscape 6.1 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape 6.1 Highlights PR Contact: Catherine Corre – (650) 937-4046 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape Communications Corporation ("Netscape") and its licensors retain all ownership rights to this document (the "Document"). Use of the Document is governed by applicable copyright law. Netscape may revise this Document from time to time without notice. THIS DOCUMENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND. IN NO EVENT SHALL NETSCAPE BE LIABLE FOR INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND ARISING FROM ANY ERROR IN THIS DOCUMENT, INCLUDING WITHOUT LIMITATION ANY LOSS OR INTERRUPTION OF BUSINESS, PROFITS, USE OR DATA.
    [Show full text]
  • March/April 2006
    The newsletter for IPFW computer users Information Technology Services March-April 2006 By Joseph McCormick Manager of Client Support his spring, most Indiana counties T will observe Daylight Savings Time Data Security and Your Workstation (DST) for the first time since 1970. In 2006, DST begins at 2 a.m. on the first Sunday in April (April 2) and ends at 2 option involves a reboot which With recent security incidents at a.m. on the last Sunday in October refreshes your workstation, and the (October 29). other campuses and businesses, it has next time you log in to the network, become imperative that we all take Because of modifications to the Trend OfficeScan antivirus steps to protect data accessed through GroupWise, to accommodate the software installed on your Windows our computers. Precautions should change to Daylight Savings Time, your workstation automatically updates. also be taken to protect data stored on calendar items scheduled between April Keep your workstation up-to- any portable devices such as laptops, 2 at 2:00 a.m. and October 29 at 2:00 date with vendor patches and virus disks or flash drives. Here are a few a.m. are now showing up an hour later protection by activating updates key steps that we can all do quickly to than originally scheduled. Unfortunately, promptly when you are signaled that increase security significantly. this problem was unavoidable as we they are ready. Windows XP/2000 adjusted the system to recognize Daylight users: when you see the “msg”. at the Savings time. bottom of your tool bar that says you Your cooperation is key to The only way to correct this have new updates, please click on the providing overall campus problem is to manually change your button and add your updates.
    [Show full text]
  • Techniques for Authoring Complex XML Documents Vincent Quint, Irène Vatton
    Techniques for Authoring Complex XML Documents Vincent Quint, Irène Vatton To cite this version: Vincent Quint, Irène Vatton. Techniques for Authoring Complex XML Documents. Proceedings of the 2004 ACM symposium on Document Engineering, DocEng 2004, Oct 2004, MilWaukee, WI, United States. pp.115-123, 10.1145/1030397.1030422. inria-00423365 HAL Id: inria-00423365 https://hal.inria.fr/inria-00423365 Submitted on 9 Oct 2009 HAL is a multi-disciplinary open access L’archive ouverte pluridisciplinaire HAL, est archive for the deposit and dissemination of sci- destinée au dépôt et à la diffusion de documents entific research documents, whether they are pub- scientifiques de niveau recherche, publiés ou non, lished or not. The documents may come from émanant des établissements d’enseignement et de teaching and research institutions in France or recherche français ou étrangers, des laboratoires abroad, or from public or private research centers. publics ou privés. Techniques for Authoring Complex XML Documents Vincent Quint Irene` Vatton INRIA Rhone-Alpesˆ INRIA Rhone-Alpesˆ 655 avenue de l’Europe 655 avenue de l’Europe 38334 Saint Ismier Cedex, France 38334 Saint Ismier Cedex, France [email protected] [email protected] ABSTRACT 1. INTRODUCTION This paper reviews the main innovations of XML and con- Authoring techniques for structured documents consti- siders their impact on the editing techniques for structured tuted an active research area during the second half of the documents. Namespaces open the way to compound docu- 80’s and the early 90’s [10]. Several experimental systems ments; well-formedness brings more freedom in the editing such as Grif [7] and Rita [6] were developed and a few pro- task; CSS allows style to be associated easily with structured duction tools resulted from that work.
    [Show full text]
  • 1 Chapter -3 Designing Simple Website Using Kompozer
    RSCD Chapter -3 Designing Simple Website Using KompoZer ------------------------------------------------------------------------------------------- 1. ……………plays a very important role in a business now-a-days. a) Website b) webpage c) Web browser d) Web host 2. …………….is a collection of interlinked web pages for a specific purpose. a) Website b) webpage c) Web browser d) Web host 3. ………….defines what we want to achieve by developing a website. a)Objective b) Goal c) Planning d) Target 4. Once by knowing the reason for developing a website, you must decide …….of the website. a)Objective b) Goal c) Planning d) Target 5. ……….means for whom the website is to be developed. a)Objective b) Goal c) Planning d) Target audience 6. From the following which is important for content of a webpage? a) Text and graphics for website b) Content as per visitor’s requirements c) Too short or too long content d) All of these 7. Who provides trial version of the software for free download? a) Editor b) Vendor c) Visitor d) None 8. The visual diagram of the website is known as ……………… a) Site Map b) Image Map c) Site Editor d) Site Browser 9. The website should contain should be classified into ………….categories. a) General b) Detailed c) Simple d) Both a and b 10. What is the first step for planning a website? a) Homepage b) Target audience c) Objective and Goal d) Browser compatibility 11. The website must contain ………………….information. a) Complete b) relevant c) incomplete d) Both a and b 12. What is the key point of a website? a) Content b) Homepage c) Objective and Goal d) Browser Compatibility 13.
    [Show full text]
  • TAP Into Learning, Fall-Winter 2000. INSTITUTION Stanford Univ., CA
    DOCUMENT RESUME ED 456 797 IR 020 546 AUTHOR Burns, Mary; Dimock, Vicki; Martinez, Danny TITLE TAP into Learning, Fall-Winter 2000. INSTITUTION Stanford Univ., CA. ERIC Clearinghouse on Educational Media and Technology. SPONS AGENCY Office of Educational Research and Improvement (ED), Washington, DC. PUB DATE 2000-00-00 NOTE 26p.; Winter 2000 is the final issue of "TAP into Learning CONTRACT RJ9600681 AVAILABLE FROM For full text: http://www.sedl.org/tap/newsletters/. PUB TYPE Collected Works Serials (022) JOURNAL CIT TAP into Learning; v2 n3, v3 n1-2 Fall-Win 2000 EDRS PRICE MF01/PCO2 Plus Postage. DESCRIPTORS Computer Assisted Instruction; Computer Software; *Computer Uses in Education; Constructivism (Learning); Educational Technology; Elementary Secondary Education; *Hypermedia; Interactive Video; Learning; Learning Activities; Multimedia Instruction; *Multimedia Materials; Visual Aids IDENTIFIERS Reflective Inquiry; Technology Role ABSTRACT This document consists of the final three issues of "TAP into Learning" (Technology Assistance Program) .The double fall issue focuses on knowledge construction and on using multimedia applications in the classroom. Contents include: "Knowledge Under Construction"; "Hegel and the Dialectic"; "Implications for Teaching and Learning"; "How Can Technology Help in the Developmental Process?"; "Type I and Type II Applications"; "Children's Ways of Learning and the Evolution of the Personal Computer"; "Classroom Example: Trial of Julius Caesar's Murderers and Court Case Website"; "Glossary of World Wide Web Terms"; "Hypermedia: What Do I Need To Use Thought Processing Software?"; and "What Do I Need To Make a Web Page in My Class?" The winter issue, "Learning as an Active and Reflective Process," focuses on the process of learning and on using video in the classroom.
    [Show full text]
  • CTE Course Description and Standards Crosswalk
    DISTRICT NAME: SITKA SCHOOL DISTRICT CTE Course Description and Standards Crosswalk Course Information Course Name Web Design & Development Course Number 0682 Number of High School 0.5 Credits Sequence or CTEPS (You must first have the Sequence N/A or CTEPS entered into the EED-CTE system.) Date of district Course May 2013 Revision Career & Technical Student Organization (CTSO) CTSO embedded in this Suggested CTSO: Technology Student Association - http://www.tsaweb.org/ sequence Occupational Standards National Workforce Center for Emerging Technologies (NWCET) http://www.washington.edu/accessit/webdesign/nwcet_standards.htm SkillsUSA (SUSA-CP) (SUSA-3D) (SUSA-E) http://www.workforcereadysystem.org/media/blueprints/ComputerProgramming_blueprint.pdf http://www.workforcereadysystem.org/media/blueprints/3Dvisualization_blueprint.pdf Source of Occupational http://www.workforcereadysystem.org/media/blueprints/Employability_blueprint.pdf Standards International Society for Technology in Education (ISTE) www.iste.org World Wide Web Consortium (W3C) http://www.w3.org/ NWCET – Web Development and Administration Cluster A. Perform Technical Analysis (A1-A2, A4-A6) B. Perform Web Programming (B1-B4) C. Develop, Deliver and Manage Content (C4-C6) D. Implement and Maintain Site and Applications (D1-D4) F. Manage Enterprise-wide Web Activities (F1, F4) G. Perform Testing and Quality Assurance (G3-G5) SUSA-CP – SkillsUSA Computer Programming (see link above) Names/Numbers of SUSA-3D - SkillsUSA Visualization and Animation (see link above) Occupational
    [Show full text]
  • Oracle Solaris 10 910 Release Notes
    Oracle® Solaris 10 9/10 Release Notes Part No: 821–1839–11 September 2010 Copyright © 2010, Oracle and/or its affiliates. All rights reserved. This software and related documentation are provided under a license agreement containing restrictions on use and disclosure and are protected by intellectual property laws. Except as expressly permitted in your license agreement or allowed by law, you may not use, copy, reproduce, translate, broadcast, modify, license, transmit, distribute, exhibit, perform, publish, or display any part, in any form, or by any means. Reverse engineering, disassembly, or decompilation of this software, unless required by law for interoperability, is prohibited. The information contained herein is subject to change without notice and is not warranted to be error-free. If you find any errors, please report them to us in writing. If this is software or related software documentation that is delivered to the U.S. Government or anyone licensing it on behalf of the U.S. Government, the following notice is applicable: U.S. GOVERNMENT RIGHTS Programs, software, databases, and related documentation and technical data delivered to U.S. Government customers are “commercial computer software” or “commercial technical data” pursuant to the applicable Federal Acquisition Regulation and agency-specific supplemental regulations. As such, the use, duplication, disclosure, modification, and adaptation shall be subject to the restrictions and license terms setforth in the applicable Government contract, and, to the extent applicable by the terms of the Government contract, the additional rights set forth in FAR 52.227-19, Commercial Computer Software License (December 2007). Oracle America, Inc., 500 Oracle Parkway, Redwood City, CA 94065.
    [Show full text]
  • Cascading Style Sheet Web Tool
    CASCADING STYLE SHEET WEB TOOL _______________ A Thesis Presented to the Faculty of San Diego State University _______________ In Partial Fulfillment of the Requirements for the Degree Master of Science in Computer Science _______________ by Kalthoum Y. Adam Summer 2011 iii Copyright © 2011 by Kalthoum Y. Adam All Rights Reserved iv DEDICATION I dedicate this work to my parents who taught me not to give up on fulfilling my dreams. To my faithful husband for his continued support and motivation. To my sons who were my great inspiration. To all my family and friends for being there for me when I needed them most. v ABSTRACT OF THE THESIS Cascading Style Sheet Web Tool by Kalthoum Y. Adam Master of Science in Computer Science San Diego State University, 2011 Cascading Style Sheet (CSS) is a style language that separates the style of a web document from its content. It is used to customize the layout and control the appearance of web pages written by markup languages. CSS saves time while developing the web page by applying the same layout and style to all pages in the website. Furthermore, it makes the website easy to maintain by just editing one file. In this thesis, we developed a CSS web tool that is intended to web developers who will hand-code their HTML and CSS to have a complete control over the web page layout and style. The tool is a form wizard that helps developers through a user-friendly interface to create a website template with a valid CSS and XHTML code.
    [Show full text]
  • How to Make a Simple Web Page Using HTML
    How to make a simple web page using HTML Introduction to HTML HTML For this class, you will have to create a web page using HTML Joke: (from http://www.w3schools.com/html/html_layout.asp): Student: How do you spell HTML? HTML stands for Hyper Text Markup Language Used to create web pages Made up of Tags - commands enclosed in < and >, example <HTML> Opening tag: <HTML> Closing tag: </HTML> HTML page “skeleton” <HTML> - opening HTML tag <HEAD> <TITLE>Page Title</TITLE> </HEAD> <BODY> Page Body </BODY> </HTML> - closing HTML TAG Not all tags need a closing tag, but its always safer to include it An html document should end with the extension “.html” or “.htm” As I will demonstrate, an html document can be written using notepad; no special software is needed HTML Tags First tag: <HTML> First tag in document Tag tells the Internet browser that it is reading an HTML document Without it, the browser would think it was viewing a text document Closed at end of document with </HTML> tag All content of web page is between <HTML> and </HTML> Can think of the <HTML> tag as being a container, since it “holds” the entire content of the web page between the <HTML> and </HTML> tags HTML Tags Next tag: <HEAD> Think of it as a container for aspects of the page that aren't part of the “meat” of the page For the purposes of this intro, will look at the <TITLE> tag and <META name=“description” content=”...”> tag that go within the <HEAD> container; that is, between the <HEAD> and </HEAD> tags Closed with </HEAD> tag <TITLE> Tag Belongs inside the <HEAD> container;
    [Show full text]
  • Transforming Library Service Through Information Commons Case Studies for the Digital Age
    TRANSFORMING LIBRARY SERVICE THROUGH INFORMATION COMMONS Case Studies for the Digital Age D. Russell Bailey and Barbara Gunter Tierney TRANSFORMING LIBRARY SERVICE THROUGH INFORMATION COMMONS Case Studies for the Digital Age D. Russell Bailey and Barbara Gunter Tierney AMERICAN LIBRARY ASSOCIATION Chicago 2008 While extensive effort has gone into ensuring the reliability of information appearing in this book, the publisher makes no warranty, express or implied, on the accuracy or reliability of the information, and does not assume and hereby disclaims any liability to any person for any loss or damage caused by errors or omissions in this publication. Composition in Berkeley and Antique Olive typefaces using InDesign on a PC platform. The paper used in this publication meets the minimum requirements of American National Standard for Information Sciences—Permanence of Paper for Printed Library Materials, ANSI Z39.48-1992. Library of Congress Cataloging-in-Publication Data Bailey, D. Russell. Transforming library service through information commons : case studies for the digital age / D. Russell Bailey and Barbara Gunter Tierney. p. cm. Includes bibliographical references and index. ISBN-13: 978-0-8389-0958-4 (alk. paper) ISBN-10: 0-8389-0958-2 (alk. paper) 1. Information commons. I. Tierney, Barbara. II. Title. ZA3270.B35 2008 025.5'23—dc22 2007040040 Copyright © 2008 by the American Library Associ ation. All rights reserved except those which may be granted by Sections 107 and 108 of the Copyright Revision Act of 1976. ISBN-13: 978-0-8389-0958-4
    [Show full text]
  • Unix Quickref.Dvi
    Summary of UNIX commands Table of Contents df [dirname] display free disk space. If dirname is omitted, 1. Directory and file commands 1994,1995,1996 Budi Rahardjo ([email protected]) display all available disks. The output maybe This is a summary of UNIX commands available 2. Print-related commands in blocks or in Kbytes. Use df -k in Solaris. on most UNIX systems. Depending on the config- uration, some of the commands may be unavailable 3. Miscellaneous commands du [dirname] on your site. These commands may be a commer- display disk usage. cial program, freeware or public domain program that 4. Process management must be installed separately, or probably just not in less filename your search path. Check your local documentation or 5. File archive and compression display filename one screenful. A pager similar manual pages for more details (e.g. man program- to (better than) more. 6. Text editors name). This reference card, obviously, cannot de- ls [dirname] scribe all UNIX commands in details, but instead I 7. Mail programs picked commands that are useful and interesting from list the content of directory dirname. Options: a user's point of view. 8. Usnet news -a display hidden files, -l display in long format 9. File transfer and remote access mkdir dirname Disclaimer make directory dirname The author makes no warranty of any kind, expressed 10. X window or implied, including the warranties of merchantabil- more filename 11. Graph, Plot, Image processing tools ity or fitness for a particular purpose, with regard to view file filename one screenfull at a time the use of commands contained in this reference card.
    [Show full text]