Black Goose Bistro

Class-3A

What does “marking up” text mean? Basically, it means to add structure and meaning to the page. Specific tags, denoted by characters within angle brackets, are used to signify the beginning, and end of each element.

For example, to tell the web browser that the “Black Goose Bistro” is a heading, the text is marked-up into a heading element, using level-one heading tags:

Black Goose Bistro

The look of the heading, the typeface, type size and color, are set using a separate, supplementary presentation language: Cascading Style Sheets (CSS). In the example below, the CSS is defined internally inside the of the HTML document. In this course, we will define our CSS externally in a separate CSS file.

Chapter 4 exercise

   body < background-color: #C2A7F2; font-family: sans-serif;>h1 < color: #2A1959; border-bottom: 2px solid #2A1959;>h2 < color: #474B94; font-size: 1.2em;>h2, p 
 Black Goose Bistro
 
The Restaurant
 
The Black Goose Bistro offers casual lunch and dinner fare in a hip atmosphere. The menu changes regularly to highlight the freshest ingredients.
 
Catering
 
You have fun. we'll handle the cooking. Black Goose Catering can handle events from snacks for bridge club to elegant corporate fundraisers.
 
Location and Hours
 
Seekonk, Massachusetts; Monday through Thursday 11am to 9pm, Friday and Saturday, 11am to midnight
  

HTML

Figure 1 shows the anatomy of a typical HTML element.

Figure: Anatomy of an HTML element.

Tags

An HTML tag is always contained between a left angle bracket “”. These tags are special instructions designed to mark or “tag” a particular section of the web page, for example to identify a set of text as bold. The tags do not appear in the visual display of the web page. In general, HTML tags have a starting tag “” and an ending tag that has the same name as the starting tag but with a forward slash at the beginning “”. The text in between the starting and ending tags is the only text affected by the tags.For example, to make some text bold, the HTML would be written as follows:Here is some text, and this text will show bold when displayed in a browser.

What is a “div”?

The tag defines a division or a section in an HTML document. The tag is often used to group elements to format them with styles. With divs you’ll be able to create one-column, two-column and three-column layouts. These layouts are the beginning structure for most page layouts.

& Sections

An HTML web page is divided into to two major sections, the head and body. The head section is a description of the page, with its title, any meta tags, JavaScript, and other special information about the page. The head section does not contain any displayed content. The body section contains a description of how the page should look and work, including the text, text markup, links for images, form descriptions, and links to other pages.

Basic HTML

A simple example of a web page

    
Some text for a web page that demonstrates the basic form of HTML in a web page.
  

Basic CSS

A simple example of a CSS style for a webpage

Additional Resources

One Column Layout

A designer follows a grid system when s/he creates a layout for a web page. Three of the most common layouts are the one column, two column, and three column layouts. Above is an image of what a basic one column layout looks like.

The HTML code and the CSS used to create a one column layout are outlined below. This is also the “starter code” you’ll use for the Assignment 3 Exercise (Part 1).

Basic HTML: One column layout

(Remember, the tag defines a division or a section in an HTML document. The tag is often used to group elements to format them with styles.)

Basic CSS: One column layout

* < margin: 0px; padding: 0px; >body < margin-left: 0px; margin-top: 0px; >#wrapper < width: 990px; margin-right: auto; margin-left: auto; >#header < height: 150px; >#content < background-color: #FFF; >#footer

Источник

Black Goose Bistro Creating a Web page with

Notepad • Click on the Start Menu and navigate to Notepad (it is in Accessories) • Clicking on Notepad will open a new window, and you’re ready to start typing.

Entering Content • Type the content for the home page into the new document in your text editor. p g 5 5 Black Goose Bistro The Restaurant The Black Goose Bistro offers casual lunch and dinner fare in a hip atmosphere. Catering Services You have fun. . . we’ll handle the cooking. Black Goose Catering can handle events from snacks for bridge club to elegant corporate fundraisers. Location and Hours Seekonk, Massachusetts; Monday through Thursday 11 am to 9 pm, Friday and Saturday, 11 am to midnight

• Select Save As. Save the File as index. html • Locate the folder titled Bistro

