1 dpw.lacounty.gov Khaled Tawfik 8/6/2012. 2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width.

Slides:



Advertisements
Similar presentations
ROSI Express Training: Adding Additional Instructors to a Course Meeting Section.
Advertisements

Tyler SIS Mobile. © 2010 Tyler Technologies, Inc. When a Tyler SIS site is accessed via an iPhone, iPod touch, or BlackBerry, the code recognizes it is.
Start menu -> all program -> Microsoft Visual SourceSafe-> Microsoft Visual Studio 2010 Click.
Part 5 Introduction to CSS. CSS Display - Block and Inline Elements A block element is an element that takes up the full width available, and has a line.
User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.
CSS Menus and Rollovers. Agenda foil Separating style from content 3 pages in one file Rollovers in CSS Horizontal drop-downs Vertical drop-downs.
INTRODUCTORY Tutorial 7 Creating Liquid Layouts. XP Objectives Discern the differences among various types of layouts Create a liquid layout Create a.
Advance CSS (Menu and Layout) Miftahul Huda. CSS Navigation MENU It's truly remarkable what can be achieved through CSS, especially with navigation menus.
Twitter Bootstrap Paul Frederickson. Tonight’s Objectives Learn how to set up a bootstrap based site Become familiar with bootstrap syntax Create a framework.
Government Web Template (GWT) for WordPress Updated 03/20/2015.
Technologies for web publishing Ing. Václav Freylich Lecture 6.
Click your mouse to continue. Personalized Menus When you open a menu for the first time, the default menu items appear on the short menu. Click the double-arrow.

 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Gwinnett County Public Schools A few tricks to take you beyond the basics of Microsoft Office 2007 Microsoft Office 2007: Utilizing MS Office full drop-down.
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Getting to Know Grants: Peoplesoft General Ledger Web Reports – Budget Variance, Income Statement and Grants.
User Interface Design using jQuery Mobile CIS 136 Building Mobile Apps 1.
StressChill App Click the StressChill icon (shown to the right) to open the app. If you do not see this on the desktop, you will find it in the pull up.
Lesson 13: Building Web Forms Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
DHHS Open Window Office of Procurement & Contract Services Reviewer/Approver Instructions.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Class 5 PHP MySQL Robert Mudge Reference:
The Nav Bar. Nav is short for Navigation. Having a Navigation Bar makes searching for information easier on those accessing your page. Here are some common.
USER INTERFACE.
USING METADATA TO REFINE SHAREPOINT SEARCHES SCOTT HICKMAN – IT4E APRIL 15, 2015 Scott Hickman – IT4E
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
Nickelodeon – Blogs User Guide. 1. Introduction The admin tool allows you to create and publish blog posts easily and efficiently along with managing.
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
Website Features as of January 12, Site Menu Manager Click and drag menu item management Menu item renaming.
Look Fors in Rubicon Rubicon Atlas Website. To enter the Rubicon Atlas website for Franklin Township Public Schools, 1. Find your name in the drop down.
SYSTEMSDESIGNANALYSIS 1 Chapter 18 Interface Design Jerry Post Copyright © 1997.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
Videos. Adding Videos to a Web Page Videos can make our pages more interesting and engaging. Most video-hosting services, such as YouTube, will provide.
Login Form, Custom HTML Banner, Newsfeed, Polls CSS, HTML files Joom Gallery, Doc Man Model View Controller.
CHAPTER 5 Working with Data Tables and Inline Frames.
Web Design I Spring 2009 Kevin Cole Gallaudet University
S.O.A.R. Sharing Our Acceptance and Respect
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Stylizing a Navigation Menu with CSS Web Design – Section 4-13 Part or all of this lesson was adapted from the University of Washington’s “Web Design &
Open up both Refworks and Google Scholar at the same time HOW TO INPUT YOUR REFERENCE: Import from Google Scholar HOW TO INPUT YOUR REFERENCE: Import from.
CREATING A SAVINGS ACCOUNT. 2 The client is approved The client account is created in the system Before proceeding, make sure that…
Layout with Styles Castro Chapter 11. Tables vs. CSS You can produce “liquid layouts” (layouts that stretch as the browser is resized) using tables or.
MY-CLUB © 2010 Doxess. All Rights Reserved. Website Designer 2.0 Coming Soon Press or left-click on mouse to advance to the next slide ClubRunner.
password from home is wiseowl.
ACADEMIC COURSE SCHEDULE Adding the Building and Room to a Section Using SSASECT.
LCF - LE Proposed Beta UI Student-related Screens.
STAGES Language Application Overview. The Language Application is available on a separate URL (typically /stagesLanguage) and tied to only one database.
Export & Publish a Universal Windows Platform WakeUpAndCode.com.
ACADEMIC COURSE SCHEDULE Assigning Multiple Instructors to a Section Using SSASECT.
ZIPTROPOLIS The idea of Ziptropolis is simple: a social application based on location of users.
Orion 'Code Edit': A Really Sweet Stand-Alone Code Editor Eric Moffatt Orion Committer IDS Web IDE (Tooling)
1 Company Confidential Need a Mobile DotNetNuke Site? Get One the Quick and Easy Way Using CSS Media Queries Amelia Marschall Partner & Creative Director.
INT222 – Internet Fundamentals Week 8: Using New HTML features 1.
Fundamentals of Web DevelopmentRandy Connolly and Ricardo Hoar Textbook to be published by Pearson Ed in early Bootstrap.
Design And Front Visual Set Up Progress | 95%  Backend Codes And Hidden Side Progress | 72%  Overall Progress| 69%  Seo And Optimization Progress |
Cascading Style Sheets Layout
Unit 3 – Web design Final Project
Instruction: Evaluating with the Faculty App
Find the resources you need when you need them.
Instructions Evaluating with the Faculty App
Learning about Taxes with Intuit ProFile
P2P Req to Receive Receive an Order
One Theme - Ensemble CMS
CMP Creating Your Personal and Small Business Web Sites
Presentation transcript:

1 dpw.lacounty.gov Khaled Tawfik 8/6/2012

2 Standard Header options: 1.Full Header 2.Slim Header 3.Slim Header without search 4.Slim Header full width

3 Option 1: Full Header No changes to the header, including the dropdown menu, search, banner…

4 Option 2: Slim Header Search to the right of slim header, everything else customizable below.

5 Search not part of header, but could be part of the site or app below including dropdown menus. Option 3: Slim Header without search

4.Slim Header Full Width: /lib/template/header10.html CSS Code: #slim-header-container {width: 100%; } 6 Standard Header Options 1. Full Header Fixed Width: /lib/template/header01.html 2. Slim Header Fixed Width: /lib/template/header10.html 3.Slim Header Without Search: /lib/template/header10.html CSS Code:.pw-search {display: none; }