chapter 10
Download
Skip this Video
Download Presentation
Writing Your Own Web Page: Using HTML and FrontPage

Loading in 2 Seconds...

play fullscreen
1 / 46

Writing Your Own Web Page: Using HTML and FrontPage - PowerPoint PPT Presentation


  • 82 Views
  • Uploaded on

Chapter 10. Writing Your Own Web Page: Using HTML and FrontPage. World Wide Web. Provides multimedia communication over the Internet Terminology:. ISP. Link. Home Page. URL. Server. Web Site. Hypertext. HTML HyperText Markup Language. HyperText Active text Link

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Writing Your Own Web Page: Using HTML and FrontPage' - elle


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
world wide web
World Wide Web
  • Provides multimedia communication over the Internet
  • Terminology:

ISP

Link

Home Page

URL

Server

Web Site

Hypertext

html hypertext markup language
HTMLHyperText Markup Language
  • HyperText
    • Active text
    • Link
    • Clicking causes an action
  • Markup Language
    • Tags indicate formatting and document structure
    • Source is processed by a program that understands the tags and formats the page
preparing a web page
Preparing a Web Page
  • Writing vehicle
    • Programming in HTML
    • Authoring software
  • Browser
    • Test the code locally
    • Test the code on the server
  • Server
    • Test links to other sites
    • Store your published site
programming in html
Programming in HTML
  • Type tags into a text file (Notepad)
  • HTML editor
  • HTML code must be saved with .html extension
authoring software
Authoring Software
  • WYSIWYG
  • Create web page visually
  • HTML code is generated automatically
preparing a web page process
Preparing a Web PageProcess
  • Use writing vehicle to create web site
  • Test locally using the browser
  • Connect to Internet using your browser
  • Test the links to other sites
  • Publish the site to your server
  • Test the site by accessing from the server
html basic tags
HTMLBasic Tags
  • Tag – tells browser how to display the information provided
  • Enclosed in angle brackets < >
  • Generally used in pairs
    • Open tag
    • Closing tag – same tag with / in front
  • Can nest tags
  • Tags cannot overlap
html document tags
HTMLDocument Tags

Beginning and end of every HTML document

Contains information about the document including the title that is to appear in the title bar

All content for the page is placed between these tags

html basic tags1
HTMLBasic Tags

If you view this from the browser,

you will see a blank page

html basic tags2
HTMLBasic Tags

Causes the page title to be displayed in the title bar

Place in the heading section between

html basic tags3
HTMLBasic Tags

Add content between

Text Structure Tags

Headings

Paragraphs

Lists

Images

html creating and testing
HTMLCreating and Testing
  • Open text editor
  • Enter basic document tags

… >/BODY>

  • Save as .html
  • Do not close text editor
open browser
Open Browser

HTML- Creating and Testing

Open your browser

Type file path/name as the URL or use File Open and select the file

The file name should appear on the title bar

The main window should be blank

Do not close the browser

