DOCSLIB.ORG

Fundamental HTML

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Fundamental HTML Fundamental HTML HTML = Hyper Text Markup Language For the hands on portion we use a free program called Kompozer. It can be downloaded at http://www.kompozer.net/download.php Scroll down to the 0.8b3 version English, Windows, and the Installer There is an easy way to get a business website online free. http://www.kansasgetonline.com/ I already have a website up and running. Can I host it, as is, at Intuit Websites? No, only websites created using Intuit Websites SiteBuilder can be hosted at Intuit Websites. This restriction enables us to provide you with the best support and service at the best price. Can I sell things on my website? You can upgrade and add a Shopping Cart to your website so customers can buy multiple products and services from your site with a single payment. If you need a more sophisticated Web Store, we have a number of full- featured ecommerce solutions to choose from; call Intuit at 1-800-428-3170 and they'll be happy to help you pick one. I don't have the time or the desire to build a website. Wait, is that a question? Actually, many people feel the same way, so we formed a design group whose sole job is to build a professional website for you. Call Intuit at 1-800-428-3170 and they'll help you get started. Adobe Dreamweaver is the professional grade program for html creation. It has WYSIWYG and text editing. Notepad++ is a text editor with syntax formatting for many programing languages, html among them. Amaya is the W3C backed open source HTML editor. Komposer - The latest version of Komposer has a split screen view. It has WYSIWYG and text editing. It's free. There is not just one type of HTML, there are actually many: HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 Strict, and many more. All these types of HTML are defined in their respective W3C specifications, but they are also defined in a machine-readable language specifying the legal structure, elements and attributes of a type of HTML. Such a definition is called a "Document Type Definition", or, for short, DTD. Some tools which process HTML documents might need to know which DTD an (X)HTML document uses: this is why each (X)HTML document needs, at the beginning, a DTD declaration, such as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Given its syntax, the DTD declaration is often called, for short, "Doctype". http://www.w3.org/QA/2002/04/valid-dtd-list.html The default starting template from Komposer. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Define which html we're using. <html> Start html <head> Start the header where document specific information is given. <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> The title of your webpage. </head> End the header. <body> Start of the body of the webpage (the stuff you see). <br> </body> End body. </html> End html. Working with a template. From Komposer goto File / Open File and select index.html from the RedTie folder. The home page for every website is index.html. Now we can play with the HTML and CSS to see the effects. Modern web pages use Cascading Style Sheets to define the layout of page elements. Alt + Enter to confirm changes. Web Hosting Purchase a Domain Name: www.whatever.com about $12 a year. Storage and bandwidth about $50 a year. Take a look at www.ipage.com as an example. During sign up you'll purchase a domain name. They will verify availability. You will be assigned a user name, password, and ftp location. Complete ftp instructions should be emailed to you. You'll need a ftp program. Filezilla is an excellent free program http://filezilla-project.org/. Komposer has a ftp client built in. Click on File and select Publish or Publish As from the menu. Complete package with homestead.com an Intuit Company (the QuickBooks people). No HTML needed. SEO or Search Engine Optimization Googles Guide to SEO http://tinyurl.com/yz64bbo Submit to multiple search engines http://www.addme.com/ Some of the many library books available here at the Salina Public Library. Fundamental HTML Links HTML & CSS http://en.wikipedia.org/wiki/Html http://www.w3schools.com/ http://www.w3schools.com/sitemap/default.asp Adobe DreamWeaver http://www.adobe.com/devnet/dreamweaver.html Komposer http://kompozer.net/ Notepad ++ http://notepad-plus-plus.org/ Amaya http://www.w3.org/Amaya/ Web Hosting Sites Ranking & Links http://www.consumer-rankings.com/hosting/ Filezilla http://filezilla-project.org/ Templates http://www.oswd.org/ Easy Webpage http://www.kansasgetonline.com/ .
Load more

