1 / 5

Introduction to Web Application Development with Billy Mee

Welcome to ISOM 244 Web Application Development, instructed by Billy Mee. This course covers the fundamentals of the World Wide Web, including what web pages consist of, the role of servers and clients, and the functionality of web browsers. You’ll explore HTML structure, tags, and web page development techniques. Learn how to define and position elements on a page and create effective web content using proper coding practices. Prepare for a hands-on approach to building your own web pages. Join us T/TH from 11:30 AM to 12:45 PM.

chuong
Télécharger la présentation

Introduction to Web Application Development with Billy Mee

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Welcome Back to ISOM 244Web Application Development Instructor: Billy Mee T/Th 11:30 AM – 12:45 PM www.suffolkcis.org/bmee

  2. World Wide Web • What is the WWW? • What are websites made up of? • Servers / Clients • HTML, scripts, etc. • What does your “Browser” do? • How can you develop web sites (pages)? • Ease of use versus functionality

  3. HTML • Series of tags and objects • <tag>object</tag> • Tags • Define, describe and position web pages and objects on pages. • Typically come in a set of opening and closing tags – two sided • <h1>Welcome to Billy’s Web Page</h1> • Particular keyword that indicates the type of object. • <h2>xxx</h2> or <p>These pages are for…</p> • Tags may have attributes that further define and describe the appearance and position the object. • <p style=“text-align: justify”>These pages are for…</p> • May be one sided: • These tags do not need to be closed later in the page • <br /> <hr /> <img src=”sufflogo.jpg” /> • May be comment tags: • <!- - comment - -> • Terms: • Render: browser interprets html and builds GUI web page. • Deprecated: a tag set is discouraged and will not be supported in future browsers.

  4. Creating a Web Page • <html> tag: • First line of a web page. • Closed with </html> tag – last line of a web page. • Two sections: • Head: <head> </head> • Contains information to identify and describe the web page. • Contents do not appear on the page. • <meta description=“…”> - provides terms to search engines • <title>….</title> - appears in browsers title bar • <! - - comments - -> - more fully describe page • <script>…</script> - scripting to make page more dynamic • Body: <body> </body> • Everything that will appear in the browser window. • Contains the content and formatting instructions for the objects on the page • <h1>x</h1> <p>x</p> <br /> <img src=“file.suffix” />

  5. HTML Creation Rules • Build in Notepad or other text editor. • Use lower case for tags. • HTML files can be opened directly from your file storage area. • If you open it …close it. • Don’t put spaces into folder or files names. • Use outlining and space to keep document (html file) readable. • Let’s build a shell.

More Related