overview
occupy
below
overall
horizontally
neighboring content
The section includes a definition list (using dl, dt, and dd elements) about the movie such as its stars and director. Each
term is bolded and has 10pt of vertical separation between it and the element that precedes it. The bottom of this section
contains a list of links about the movie. The list should be shown without bullets or indentation.
Below the reviews is a bar of centered text indicating reviews "(1-10) of 88", with a background color of #A2B964. It is
placed directly next to surrounding content. 5px separate the edge of its text and the element's own outer edge.
The page's bottom right corner has links to the W3C validators. These images should remain fixed in the page's bottomright corner, even after scrolling. The images should appear as 50% opaque, halfway transparent.
inspect elements
Express all stylistic information on the page using CSS defined in movie.css. The majority of the points for this assignment
will be for the movie.css file. For full credit, your style sheet must successfully pass the W3C CSS validator. Part of your
grade comes from expressing your CSS concisely and without unnecessary or redundant styles. For example, the two
main columns of reviews share many (if not all) styles in common, so you should not specify those styles twice in your CSS
file. As another example, if the page uses the same color or font family for multiple elements, group those elements into a
single CSS rule, so that it would be possible to change the page's color/font by modifying a single place in the CSS. Use
context selectors to avoid needing to apply classes and IDs to large numbers of elements. Limit the use of absolute and
fixed positioning on this assignment. Do not use HTML or CSS constructs past Chapter 4 of the textbook, and do not use
HTML tables.
Below the main heading is the page's overall content area, with an overall 33% rating for the film, several critics' reviews,
and an overview of the film at right. Taken together this content occupies 800px in width and is centered horizontally
within the page. If the page resizes horizontally, this 800px section should move dynamically so that it remains centered
horizontally on the page. This overall section has a 4px gray solid border with a 20px round radius and should be sized
large enough to contain all of its contents. (Hint: See textbook section 4.3 on making contents fit.)
Each review is a box with a quote about the movie, in bold 8pt font. The quote box has a background color of #E8DC9B,
and a gray border, 2px thick with a 10px round radius. 8px separate the quote box's content from its border. Each box has
an icon (fresh.gif or rotten.gif) for whether the reviewer liked or disliked the movie on the left side of the quote box, with
5px separating it from text to its right. Text wraps around the images as needed.
The reviewer's personal information follows under the quote box, including: the reviewer's name; and the publication in
italic. A reviewer icon (critic.gif) is shown to the left of the text, with 5px of horizontal space separating it from the text.
There is 20pt of vertical space between reviews. (Hint: Paragraphs in movie reviews should be made large enough to
contain all their content, including any floating content. See textbook section 4.3.3 on making contents fit into a container.)
The top eight reviews should be as shown, but you should change the last two to hold any text that you like.
ภาพรวมครอบครองด้านล่างโดยรวมในแนวนอนเนื้อหาที่ใกล้เคียงส่วนมีรายการคำจำกัดความ (ใช้ dl, dt และองค์ประกอบของ dd) เกี่ยวกับภาพยนตร์เช่นดาวและกรรมการ แต่ละคำว่าหนา และมี 10pt แบ่งแนวตั้งและองค์ประกอบที่ก่อนหน้านี้ ด้านล่างของหัวข้อนี้ประกอบด้วยรายการของลิงค์เกี่ยวกับภาพยนตร์ ควรจะแสดงรายการ โดยแสดงหัวข้อย่อยหรือย่อหน้าด้านล่างเป็นแถบข้อความตรงกลางแสดงรีวิว "(1-10) ของ 88" กับสีพื้นหลังของ #A2B964 จึงวางอยู่ถัดจากเนื้อหาที่อยู่โดยรอบ 5px แยกขอบของข้อความและขอบด้านนอกขององค์มุมขวาล่างของหน้ามีลิงค์ไปยัง W3C validators ภาพเหล่านี้ควรอยู่ถาวรในมุมของหน้า bottomright แม้หลังจากที่เลื่อน ภาพปรากฏเป็นทึบแสง 50% อยู่ตรงกลางโปร่งใสตรวจสอบองค์ประกอบแสดงข้อมูลทั้งหมดเป็นสำนวนที่หน้าใช้ CSS ที่กำหนดไว้ใน movie.css ส่วนใหญ่จุดกำหนดนี้จะได้ไฟล์ movie.css สำหรับเครดิตเต็ม สไตล์ชีตของคุณต้องเสร็จเรียบร้อยแล้วผ่านตัวตรวจสอบ W3C CSS ส่วนของคุณเกรดมาแสดง CSS ของคุณ concisely และไม่ มีลักษณะที่ไม่จำเป็น หรือซ้ำซ้อน ตัวอย่าง ทั้งสองคอลัมน์หลักของรีวิวร่วมลักษณะจำนวนมาก (ถ้าไม่ทั้งหมด) ที่เหมือนกัน ดังนั้นคุณควรระบุเนื้อหาสองใน CSS ของคุณแฟ้ม เป็นอย่างอื่น ถ้าหน้าใช้สีเดียวกันหรือตระกูลแบบอักษรสำหรับองค์ประกอบหลาย กลุ่มองค์ประกอบเหล่านั้นเป็นการsingle CSS rule, so that it would be possible to change the page's color/font by modifying a single place in the CSS. Usecontext selectors to avoid needing to apply classes and IDs to large numbers of elements. Limit the use of absolute andfixed positioning on this assignment. Do not use HTML or CSS constructs past Chapter 4 of the textbook, and do not useHTML tables.Below the main heading is the page's overall content area, with an overall 33% rating for the film, several critics' reviews,and an overview of the film at right. Taken together this content occupies 800px in width and is centered horizontallywithin the page. If the page resizes horizontally, this 800px section should move dynamically so that it remains centeredhorizontally on the page. This overall section has a 4px gray solid border with a 20px round radius and should be sizedlarge enough to contain all of its contents. (Hint: See textbook section 4.3 on making contents fit.)Each review is a box with a quote about the movie, in bold 8pt font. The quote box has a background color of #E8DC9B,and a gray border, 2px thick with a 10px round radius. 8px separate the quote box's content from its border. Each box hasan icon (fresh.gif or rotten.gif) for whether the reviewer liked or disliked the movie on the left side of the quote box, with5px separating it from text to its right. Text wraps around the images as needed.The reviewer's personal information follows under the quote box, including: the reviewer's name; and the publication initalic. A reviewer icon (critic.gif) is shown to the left of the text, with 5px of horizontal space separating it from the text.
There is 20pt of vertical space between reviews. (Hint: Paragraphs in movie reviews should be made large enough to
contain all their content, including any floating content. See textbook section 4.3.3 on making contents fit into a container.)
The top eight reviews should be as shown, but you should change the last two to hold any text that you like.
การแปล กรุณารอสักครู่..