Adding Basic Structure • Put the entire document in an HTML root element by adding an start tag at the very beginning and an end tag at the end of the text. • Create the document head that contains the title of the page. Insert and tags before the content. Within the head element, add the title, “Black Goose Bistro, ” surrounded by the opening and closing tags. • Define the body of the document by wrapping the content in and tags. So, It will look like …

Defining Text Elements • The first line of text, “Black Goose Bistro, ” is the main heading for the page, so mark it up as a Heading 1 or h 1. Put the opening tag , at the beginning of the line and the closing tag at the end. (if you haven’t done so already) • This page also has three subheads. Mark them up as Heading 2 or h 2. Put the opening tag , at the beginning of the line and the closing tag at the end. Ex. The Restaurant. • Each h 2 element is followed by a brief paragraph of text, so mark them up as a paragraph

element as an opening tag before the paragraph and

as an ending tag after the paragraph. So, It will look like …

Emphasize Text • In the Catering section, emphasize that visitors should just leave the cooking to us. To make the text emphasized, mark it up in an emphasis element we’ll handle the cooking. So, It will look like …

Adding an Image • Insert the image at the beginning of the first-level heading by typing in the img element and its attributes. – Type < img alt="Black Goose logo" src="file: ///F: /Bistro/images/blackgoose. gif">Black Goose Bistro your flash driver (j: /) So, It will look like …

The Black Goose Bistro offers casual lunch and dinner fare in a hip atmosphere.

Catering Services

You have fun. . . we’ll handle the cooking. Black Goose Catering can handle events from snacks for bridge club to elegant corporate fundraisers.

Location and Hours

Seekonk, Massachusetts; Monday through Thursday 11 am to 9 pm, Friday and Saturday, 11 am to midnight

Adding a Style Sheet • The style element is placed inside the head of the document. It uses the required type attribute to tell the browser the type of information in the element (text/css is currently the only option). • Type:

You will be adding more to your Bistro page in upcoming lessons!

Источник

The Black Goose Bistro HTML

The purpose of this assignment was to learn the basics of HTML in order to get an introduction to web design. To accomplish this, I read the online textbook that was assigned to the class and learned how to create the groundwork for a simple web page using HTML. After reading the chapter, I used my new knowledge to input the code below into notepad.

After finishing the code, it was ready to be viewed in a browser. The photo above is a screenshot of the final product being viewed in Google Chrome. This project was an excellent way to get hands on experience with HTML and basic web design. After completing this project, I feel confident that I know enough about the general structure of a web page to create more simple web pages such as this. This will definitely be a very important skill to know and develop further as I continue my computer science studies throughout my college career at the University at Albany. Now that I know this basics, I look forward to learning even more about HTML and Cascading Style Sheets so that I can create more advanced webpages in the future.

Источник

Bistro Menu

This season, we explore the spicy flavors blended with the freshest local produce to offer Mod Oz dining infused with contemporary Asian twists. Big, bold flavors combined intricately with delicate spices produce a stunning dining experience.

Summer Menu

Allow us to assist you with finding the perfect wine.

Appetisers

Black bean purses Spicy black beans with Thai spaices and a blend of local goat cheeses wrapped in sheets of phyllo and baked until golden. $15.95 Sumptuous napoleons with sand crab —new item! Layers of light locally sourced sand crab meat, bean, fresh tomato and corn salsa, and our handmade flour tortillas. $17.95 Cured Ocean Trout salad Cambodian style cured ocean trout served with spiced palm sugar caramel tossed through a green mango, bean sprouts and Thai basil salad. $19.95

Main courses

Prawn sate kebabs with peanut sauce Skewers of local prawns marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served with spicy peanut sauce and jasmine rice. $26.95 Jamacan style chicken with fried plantains — new item! Tender free range chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jamacan style sauces and served with fried plantains and fresh bowen mango. $32.95 Grilled venison with wild mushroom fricasee Flavorful local venison marinated in asian flavors grilled to perfection. Served over a blend of sauteed wild mushrooms with a side of blue cheese mashed potatoes — $34.95

If you have special dietary requirements please inform us and we will do our best to accomodate you.

Baker Street, Tenneriffe, Brisbane
Hours: Monday through Thursday, 11am to 9pm ,
Friday and Saturday, 11am to midnight

All content copyright © 2019, Black Goose Bistro

Источник