adding a title to the title bar
Adding a title to the title bar
  • Return to the open file in the text editor
  • Add a tag inside <HEAD></li><li>Save</li><li>Return to the browser</li><li>Click refresh or reload button</li><li>Check the title bar</li></ul><p>HTML- Creating and Testing</p></div></div><div class="tslide"><div><img alt="adding content" src="https://image1.slideserve.com/2933481/adding-content-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/adding-content-n.jpg" title="17.adding content" target="_blank">Adding content</a></span><ul><li>Add one tag at a time to create content</li><li>After each addition</li><ul><li>Save the file in the text editor</li><li>Refresh/reload the file in the browser</li><li>Verify that your entry is correct</li></ul></ul><p>HTML- Creating and Testing</p></div></div><div class="tslide"><div><img alt="html text tags heading tags" src="https://image1.slideserve.com/2933481/html-text-tags-heading-tags-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-text-tags-heading-tags-n.jpg" title="18.html text tags heading tags" target="_blank">HTML Text TagsHeading Tags</a></span><p><H1> … </H1> Largest heading</p><p><H2> … </H2></p><p><H3> … </H3></p><p><H4> … </H4></p><p><H5> … </H5></p><p><H6> … </H6> Smallest heading</p><p><H1>Theatre Schedule</H1></p></div></div><div class="tslide"><div><img alt="html text tags paragraph tag" src="https://image1.slideserve.com/2933481/html-text-tags-paragraph-tag-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-text-tags-paragraph-tag-n.jpg" title="19.html text tags paragraph tag" target="_blank">HTML Text TagsParagraph Tag</a></span><p><P> … </P></p><ul><li>Blank line inserted before the start of the paragraph</li><li>One space between adjacent words regardless of the number of spaces in the source</li><li>Extra spaces and lines are ignored</li></ul><p><P>Learning HTML is a lot of fun!</P></p></div></div><div class="tslide"><div><img alt="html text tags line break tag" src="https://image1.slideserve.com/2933481/html-text-tags-line-break-tag-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-text-tags-line-break-tag-n.jpg" title="20.html text tags line break tag" target="_blank">HTML Text TagsLine Break Tag</a></span><p><BR></p><p>Forces a new line</p><p><P>Learning HTML is a lot of <BR>fun!</P></p></div></div><div class="tslide"><div><img alt="lists" src="https://image1.slideserve.com/2933481/lists-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/lists-n.jpg" title="21.lists" target="_blank">Lists</a></span><ul><li><UL> … </UL></li><ul><li>Unordered list (bulleted list)</li></ul><li><OL> … </OL></li><ul><li>Ordered list (numbered list)</li></ul><li>Every item in a list is preceded with <LI></li><li>List contents are indented</li></ul></div></div><div class="tslide"><div><img alt="html formatting tags" src="https://image1.slideserve.com/2933481/html-formatting-tags-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-formatting-tags-n.jpg" title="22.html formatting tags" target="_blank">HTML Formatting Tags</a></span><ul><li>Make page more attractive</li><li>Make page more functional</li><li>Style Tags</li><ul><li>Logical</li><li>Physical</li></ul></ul></div></div><div class="tslide"><div><img alt="html formatting tags logical style tags" src="https://image1.slideserve.com/2933481/html-formatting-tags-logical-style-tags-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-formatting-tags-logical-style-tags-n.jpg" title="23.html formatting tags logical style tags" target="_blank">HTML Formatting TagsLogical Style Tags</a></span><ul><li>Browser dependent</li><li>Emphasis Tag</li><ul><li><EM> … </EM></li><li>Usually displays italics</li></ul><li>Strong emphasis Tag</li><ul><li><STRONG> … <STRONG></li><li>Usually displays boldface</li></ul></ul></div></div><div class="tslide"><div><img alt="physical style tags" src="https://image1.slideserve.com/2933481/physical-style-tags-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/physical-style-tags-n.jpg" title="24.physical style tags" target="_blank">Physical Style Tags</a></span><ul><li>Tell browser how to display the text</li><li>Italics</li><ul><li><I> … </I></li></ul><li>Boldface</li><ul><li><B> … </B></li></ul><li>Center</li><ul><li><CENTER> … </CENTER></li></ul></ul></div></div><div class="tslide"><div><img alt="html putting it together" src="https://image1.slideserve.com/2933481/html-putting-it-together-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-putting-it-together-n.jpg" title="25.html putting it together" target="_blank">HTMLPutting it Together</a></span></div></div><div class="tslide"><div><img alt="images" src="https://image1.slideserve.com/2933481/images-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/images-n.jpg" title="26.images" target="_blank">Images</a></span><ul><li>Use images that are appropriate and attractive</li><li>Use sparingly since they effect download time</li></ul></div></div><div class="tslide"><div><img alt="obtaining images" src="https://image1.slideserve.com/2933481/obtaining-images-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/obtaining-images-n.jpg" title="27.obtaining images" target="_blank">Obtaining Images</a></span><ul><li>Download from a site that offers free images</li><li>Pay to use an image</li><li>Scan an image/document that you own or have permission to use</li><li>Digital camera</li><li>Create original graphics using software</li></ul></div></div><div class="tslide"><div><img alt="image file formats" src="https://image1.slideserve.com/2933481/image-file-formats-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/image-file-formats-n.jpg" title="28.image file formats" target="_blank">Image File Formats</a></span><ul><li>Acceptable image formats vary by browser</li><li>Generally acceptable formats are</li><ul><li>GIF</li><ul><li>Graphics Interchange Format</li><li>Use for graphics</li></ul><li>JPG</li><ul><li>Joint Photographic Experts Group</li><li>Use for photographs</li></ul><li>PNG</li><ul><li>Portable Network Graphics</li><li>Expected to replace GIF</li></ul></ul></ul></div></div><div class="tslide"><div><img alt="html image tag" src="https://image1.slideserve.com/2933481/html-image-tag-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-image-tag-n.jpg" title="29.html image tag" target="_blank">HTML Image Tag</a></span><p>Inline image</p><p>Loaded with HTML code</p><p><IMG></p><p>Attributes:</p><p>SRC</p><p>ALT</p><p>HEIGHT</p><p>WIDTH</p><p>ALIGN</p><p>HSPACE</p><p>VSPACE</p><p><IMG SRC=”abcpict.jpg”></p><p><IMG SRC=”abcpict.jpg” ALIGN=”right” HSPACE=”10”></p></div></div><div class="tslide"><div><img alt="html link tag" src="https://image1.slideserve.com/2933481/html-link-tag-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-link-tag-n.jpg" title="30.html link tag" target="_blank">HTML Link Tag</a></span><p>Link to</p><p>Other sites</p><p>Between your own pages</p><p>To e-mail</p><p><A HREF=”name”>hypertext</A></p><p><A HREF=”http://www.kodak.com”>Kodak</A></p><p><A HREF=”johnpage.html”>John’s Page</A></p><p><A HREF=”mailto:johnsmith@practice.com”>John’s mail</A></p></div></div><div class="tslide"><div><img alt="html tags background color graphics" src="https://image1.slideserve.com/2933481/html-tags-background-color-graphics-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/html-tags-background-color-graphics-n.jpg" title="31.html tags background color graphics" target="_blank">HTML TagsBackground Color / Graphics</a></span><p>Attributes of <BODY></p><p>BGCOLOR=”code”</p><p>Specify color for background of the screen</p><p>BACKGROUND=”path/file”</p><p>Tiles the graphic in the file to fit the screen</p><p><BODY BGCOLOR=”green”></p><p><BODY BGCOLOR=”#00FF00”></p><p><BODY BACKGROUND=”abcpict.jpg”></p></div></div><div class="tslide"><div><img alt="authoring software frontpage" src="https://image1.slideserve.com/2933481/authoring-software-frontpage-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/authoring-software-frontpage-n.jpg" title="32.authoring software frontpage" target="_blank">Authoring SoftwareFrontPage</a></span><ul><li>WYSIWYG</li><li>Generates HTML code</li><li>Benefits</li><ul><li>Non-technical users can create their own web pages</li><li>Technical users can insert HTML inside the generated HTML</li></ul></ul></div></div><div class="tslide"><div><img alt="getting started in frontpage" src="https://image1.slideserve.com/2933481/getting-started-in-frontpage-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/getting-started-in-frontpage-n.jpg" title="33.getting started in frontpage" target="_blank">Getting Started in FrontPage</a></span><ul><li>Window similar to Office 2000 Windows</li><li>Process to create a web page</li><ul><li>Select the type of page you wish to create</li><li>Enter content</li><li>Format content</li><li>Add a title</li><li>Add links and graphics</li><li>View</li></ul></ul></div></div><div class="tslide"><div><img alt="navigation view" src="https://image1.slideserve.com/2933481/navigation-view-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/navigation-view-n.jpg" title="34.navigation view" target="_blank">Navigation View</a></span><ul><li>Shows structure of web site</li><li>Visual clue showing how the subpages relate to the main page</li></ul></div></div><div class="tslide"><div><img alt="other views" src="https://image1.slideserve.com/2933481/other-views-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/other-views-n.jpg" title="35.other views" target="_blank">Other Views</a></span><ul><li>Folders</li><ul><li>Lists the files in detail</li></ul><li>Reports</li><ul><li>Provides information of interest to site manager</li></ul><li>Hyperlinks</li><ul><li>Graphics picture of link relationships</li></ul><li>Tasks</li><ul><li>List of items that need to be completed and who is responsible</li><li>Useful for collaboration</li></ul></ul></div></div><div class="tslide"><div><img alt="page tabs" src="https://image1.slideserve.com/2933481/page-tabs-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/page-tabs-n.jpg" title="36.page tabs" target="_blank">Page Tabs</a></span><ul><li>Normal tab</li><ul><li>Viewing the page in WYSIWYG</li></ul><li>HTML tab</li><ul><li>The HTML code for the page</li><li>Add your own HTML code to this page</li></ul><li>Preview</li><ul><li>Page as it will appear viewed by a browser</li><li>Switch between HTML tab and Preview tab to see the effect of changes as you make them</li></ul></ul></div></div><div class="tslide"><div><img alt="estimated loading time" src="https://image1.slideserve.com/2933481/estimated-loading-time-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/estimated-loading-time-n.jpg" title="37.estimated loading time" target="_blank">Estimated Loading Time</a></span><ul><li>Listed at the bottom of the page</li><li>Try to keep loading time low</li><li>Can be changed to show loading time using different modem speeds</li></ul></div></div><div class="tslide"><div><img alt="themes" src="https://image1.slideserve.com/2933481/themes-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/themes-n.jpg" title="38.themes" target="_blank">Themes</a></span><ul><li>Background</li><li>Fonts</li><li>Banners</li><li>Bullets</li><li>Link buttons</li></ul><p>Unified set of design elements and color schemes that you can apply to a page to give it a consistent and attractive appearance</p></div></div><div class="tslide"><div><img alt="examples of themes" src="https://image1.slideserve.com/2933481/examples-of-themes-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/examples-of-themes-n.jpg" title="39.examples of themes" target="_blank">Examples of Themes</a></span></div></div><div class="tslide"><div><img alt="page templates" src="https://image1.slideserve.com/2933481/page-templates-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/page-templates-n.jpg" title="40.page templates" target="_blank">Columns</a></span><p>Table of contents</p><p>Searches</p><p>Guest book</p><p>Bibliography</p><p>FAQ</p><p>Forms for visitors</p><p>Forms for customers</p><span><a href="https://image1.slideserve.com/2933481/page-templates-n.jpg" title="40.page templates" target="_blank">Page Templates</a></span><p>Predesigned pages that can contain page settings, formatting, and page elements</p></div></div><div class="tslide"><div><img alt="page templates examples" src="https://image1.slideserve.com/2933481/page-templates-examples-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/page-templates-examples-n.jpg" title="41.page templates examples" target="_blank">Page Templates Examples</a></span></div></div><div class="tslide"><div><img alt="frames" src="https://image1.slideserve.com/2933481/frames-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/frames-n.jpg" title="42.frames" target="_blank">Frames</a></span><ul><li>Divides the page into sections</li><li>Each section displays a different web page</li><li>Each section can be updated individually</li><li>Frameset – collection of frames displayed in a single page</li></ul></div></div><div class="tslide"><div><img alt="process" src="https://image1.slideserve.com/2933481/process-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/process-n.jpg" title="43.process" target="_blank">Process</a></span><ul><li>Develop each page individually</li><li>Create frameset page</li><li>Establish links</li></ul></div></div><div class="tslide"><div><img alt="objectives" src="https://image1.slideserve.com/2933481/objectives-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/objectives-n.jpg" title="45.objectives" target="_blank">Objectives</a></span><ul><li>Identify the hardware and software required to write, test, and execute a web page</li><li>Describe how HTML tags are used to format Web pages</li><li>Discuss the benefits of using Web page authoring software</li><li>Describe how FrontPage can be used to write a web page.</li></ul></div></div><div class="tslide"><div><img alt="contents" src="https://image1.slideserve.com/2933481/contents-t.jpg"></div><div><span><a href="https://image1.slideserve.com/2933481/contents-n.jpg" title="46.contents" target="_blank">Contents</a></span><ul><li>World Wide Web</li><li>Preparing a Web Page</li><li>HTML</li><li>Authoring Software – FrontPage</li><li>Frames</li></ul></div></div></div> </div> <!-- Presentation Transcript End !--> <input type="hidden" name="video_uid" id="video_uid" value="30634"> <input type="hidden" name="video_vid" id="video_vid" value="2933481"> <input type="hidden" name="video_node" id="video_node" value="1"> <input type="hidden" name="vido_link" id="vido_link" value="writing-your-own-web-page-using-html-and-frontpage"> <input type="hidden" name="vido_uname" id="vido_uname" value="elle"> </div> <!-- Left Side End !--> <!-- Right Side !--> <div class="col-lg-4 col-md-5 col-sm-12 no_padding rightside"> <div align="center" class="adsecmain"> <div class="adsec2"> <a href="https://www.digitalofficepro.com/powerpoint-templates.html?utm_source=slideserve&utm_medium=website&utm_campaign=slideserve+ppt+promotion"><img src="https://www.slideserve.com/images/ss_1366ad.jpg" alt="ad"></a> </div> <div class="adsec1"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-3976764401535897" data-ad-slot="6588102353"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- adsense responsive code_end 2nd sec--> </div> </div> <!-- Related Tab Start !--> <ul class="nav nav-tabs ssalignL" id="myTab"> <li class="active"><a href="#related" data-toggle="tab" onclick="$('.pager').show();">Related Presentations</a></li> <li><a href="#more" data-toggle="tab" onclick="moreuser();$('.pager').hide();">More by User</a></li> </ul> <div class="tab-content" id="tab-right"> <ul class="tab-pane list-unstyled active" id="related"> <input type="hidden" name="next_url" id="next_url" value="kieran-bowman/introduction-to-html-basic-structure-of-a-html-page-text-formatting-tags-in-html-lists-in-html"> <input type="hidden" name="next_img" id="next_img" value="6183878"> <input type="hidden" name="next_title" id="next_title" value="Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in HTML"> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/kieran-bowman/introduction-to-html-basic-structure-of-a-html-page-text-formatting-tags-in-html-lists-in-html" title="Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in HTML - Introduction to html basic structure of a html page text formatting tags in html lists in html. 1. introduction to html…. html – hyper-text"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_6183878.jpg" alt="Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in HTML" data="xcv "> </div> </div> <div class="list-related-info"><span>Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in HTML </span> -Introduction to html basic structure of a html page text formatting tags in html lists in html. 1. introduction to html…. html – hyper-text</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/jerica/html-the-anatomy-of-a-web-page" title="HTML: the Anatomy of a Web Page - Review. learned about site structure (flow charts) navigation (menus). html. what is html? hypertext markup language is a computer language used to create web pages. almost all documents viewed on the web"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_4570033.jpg" alt="HTML: the Anatomy of a Web Page" data="xcv "> </div> </div> <div class="list-related-info"><span>HTML: the Anatomy of a Web Page </span> -Review. learned about site structure (flow charts) navigation (menus). html. what is html? hypertext markup language is a computer language used to create web pages. almost all documents viewed on the web</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/waneta/title-extraction-from-bodies-of-html-documents-and-its-application-to-web-page-retrieval" title="Title Extraction from Bodies of HTML Documents and its Application to Web Page Retrieval - Outline. motivationrelated workproblem descriptionour approachexperimental resultsconclusions. outline. motivationrelated workproblem descriptionour"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_908488.jpg" alt="Title Extraction from Bodies of HTML Documents and its Application to Web Page Retrieval" data="xcv "> </div> </div> <div class="list-related-info"><span>Title Extraction from Bodies of HTML Documents and its Application to Web Page Retrieval </span> -Outline. motivationrelated workproblem descriptionour approachexperimental resultsconclusions. outline. motivationrelated workproblem descriptionour</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/gaius/frontpage-see-next-page" title="FrontPage : See next page… - The last word : ch2 rkc or online review. frontpage : who or what causes all of this stuff to get to these places?. the last word : ch2 rvk or online review. or… capitalists do it with an invisible hand…."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_5704683.jpg" alt="FrontPage : See next page…" data="xcv "> </div> </div> <div class="list-related-info"><span>FrontPage : See next page… </span> -The last word : ch2 rkc or online review. frontpage : who or what causes all of this stuff to get to these places?. the last word : ch2 rvk or online review. or… capitalists do it with an invisible hand….</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/bjorn/creating-a-web-site-with-frontpage" title="Creating a Web Site with FrontPage - By: sandy wells. introduction . general guidelines . vocabulary. create a web site with a template. create a web site from scratch. summary. where to get more"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2505780.jpg" alt="Creating a Web Site with FrontPage" data="xcv "> </div> </div> <div class="list-related-info"><span>Creating a Web Site with FrontPage </span> -By: sandy wells. introduction . general guidelines . vocabulary. create a web site with a template. create a web site from scratch. summary. where to get more</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/vivi/creazione-di-un-sito-web-con-microsoft-frontpage" title="Creazione di un sito web con Microsoft FrontPage"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1492528.jpg" alt="Creazione di un sito web con Microsoft FrontPage" data="xcv "> </div> </div> <div class="list-related-info"><span>Creazione di un sito web con Microsoft FrontPage</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/Kelvin_Ajay/deploying-and-managing-microsoft-frontpage-98-based-web" title="Deploying And Managing Microsoft FrontPage 98-Based Web ... - Version control with visual sourcesafe extensions on workstation. useful for offline ... microsoft visual sourcesafe. frontpage 98. visual interdev. frontpage 97"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_99418.jpg" alt="Deploying And Managing Microsoft FrontPage 98-Based Web ..." data="xcv "> </div> </div> <div class="list-related-info"><span>Deploying And Managing Microsoft FrontPage 98-Based Web ... </span> -Version control with visual sourcesafe extensions on workstation. useful for offline ... microsoft visual sourcesafe. frontpage 98. visual interdev. frontpage 97</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/olin/introduction-to-web-development-and-exploring-frontpage-2003" title="Introduction to Web Development and Exploring FrontPage 2003 - Robert grauer and maryann barber modified by a. clark (usa). committed to shaping the next generation of it experts. objectives. use frontpage to: create a web page open a web"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2979023.jpg" alt="Introduction to Web Development and Exploring FrontPage 2003" data="xcv "> </div> </div> <div class="list-related-info"><span>Introduction to Web Development and Exploring FrontPage 2003 </span> -Robert grauer and maryann barber modified by a. clark (usa). committed to shaping the next generation of it experts. objectives. use frontpage to: create a web page open a web</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/may-saunders/adding-images-to-web-page-using-images-as-links-image-map-adding-audio-and-video-to-web-page" title="Adding images to web page Using images as links Image map Adding audio and video to web page - Adding images to web page using images as links image map adding audio and video to web page. how to create tables page lay-out using tables."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_7068973.jpg" alt="Adding images to web page Using images as links Image map Adding audio and video to web page" data="xcv "> </div> </div> <div class="list-related-info"><span>Adding images to web page Using images as links Image map Adding audio and video to web page </span> -Adding images to web page using images as links image map adding audio and video to web page. how to create tables page lay-out using tables.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/odina/ch-7-web-page-design-page-layout-with-frames" title="CH. 7 Web Page Design –Page Layout with Frames - Mr. ursone. frame. frame: an area that acts as an independent browser window acts independently of other regions in the window. frames divide a web page into multiple, scrollable regions, or"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1822088.jpg" alt="CH. 7 Web Page Design –Page Layout with Frames" data="xcv "> </div> </div> <div class="list-related-info"><span>CH. 7 Web Page Design –Page Layout with Frames </span> -Mr. ursone. frame. frame: an area that acts as an independent browser window acts independently of other regions in the window. frames divide a web page into multiple, scrollable regions, or</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/netis/choose-one-of-the-following-writing-prompts-writing-must-be-at-least-a-page-preferably-longer" title="Choose one of the following writing prompts Writing must be at least a page! Preferably longer! - Exploring autobiography:"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2489963.jpg" alt="Choose one of the following writing prompts Writing must be at least a page! Preferably longer!" data="xcv "> </div> </div> <div class="list-related-info"><span>Choose one of the following writing prompts Writing must be at least a page! Preferably longer! </span> -Exploring autobiography:</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/jill/building-your-home-page-an-html-primer" title="Building Your Home Page: An HTML Primer - Introduction. this presentation is not frontpage, dreamweaver, composer, etc. wysiwyg javascript, java, vb script, asp, cgi, vrml, this presentation is basic html concepts edit with text editor. outline."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1079433.jpg" alt="Building Your Home Page: An HTML Primer" data="xcv "> </div> </div> <div class="list-related-info"><span>Building Your Home Page: An HTML Primer </span> -Introduction. this presentation is not frontpage, dreamweaver, composer, etc. wysiwyg javascript, java, vb script, asp, cgi, vrml, this presentation is basic html concepts edit with text editor. outline.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/forest/ezcreate-the-easy-solution-for-web-page-designers-web-snap-project" title="“EZCREATE” The Easy Solution for Web Page Designers (Web Snap Project) - By aarthi, joy and sanjini. our project-an overview. databases for web-pages are huge problems arise for the web site designer we attempt to mitigate the load on the"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1806253.jpg" alt="“EZCREATE” The Easy Solution for Web Page Designers (Web Snap Project)" data="xcv "> </div> </div> <div class="list-related-info"><span>“EZCREATE” The Easy Solution for Web Page Designers (Web Snap Project) </span> -By aarthi, joy and sanjini. our project-an overview. databases for web-pages are huge problems arise for the web site designer we attempt to mitigate the load on the</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/brandy/ux01-a-guided-tour-through-sharepoint-html-css-and-master-page-resources" title="UX01 A Guided Tour Through  SharePoint  HTML, CSS, and Master Page Resources  - Chandima kulathilake microsoft mvp (microsoft office sharepoint server) http://www.chandima.net/blog/. provoke solutions, new zealand. session"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2525433.jpg" alt="UX01 A Guided Tour Through  SharePoint  HTML, CSS, and Master Page Resources " data="xcv "> </div> </div> <div class="list-related-info"><span>UX01 A Guided Tour Through  SharePoint  HTML, CSS, and Master Page Resources  </span> -Chandima kulathilake microsoft mvp (microsoft office sharepoint server) http://www.chandima.net/blog/. provoke solutions, new zealand. session</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/zeph-shields/writing-html-document" title="Writing HTML Document - Html reference http://www.w3.org m:\comp\html_ref\htmlref.hlp. basics. <html> <head> <title> … </title> </head> <body> </body> </html>. formatting tag."> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_6348968.jpg" alt="Writing HTML Document" data="xcv "> </div> </div> <div class="list-related-info"><span>Writing HTML Document </span> -Html reference http://www.w3.org m:\comp\html_ref\htmlref.hlp. basics. <html> <head> <title> … </title> </head> <body> </body> </html>. formatting tag.</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/palmer-malone/writing-html-and-css-from-the-ground-up" title="Writing HTML and CSS From the Ground Up - Writing the html and css code for your website. basics. old school vs. new school. old school: build site entirely in html use tables to build “shelves” to put content (headers, navigation, images,"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_6183823.jpg" alt="Writing HTML and CSS From the Ground Up" data="xcv "> </div> </div> <div class="list-related-info"><span>Writing HTML and CSS From the Ground Up </span> -Writing the html and css code for your website. basics. old school vs. new school. old school: build site entirely in html use tables to build “shelves” to put content (headers, navigation, images,</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/terra/web-publishing-html" title="Web-Publishing: HTML - Im rahmen des ps aus elektronischer datenverarbeitung (rechnerpraktikum). grundlagen. html: hypertext markup language hypertext knoten (hypertext-dokumente, grafiken,...) verweise (hyperlinks) markup language"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_4550218.jpg" alt="Web-Publishing: HTML" data="xcv "> </div> </div> <div class="list-related-info"><span>Web-Publishing: HTML </span> -Im rahmen des ps aus elektronischer datenverarbeitung (rechnerpraktikum). grundlagen. html: hypertext markup language hypertext knoten (hypertext-dokumente, grafiken,...) verweise (hyperlinks) markup language</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/prismmultimedia/image-tags-in-html-html5-css3-training-web-design-training-hyderabad-web-designing-classes-hyderabad-prism-multim" title="Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim - Html5 & css3 training, web design training hyderabad, web designing classes hyderabad – prism multimedia\na complete"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_7382818.jpg" alt="Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim" data="xcv "> </div> </div> <div class="list-related-info"><span>Image Tags in HTML, HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multim </span> -Html5 & css3 training, web design training hyderabad, web designing classes hyderabad – prism multimedia\na complete</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/umeko/introduction-to-web-development-and-html" title="Introduction to web development and HTML - Mgmt 230 lab. after this lab you will be able to. understand the viu network and web server environment and how to access it save files to your web folder for publishing on the world wide"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2913604.jpg" alt="Introduction to web development and HTML" data="xcv "> </div> </div> <div class="list-related-info"><span>Introduction to web development and HTML </span> -Mgmt 230 lab. after this lab you will be able to. understand the viu network and web server environment and how to access it save files to your web folder for publishing on the world wide</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/vanig/year-8-web-design-in-html" title="Year 8 – Web Design IN HTML - Lesson 1. working on your own…. starter. use the internet to find out what html is? . use ‘microsoft word’ to write down your list. what is"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2933502.jpg" alt="Year 8 – Web Design IN HTML" data="xcv "> </div> </div> <div class="list-related-info"><span>Year 8 – Web Design IN HTML </span> -Lesson 1. working on your own…. starter. use the internet to find out what html is? . use ‘microsoft word’ to write down your list. what is</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/falala/web2-and-web-html-introduction" title="Web2 and WEB/ HTML Introduction - Dr. jason c. h. chen professor of mis school of business administration gonzaga university spokane, wa 99258 chen@ jepson. gonzaga.edu. web#1 and web#2. web#1 you will learn the “ process ” of"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_1686993.jpg" alt="Web2 and WEB/ HTML Introduction" data="xcv "> </div> </div> <div class="list-related-info"><span>Web2 and WEB/ HTML Introduction </span> -Dr. jason c. h. chen professor of mis school of business administration gonzaga university spokane, wa 99258 chen@ jepson. gonzaga.edu. web#1 and web#2. web#1 you will learn the “ process ” of</div> </div> </a> </div> </li> <li> <div class="col-lg-4 col-md-4 col-sm-3 col-xs-4 item-grid"> <a href="/hedwig/year-8-web-design-in-html" title="Year 8 – Web Design IN HTML - Lesson 3. working in pairs. starter. use the internet to find out what a hyperlink is used for? . use ‘microsoft word’ to write down your answer. what is a"> <div class="list-item-related"> <div class="list-image-related"> <div class="img-item list-centerer"> <img class="centered-img thumbr" src="//thumbs.slideserve.com/1_2933653.jpg" alt="Year 8 – Web Design IN HTML" data="xcv "> </div> </div> <div class="list-related-info"><span>Year 8 – Web Design IN HTML </span> -Lesson 3. working in pairs. starter. use the internet to find out what a hyperlink is used for? . use ‘microsoft word’ to write down your answer. what is a</div> </div> </a> </div> </li> <li> </li> </ul> <div class="clearfix"></div> <ul class="pager" style="padding: 0px;margin: 0px;"> <li><a class="btn btn-default disabled npbuttons" href="javascript:void(0);"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></a></li> <label class="goToSlideLabel"> <span id="current-slide" class="j-current-slide">1</span> of <span id="total-slides" class="j-total-slides">5</span> </label> <li><a href="javascript:void(0);" class="btn btn-default npbuttons"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a></li> </ul> </ul> <div class="tab-pane" id="more"></div> </div> <!-- Related Tab End !--> <div class="clearfix"></div> </div> <!-- Right Side End !--> </div> <div id="suggestion"> <div id="suggestion-box" style='display:none;'> <div class="sugg-close" onclick="$('#suggestion').remove()"><i class="fa fa-times" aria-hidden="true"></i></div> <div class="sugg-mini-title">Today's Free</div> <div class="sugg-title">PowerPoint Template</div> <img src="https://www.slideserve.com/download-template/template.jpg" class="img-responsive img-suggestion" alt="Download Template"/> <p class="small sugg-content">For SlideServe users</p> <a href="https://www.slideserve.com/download-template/template.pot" onclick="ga('send', 'event', 'pot download', 'download', 'viewpage template promotion');" class="btn btn-md sugg-down" title="Download"><i class="fa fa-download sugg-animation" aria-hidden="true"></i> Download Now</a> </div> </div> </div> <!-- Mian container End--> <!-- presentation download box_start --> <div class="liststyle-modal modal fade" id="downloadpop" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-content"> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="modal-body"> <span class="download_presentation">Download Presentation</span> <hr class="slideshow-hr"> <div class="downloadsec1"> <img class="downloadsecimg" height="92" src="https://thumbs.slideserve.com/1_2933481.jpg" style="width:122px; border:0;" alt="Download Section"> <div align="center" id="fetch"> <span>Connecting to Server..</span> </div> <br><br> </div> </div> </div> </div> </div> </div> </div> <!-- presentation download box_end --> <!-- Footer --> <div class="clearfix"></div> <footer class="text-center"> <div class="footer-above"> <div class="container"> <div class="row"> <div class="col-lg-12" style="margin-bottom:8px;"> <ul class="list-inline"> <li><a href="https://www.slideserve.com" lang="en" hreflang="en" title="Writing Your Own Web Page: Using HTML and FrontPage - English" >English</a></li> <li><a href="https://fr.slideserve.com" lang="fr" hreflang="fr" title="Writing Your Own Web Page: Using HTML and FrontPage - Français" >Français</a></li> </ul> </div> <div class="col-lg-12"> <a href="/about" rel="nofollow">About Us</a> | <a href="/advertise" rel="nofollow">Advertise</a> | <a href="/terms" rel="nofollow"> Terms of Use</a> | <a href="/privacy" rel="nofollow" >Privacy Policy</a> | <a href="/contact.php" rel="nofollow" >Contact Us</a> | <a href="https://blog.slideserve.com/" >Blog</a> </div> </div> </div> </div> <div class="footer-below"> <div class="container"> <div class="row"> <div class="col-lg-8 text-left"> © 2017 SlideServe. All rights reserved | Powered By DigitalOfficePro </div> <div class="col-lg-4 text-right"> <ul class="list-inline"> <li><a href="https://www.facebook.com/SlideServe" rel="nofollow"><i class="fa fa-facebook"></i></a></li> <li><a href="https://plus.google.com/+SlideServe" rel="nofollow"><i class="fa fa-google-plus"></i></a></li> <li><a href="https://twitter.com/slideserve" rel="nofollow"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.youtube.com/user/SlideServe" rel="nofollow"><i class="fa fa-youtube-play"></i></a></li> <li><a href="https://www.pinterest.com/slideserve/" rel="nofollow"><i class="fa fa-pinterest"></i></a></li> </ul> </div> </div> </div> </div> </footer> <script> var subdom = window.location.href.split("/")[2].split(".")[0]; <!------- g analytics[ ------> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-31359012-1', 'auto'); ga('send', 'pageview'); <!------- g analytics ] ------> <!------- fb comment[ ------> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); <!------- fb comment] ------> </script> <script async src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script> <script> //------------------------------------------------------------------------------------------- //on jquery load event function onjqueryload() { //------------------------------------------------------------------------------------------- //Load javascript files loadHandler.load("/new/script/bootstrap.min.js","script",null); loadHandler.load("/js/player.min.js","script",null); loadHandler.load("/js/winHandler.min.js","script",null); loadHandler.load("/js/viewPageHandler.min.js","script",null); //------------------------------------------------------------------------------------------- $(document ).ready(function() { /*$.post( "/track.php", {vid:2933481,uid:30634,vlink:"writing-your-own-web-page-using-html-and-frontpage"}) .done(function( data ) {});*/ }); } //------------------------------------------------------------------------------------------- </script> </body></html>