1 / 16

Web Design Layout & Organization Review: Step-by-Step Web Authoring, FTP, and Design Basics Tutorial

Learn the basics of web authoring using Netscape Composer, including file naming and URLs. Explore design and layout considerations for creating a web page, with a focus on using tables. Review the 6 major components of a web site for your ePortfolio.

hbray
Download Presentation

Web Design Layout & Organization Review: Step-by-Step Web Authoring, FTP, and Design Basics Tutorial

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. Week 5 & 6 Web Design – Layout & Organization

  2. Review

  3. Step 1Web authoring using Netscape Composer • Basics of Netscape Composer http://web.cortland.edu/shis/314/schedule.htm Tutorials

  4. Step 2 FTP

  5. Step 3: File Name and URL

  6. What’s Next: Design/Layout/Organization • Web Site 6 components for your ePortfolio as mentioned inhttp://web.cortland.edu/shis/314/schedule.htm Week 4: Basic Requirement of your ePortfolio. • Web Page • Design issues - aesthetic considerations (1) Simplicity (2) Consistency (3) Rich information • Design skills - focus: using tables

  7. Web Site – 6 Major Components • Homepage: index.html • EDU314 Projects • Reflections on NETS Project • PowerPoint Project • Edutopia Project • Web Quest Project • Excel Projects • Other Course Projects • Science • Math • Social Studies • Language Arts • About Me • Resume • Educational Links • Cool Ideas http://web.cortland.edu/shis/314/schedule.htm: Week 4 Basic Requirements

  8. Web Page Design • Designing a web page without using tables evTMB 2005 webpages Google Kara’s: http://web.cortland.edu/gyidik94/ • Using tables • Data display http://web.cortland.edu/shis/314 • Page layout http://www.cortland.edu/ http://web.cortland.edu/rombachk

  9. Using Tables for Layout (1)

  10. Using Tables for Layout (2)

  11. Using Tables for Layout (3)

  12. Table skills: Basics • Create and insert a table: Insert > Table >

  13. Table Properties:

  14. Table Properties: concepts • Width in percent means percent of the page, regardless of what size the page is on any viewer's screen. • Width in pixels is absolute: the table will be, say, 400 pixels wide, no matter how wide the viewer's browser window. • Alignment: Choose whether you want your table centered, on the left side of the page, or on the right side of the page. • Borders are what outline your table. Specify the thickness of your table's outside border. All table boarders are defined in pixels. • Cell Spacing: This specifies how thick the grid lines of the table cells will be. • Cell Padding: This is the space between the gridlines of the table (invisible or visible) and the contents of its cells. • Width and Height: Tables will automatically stretch to accommodate whatever you put in them (graphics, text, etc.) If you want your table to have a specific width, be sure to check the box and specify a dimension in the text box. Note: a step-by-step manual is posted to the course schedule, Week 5: http://web.cortland.edu/shis/314/schedule.htm

  15. The first assignment: First Publication of your Home Page • This file shall be named: index.html (this is your default homepage) • Include at least one graphic (eg, your own picture) • A layout of the 6 components based on the syllabus including links to sub-pages (which can be an empty page only with a title). • Email your URL (web address) to shis@cortland.edu by 12am Wednesday Sep.28. • The subject of the email: 314/600 or 314/603 • The body of the email: the link, your full name You can find the requirements for this assignment and all the other assignments at the course website: http://web.cortland.edu/shis/314/schedule.htm, “week 5, Basic Requirements for Your ePortfolio.”

  16. Trouble-shooting the first publication • Picture not showing up • 6 components • Layout: free style or table • Other pages: • Back to home • The navigation bar

More Related