Recommended publications
  • Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe
    Weblint: Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe Abstract Weblint is a utility for checking the syntax and style of HTML pages. It was inspired by lint [15], which performs a similar function for C and C++ programmers. Weblint does not aspire to be a strict SGML validator, but to provide helpful comments for humans. The importance of quality assurance for web sites is introduced, and one particular area, validation of HTML, is described in more detail. The bulk of the paper is devoted to weblint: what it is, how it is used, and the design and implementation of the current development version. 1. Introduction The conclusion opens with a summary of the information and opinions given in this paper. A Web sites are becoming an increasingly critical part of selection of the lessons learned over the last four years how many companies do business. For many companies is given, followed by plans for the future, and related web sites are their business. It is therefore critical that ideas. owners of web sites perform regular testing and analysis, to ensure quality of service. 2. Web Site Quality Assurance There are many different checks and analyses which The following are some of the questions you should be you can run on a site. For example, how usable is your asking yourself if you have a web presence. I have site when accessed via a modem? An incomplete list of limited the list to those points which are relevant to similar analyses are given at the start of Section 2.
    [Show full text]
  • LEARNING HTML5 and CSS 1. What Is HTML? Ans: HTML Has Been Derived from SGML, Which Stands for Standard General Markup Language
    LEARNING HTML5 AND CSS 1. What is HTML? Ans: HTML has been derived from SGML, which stands for standard general markup language. HTML was created to allow those users who were not specialized in using SGML to create web pages. 2. What are tags in HTML? Ans: An HTML tag begin with a ‘less than’ symbol(<) and ends with a ‘greater than’ symbol(>). These symbols are also called angle brackets. Syntax:<html> text </html> Start tag End tag The part --<html>is called the opening tag, while the part--- </html> is called the closing tag. The closing tag is same as the opening tag except that it has forward slash before its name. 3. What is the difference between the <body>and <head>tags? Ans: The HEAD section contains the title and the other information about the HTML document. The BODY section contains all the information that is displayed on a web page. 4. How are attributes defined? Ans: An attribute provides additional information about an element. Attributes are usually defined its name-value pairs. The name is the property of the tag that you want to set, while the value is the value of the property to be set. <p align = “left”>This text is left aligned </p> The <p> tag, also knows as the paragraph tag, is used to define a paragraph. Now we can use the attribute align with it to set the alignment of the paragraph. Also, there are three possible values of the align attribute—left, right, and center. 5.Define HTML. What is its use? Ans: HTML stands for hypertext markup language.
    [Show full text]
  • Annotea: an Open RDF Infrastructure for Shared Web Annotations
    Proceedings of the WWW 10th International Conference, Hong Kong, May 2001. Annotea: An Open RDF Infrastructure for Shared Web Annotations Jos´eKahan,1 Marja-Riitta Koivunen,2 Eric Prud’Hommeaux2 and Ralph R. Swick2 1 W3C INRIA Rhone-Alpes 2 W3C MIT Laboratory for Computer Science {kahan, marja, eric, swick}@w3.org Abstract. Annotea is a Web-based shared annotation system based on a general-purpose open RDF infrastructure, where annotations are modeled as a class of metadata.Annotations are viewed as statements made by an author about a Web doc- ument. Annotations are external to the documents and can be stored in one or more annotation servers.One of the goals of this project has been to re-use as much existing W3C technol- ogy as possible. We have reacheditmostlybycombining RDF with XPointer, XLink, and HTTP. We have also implemented an instance of our system using the Amaya editor/browser and ageneric RDF database, accessible through an Apache HTTP server. In this implementation, the merging of annotations with documents takes place within the client. The paper presents the overall design of Annotea and describes some of the issues we have faced and how we have solved them. 1Introduction One of the basic milestones in the road to a Semantic Web [22] is the as- sociation of metadata to content. Metadata allows the Web to describe properties about some given content, even if the medium of this content does not directly provide the necessary means to do so. For example, ametadata schema for digital photos [15] allows the Web to describe, among other properties, the camera model used to take a photo, shut- ter speed, date, and location.
    [Show full text]
  • ANNI BOND 3101 Cinnamon Circle | Raleigh, NC 27610 (919) 758-6935 | [email protected]
    ANNI BOND 3101 Cinnamon Circle | Raleigh, NC 27610 (919) 758-6935 | [email protected] OBJECTIVE To write/edit technical documentation in the technology or gaming fields. PROFESSIONAL Troppus Software Corporation Superior, CO EXPERIENCE SKMS KB/CM Engineer, Engineering 2011 – Present Developed content for the premium tech support application, Symbi. Managed Sling Media knowledge base initiative where new Sling Media articles and article updates were implemented in our knowledge base for a Sling Media-branded version of our client; Spearheaded the development of the first internal style guide. Edited articles written by other content engineers for spelling, grammar, correctness, consistency, and in-house style guide adherence; Tested features, bugs, and fixes in the development tools. Tested DISH Network ViP722k, Hopper with Sling Adapter, and Joey DVRs. University of North Carolina at Charlotte Charlotte, NC Intern, Information Technology Services 2011 Authored a 60+ page manual with another student for the System Administration Management (SAM) tool, used to plan budgets and expenses in UNC Charlotte colleges; Authored a 30+ page manual for the reports section; Authored a quick reference guide for SAM; Edited a reference guide of commonly used account codes for SAM. UNC Charlotte Student Media Publications Charlotte, NC Copy Editor, The University Times 2009 – 2011 Was promoted to Asstistant Copy Editor in January 2010 and again to Copy Editor in August 2010. Edited articles written by other students for grammar, spelling, and Associated Press errors and applied the edits to digital copies; Edited housing and welcome guides produced by the paper three times a year; Wrote stories about events or ideas that impacted Charlotte.
    [Show full text]
  • (Vrtp) Design Rationale
    Presented at Workshops on Enabling Technology: Infrastructure for Collaborative Enterprises (WET ICE): Sharing a Distributed Virtual Reality, Massachusetts Institute of Technology, Cambridge Massachusetts, June 18-20 1997. virtual reality transfer protocol (vrtp) Design Rationale Don Brutzman, Mike Zyda and Kent Watsen Mike Macedonia Code UW/Br, CS/Zk, CS/Wa Fraunhofer Center for Research in Naval Postgraduate School Computer Graphics Inc. Monterey California 93943-5000 USA 167 Angell Street 408.656.2149 voice, 408.656.3679 fax Providence Rhode Island 02906 USA [email protected] [email protected] 401.453.6363 voice, 401.453.0444 fax [email protected] [email protected] http://www.stl.nps.navy.mil/~brutzman/vrtp/vrtp_design.ps Abstract We propose a new protocol at the application layer, the The capabilities of the Virtual Reality Modeling virtual reality transfer protocol (vrtp). vrtp is intended to Language (VRML) permit building large-scale virtual significantly extend http in order to provide full support for environments (LSVEs) using the Internet and the World LSVE requirements by enabling a spectrum of functionality Wide Web. However the underlying network support between client-server and peer-peer, all optimized on local provided by the hypertext transfer protocol (http) is desktop computers and across the global Internet. insufficient for LSVEs. Additional capabilities for Years of effort on widely distributed interactive 3D lightweight peer-to-peer communications and network graphics applications have clearly identified networking monitoring need to be combined with the client-server issues as the critical bottlenecks preventing the creation of capabilities of http. To accomplish this task, we present a LSVEs.
    [Show full text]
  • Fira Code: Monospaced Font with Programming Ligatures
    Personal Open source Business Explore Pricing Blog Support This repository Sign in Sign up tonsky / FiraCode Watch 282 Star 9,014 Fork 255 Code Issues 74 Pull requests 1 Projects 0 Wiki Pulse Graphs Monospaced font with programming ligatures 145 commits 1 branch 15 releases 32 contributors OFL-1.1 master New pull request Find file Clone or download lf- committed with tonsky Add mintty to the ligatures-unsupported list (#284) Latest commit d7dbc2d 16 days ago distr Version 1.203 (added `__`, closes #120) a month ago showcases Version 1.203 (added `__`, closes #120) a month ago .gitignore - Removed `!!!` `???` `;;;` `&&&` `|||` `=~` (closes #167) `~~~` `%%%` 3 months ago FiraCode.glyphs Version 1.203 (added `__`, closes #120) a month ago LICENSE version 0.6 a year ago README.md Add mintty to the ligatures-unsupported list (#284) 16 days ago gen_calt.clj Removed `/**` `**/` and disabled ligatures for `/*/` `*/*` sequences … 2 months ago release.sh removed Retina weight from webfonts 3 months ago README.md Fira Code: monospaced font with programming ligatures Problem Programmers use a lot of symbols, often encoded with several characters. For the human brain, sequences like -> , <= or := are single logical tokens, even if they take two or three characters on the screen. Your eye spends a non-zero amount of energy to scan, parse and join multiple characters into a single logical one. Ideally, all programming languages should be designed with full-fledged Unicode symbols for operators, but that’s not the case yet. Solution Download v1.203 · How to install · News & updates Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations.
    [Show full text]
  • The “New”Side of Web Design
    THE “NEW” SIDE OF WEB DESIGN Start with Fundamentals A GOOD teacher will LEARN and TEACH the basics of HTML and CSS before allowing students to use WYSIWYG editors! Yes, it’s programming, technically, but they can handle it! And, so can you! Free Web Tools and Widgets Embeddable Video Hosting (online) Embeddable Audio (offline) http://schooltube.com (school video hosting and embed code) http://www.audioflash.org/ (free streaming audio recorder) http://screentoaster.com (capture screencast and embed code given) Embeddable Photo Galleries (offline) http://screencastle.com (capture screencast and get embed code) http://www.snapfiles.com/get/sothinkalbum.html SoThink Album Embeddable Forum http://www.snapfiles.com/get/skyalbum.html SkyAlbum http://tal.ki/ “Top” Widgets Embed RSS Feed from Blog http://www.makeuseof.com/dir/scrollbox-embed-rss-feeds/ AddThis Button http://addthis.com/ ModPoll http://www.modpoll.com Embed Photo Galleries/Presentations Hosted Online Random Widget Collections http://www.slideserve.com (embed PPT files; no transitions/animation unless plugin downloaded—trial does 10 slides only) http://www.iwidgetworld.com/ http://picasaweb.google.com/home http://www.widgetbox.com/ http://www.freewidgetzone.com/ Embed Documents Hosted Online (can upload) http://www.tickerfactory.com/ezticker/ticker_designer.php http://embedit.in (embed document or embed baby thumbnail link) Free Web Site Creators/Hosting (easy) • Wix • Yola • Google Sites • Weebly Source: http://internet.suite101.com/article.cfm/make-free-websites-on-the-web 1
    [Show full text]
  • Arizona State Board of Education AMENDED Agenda
    April 20, 2020 Regular Board Meeting 04/20/2020 10:00 AM 1535 W. Jefferson Room # 122 Meeting Minutes Phoenix, AZ 85007 Printed : 6/15/2020 9:23 AM MST Arizona State Board of Education AMENDED Agenda NOTICE OF PUBLIC MEETING Pursuant to Arizona Revised Statutes (A.R.S.) 38-431.02, notice is hereby given to the members of the Arizona State Board of Education and to the general public that the Board will hold a meeting, open to the public, on Monday, April 20, 2020, at 10:00 A.M. at the Arizona Department of Education, Room 122, 1535 W. Jefferson, Phoenix, AZ 85007. The boardroom will be closed to the public. Information on how the public may attend is outlined below. For this meeting, all public comment will be accepted in written form only. Information on how the public may submit written comment is also outlined below. A copy of the agenda for the meeting is attached. The Board reserves the right to change the order of items on the agenda, with the exception of public hearings. One or more members of the Boards may participate telephonically. Agenda materials can be reviewed online at http://azsbe.az.gov Pursuant to A.R.S. §38-431.02 (H), the Board may discuss and take action concerning any matter listed on the agenda. Pursuant to A.R.S. 38-431.03(A)(2), the Board may vote to convene in executive session, which will not be open to the public, for discussion or consideration of records exempt by law from public inspection.
    [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]
  • Advanced Web Topics 1 - Syllabus
    ADVANCED WEB TOPICS 1 - SYLLABUS UNIVERSITY OF FLORIDA, WEB DESIGN AND ONLINE COMMUNICATIONS COURSE NUMBER: COM 6338 CREDITS: 4 TERM: SPRING 2014 LECTURE TIME: Tuesday and Thursday, 5:30-7:30 pm EST LECTURE LOCATION: Adobe Connect ABOUT YOUR INSTRUCTOR INSTRUCTOR: OFFICE HOURS: Jessica Pelasky M-F: Email/Phone/Text from 2-4 pm; [email protected] (main) Saturday-Sunday: Email/Text to schedule [email protected] (alternative) 419-961-0583 (call/text) COMMUNICATION: Responses will normally be answered within 12-24 hours. If an emergency, please either call/text. Please send email to UF email address; do not use the mail function within Canvas. INSTRUCTOR TEACHING PHILOSOPHY: Instructor plans on teaching this class where she assumes that you are a beginner in the subject matter. She believes a proper web designer should be able to develop a website from the ground up; meaning coding HTML, CSS, and JavaScript from scratch before using pretty web design software. :) She feels people tend to skip over the basics and go right to the items they want to implement; however without a strong base, you cannot build anything without it collapsing. ABOUT THE COURSE PREREQUISITE KNOWLEDGE AND SKILLS: ● Prerequisite courses: MMC5277 Web Design Principles, VIC5325 Digital Imagery, and VIC5326 Digital Layout. ● Students should have a firm working knowledge of HTML and CSS coding as well as uploading websites via FTP. PURPOSE: This course will expand the basic coding of XHTML and CSS learned in MMC5277. The course will cover three main topics: HTML5 and CSS3, foundations of JavaScript. We will also cover advanced web design using Adobe Dreamweaver.
    [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]
  • Appendix a the Ten Commandments for Websites
    Appendix A The Ten Commandments for Websites Welcome to the appendixes! At this stage in your learning, you should have all the basic skills you require to build a high-quality website with insightful consideration given to aspects such as accessibility, search engine optimization, usability, and all the other concepts that web designers and developers think about on a daily basis. Hopefully with all the different elements covered in this book, you now have a solid understanding as to what goes into building a website (much more than code!). The main thing you should take from this book is that you don’t need to be an expert at everything but ensuring that you take the time to notice what’s out there and deciding what will best help your site are among the most important elements of the process. As you leave this book and go on to updating your website over time and perhaps learning new skills, always remember to be brave, take risks (through trial and error), and never feel that things are getting too hard. If you choose to learn skills that were only briefly mentioned in this book, like scripting, or to get involved in using content management systems and web software, go at a pace that you feel comfortable with. With that in mind, let’s go over the 10 most important messages I would personally recommend. After that, I’ll give you some useful resources like important websites for people learning to create for the Internet and handy software. Advice is something many professional designers and developers give out in spades after learning some harsh lessons from what their own bitter experiences.
    [Show full text]