update,
This commit is contained in:
34
macylee2486/task2/html_ws/draft_0002/A1_draft1.html
Normal file
34
macylee2486/task2/html_ws/draft_0002/A1_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A1 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A1 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
682
macylee2486/task2/html_ws/draft_0002/A1_head.html
Normal file
682
macylee2486/task2/html_ws/draft_0002/A1_head.html
Normal file
@@ -0,0 +1,682 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>A1</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css"
|
||||
/>
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
|
||||
<!-- Set page size here: A5, A4 or A1 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>
|
||||
@page {
|
||||
size: A1;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A1" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A1">
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset">
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_top.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
<div
|
||||
style="
|
||||
filter: opacity(0.5);
|
||||
background-image: url('./bg_bottom.jpg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 50%;
|
||||
"
|
||||
></div>
|
||||
|
||||
<div
|
||||
style="
|
||||
position: relative;
|
||||
top: -846mm;
|
||||
height: 841mm;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
padding-top: 10mm;
|
||||
|
||||
padding-left: 10mm;
|
||||
padding-right: 10mm;
|
||||
"
|
||||
>
|
||||
<!-- header -->
|
||||
<div style="text-align: center">
|
||||
<h1 style="font-size: 3rem">Proposed Research Project</h1>
|
||||
|
||||
<div>The Bird Diversity Between Tree Species in Hong Kong</div>
|
||||
<div>UCLAN ID: G21260508</div>
|
||||
<div>Email: MLEE1414@student.myersough.ac.uk</div>
|
||||
</div>
|
||||
<!-- header -->
|
||||
|
||||
<!-- body -->
|
||||
<!-- part1 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin: 10mm 10mm;
|
||||
height: 280mm;
|
||||
"
|
||||
>
|
||||
<div class="intro_and_meth">
|
||||
<div class="cell">
|
||||
<div class="title">Introduction :</div>
|
||||
<div class="content">
|
||||
This study focus on the bird diversity between tree species in
|
||||
Hong Kong. Stagoll et al. (2012) mentioned that old trees can be
|
||||
greater quantity of eatable food sources for different type of
|
||||
organisms. Furthermore, according Barth et al. (2015),
|
||||
established trees can attract more birds than young tree because
|
||||
it can generate more fruits and generate tree hollows. This
|
||||
paper is to investigate i) the necessary and advantages on
|
||||
implementing a holistic green planning including to introduce
|
||||
more tree species which could easily accommodate different kind
|
||||
of bird and the possibility of alternative proposal in urban
|
||||
greenery, ii) to study whether bird species are correlated with
|
||||
the species and iii) current situation of tree species and bird
|
||||
species in Hong Kong and assessing the opportunities and the
|
||||
barrier on implementation at present.
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="title">Methodology:</div>
|
||||
<div class="content">
|
||||
The study will be based on a systemic search and categorizing of
|
||||
relevant literature review on ScienceDirect databases (January
|
||||
2014 – January 2024) to extract original research paper
|
||||
examining bird diversity between tree species , relevant
|
||||
literatures published between March 2014 to March 2024 only with
|
||||
English language. Papers will includes the data collection and
|
||||
analysis. Conference proceedings and papers difficult to locate
|
||||
were exclude. Evidence for showing importance on linkage of
|
||||
local, district and regional green forestry with bird diversity
|
||||
are summaries in general. For the species of trees, Old Value
|
||||
Trees and non Old Values Trees in Hong Kong will be selected for
|
||||
flied work. Information will be analysis by the statistical
|
||||
method, describing data using descriptive statistics ( e.g.
|
||||
graphical presentation) For the tool collecting tree bird data,
|
||||
the range finder app and binoculars will be used as estimate the
|
||||
tree height and use to count the far objects.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="min-width: 50%">
|
||||
<div style="min-width: 50%; height: 300px; overflow-y: hidden">
|
||||
<table>
|
||||
<tr>
|
||||
<td>No.</td>
|
||||
<td>Title</td>
|
||||
<td>Author</td>
|
||||
<td>Year of publication</td>
|
||||
<td>
|
||||
Study location (city, state, country, continents and
|
||||
climatic zones)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
Single dead trees matter: Small-scale canopy gaps increase
|
||||
the species richness, diversity and abundance of birds
|
||||
breeding in a temperate deciduous forest
|
||||
</td>
|
||||
<td>Pawe Lewandowski, Fabian Przepióra</td>
|
||||
<td>2021</td>
|
||||
<td>Carpathians (SE Poland)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>
|
||||
How do edge effect and tree species diversity change bird
|
||||
diversity and avian nest survival in Germany’s largest
|
||||
deciduous forest?
|
||||
</td>
|
||||
<td>Péter Batáry, Stefanie Fronczek</td>
|
||||
<td>2014</td>
|
||||
<td>Hainich National Park, Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
Relating forest structural characteristics to bat and bird
|
||||
diversity in the Italian Alps
|
||||
</td>
|
||||
<td>Francesca Rigo, Chiara Paniccia</td>
|
||||
<td>2024</td>
|
||||
<td>Italy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>
|
||||
Shelterwood harvests promote high breeding bird diversity
|
||||
and shrubland species for less than 10 years in hardwood
|
||||
forests
|
||||
</td>
|
||||
<td>
|
||||
Cathryn H. Greenberg , Maria Whitehead , J. Drew Lanham
|
||||
</td>
|
||||
<td>2023</td>
|
||||
<td>North Carolina, USA.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>
|
||||
Large trees as a key factor for bird diversity in
|
||||
spruce-dominated production forests: Implications for
|
||||
conservation management
|
||||
</td>
|
||||
<td>Dominik Kebrle , Petr Zasadil , Jan Hošek</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic (CR)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>
|
||||
Evergreen ivy vines as a key element maintaining the high
|
||||
diversity of birds wintering in Central European forests
|
||||
</td>
|
||||
<td>Łukasz Kajtoch a, Emilia Grzędzicka</td>
|
||||
<td>2023</td>
|
||||
<td>Southern Poland and central Slovakia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>
|
||||
Key structural factors and their thresholds for promoting
|
||||
bird diversity in spruce-dominated production forests of
|
||||
central Europe
|
||||
</td>
|
||||
<td>Dominik Kebrle , Jeňýk Hofmeister</td>
|
||||
<td>2023</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>
|
||||
Breeding bird abundance and species diversity greatest in
|
||||
high-severity wildfire patches in central hardwood forests
|
||||
</td>
|
||||
<td>Cathryn H. Greenberg , Christopher E. Moorman</td>
|
||||
<td>2014</td>
|
||||
<td>Western North Carolina, USA</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>
|
||||
Bird taxonomic and functional diversity, group- and
|
||||
species-level effects on a gradient of weevil-caused damage
|
||||
in eucalypt plantations
|
||||
</td>
|
||||
<td>Ricardo S. Ceia , Nuno Faria</td>
|
||||
<td>2018</td>
|
||||
<td>Central Portugal:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>
|
||||
Genetic diversity of an invasive tree across time and
|
||||
contrasting landscape conditions
|
||||
</td>
|
||||
<td>Natalia Aguirre-Acosta</td>
|
||||
<td>2016</td>
|
||||
<td>China and Korea</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
<td>
|
||||
Site and landscape scale drivers of bird and insect
|
||||
diversity in Native and novel forest ecosystems of Central
|
||||
Portugal
|
||||
</td>
|
||||
<td>Mauro Nereu , Joaquim S. Silva</td>
|
||||
<td>2015</td>
|
||||
<td>Coimbra district, Central Portugal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12</td>
|
||||
<td>
|
||||
Even minor logging road development can decrease the
|
||||
functional diversity of forest bird communities: Evidence
|
||||
from a biodiversity hotspot
|
||||
</td>
|
||||
<td>Nan Wu , Baoshuang Hu , Yao Wang</td>
|
||||
<td>2023</td>
|
||||
<td>
|
||||
Shennongjia World Natural Heritage Site , Hubei Province,
|
||||
central China
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>13</td>
|
||||
<td>
|
||||
Functional diversity of tree cavities for secondary
|
||||
cavity-nesting birds in logged subtropical Piedmont forests
|
||||
of the Andes
|
||||
</td>
|
||||
<td>Alejandro . Schaaf, Daniela Gomez,</td>
|
||||
<td>2020</td>
|
||||
<td>Northwestern Argentina</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14</td>
|
||||
<td>
|
||||
Broadleaf retention benefits to bird diversity in
|
||||
mid-rotation conifer production stands
|
||||
</td>
|
||||
<td>Matts Lindbladh , Johan Elmberg , Per-Ola Hedwall</td>
|
||||
<td>2022</td>
|
||||
<td>Southern Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>15</td>
|
||||
<td>
|
||||
Bark beetle infestation spots as biodiversity hotspots:
|
||||
Canopy gaps resulting from insect outbreaks enhance the
|
||||
species richness, diversity and abundance of birds breeding
|
||||
in coniferous forests
|
||||
</td>
|
||||
<td>Fabian Przepióra , Jan Loch ,</td>
|
||||
<td>2020</td>
|
||||
<td>Tatra Mts.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16</td>
|
||||
<td>
|
||||
Effects of habitat degradation on bird functional diversity:
|
||||
A field test in the Valdivian rainforest
|
||||
</td>
|
||||
<td>Francisco E. Fontúrbel , Juan F. Betancurt‐Grisales</td>
|
||||
<td>2022</td>
|
||||
<td>South American countries</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>17</td>
|
||||
<td>
|
||||
Fire and tree species diversity in tropical peat swamp
|
||||
forests
|
||||
</td>
|
||||
<td>Liubov Volkova , Haruni Krisnawati</td>
|
||||
<td>2023</td>
|
||||
<td>Indonesia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>18</td>
|
||||
<td>
|
||||
Advantages and limitations of tree mixtures in enhancing
|
||||
avian diversity in commercial timber plantations: Early
|
||||
insights from southern China
|
||||
</td>
|
||||
<td>Demeng Jiang , Xinran Miao</td>
|
||||
<td>2023</td>
|
||||
<td>Nanning and Chongzuo municipalities in Guangxi.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>19</td>
|
||||
<td>
|
||||
Effects of tree retention and woody biomass removal on bird
|
||||
and small mammal communities
|
||||
</td>
|
||||
<td>Alexis R. Grinde</td>
|
||||
<td>2020</td>
|
||||
<td>Northern Minnesota USA,</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>20</td>
|
||||
<td>
|
||||
Characterising the richness and diversity of forest bird
|
||||
species using National Forest Inventory data in Germany
|
||||
</td>
|
||||
<td>Judith Reise , Florian Kukulka</td>
|
||||
<td>2019</td>
|
||||
<td>Forest area of Germany</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>21</td>
|
||||
<td>
|
||||
Land use diversity and prey availability structure the bird
|
||||
communities in Norway spruce plantation forests
|
||||
</td>
|
||||
<td>Lucie Vélová , Adam Véle</td>
|
||||
<td>2021</td>
|
||||
<td>Czech Republic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>22</td>
|
||||
<td>
|
||||
Effects of plant species richness on the structure of
|
||||
plant-bird interaction networks along a 3000-m elevational
|
||||
gradient in subtropical forests
|
||||
</td>
|
||||
<td>Boyu Lei, Yaoyao Tian, Jifa Cui,</td>
|
||||
<td>2023</td>
|
||||
<td>Hubei Province, central China</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>23</td>
|
||||
<td>
|
||||
Non-native tree plantations are weak substitutes for
|
||||
near-natural forests regarding plant diversity and
|
||||
ecological value
|
||||
</td>
|
||||
<td>Khanh Vu Ho , György Kröel-Dulay</td>
|
||||
<td>2023</td>
|
||||
<td>Danube and Tisza in Hungary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>24</td>
|
||||
<td>
|
||||
Examining the temporal effects of wildfires on forest birds:
|
||||
Should I stay or should I go?
|
||||
</td>
|
||||
<td>Roger Puig-Gironès, Lluís Brotons</td>
|
||||
<td>2023</td>
|
||||
<td>Catalonia</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>25</td>
|
||||
<td>
|
||||
Short-term experimental support for bird diversity retention
|
||||
measures during thinning in European boreal forests
|
||||
</td>
|
||||
<td>Julian Klein , Matthew Low</td>
|
||||
<td>2022</td>
|
||||
<td>Central Sweden</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>26</td>
|
||||
<td>
|
||||
Seasonal patterns of habitat use of resident birds in
|
||||
Białowieża Forest and its links to post-disturbance
|
||||
management
|
||||
</td>
|
||||
<td>Rosanne J. Michielsen , Michał Żmihorski</td>
|
||||
<td>2024</td>
|
||||
<td>Poland and Belarus</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>27</td>
|
||||
<td>
|
||||
Shifting tree species composition affects biodiversity of
|
||||
multiple taxa in Central European forests
|
||||
</td>
|
||||
<td>Jan Leidinger , Markus Blaschke</td>
|
||||
<td>2021</td>
|
||||
<td>Southern Germany.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>28</td>
|
||||
<td>
|
||||
Beyond beaver wetlands: The engineering activities of a
|
||||
semi-aquatic mammal mediate the species richness and
|
||||
abundance of terrestrial birds wintering in a temperate
|
||||
forest
|
||||
</td>
|
||||
<td>Izabela Fedyń , Fabian Przepióra</td>
|
||||
<td>2023</td>
|
||||
<td>Poland</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>
|
||||
Differential effects of forestry plantations on bird
|
||||
diversity: A global assessment
|
||||
</td>
|
||||
<td>Gabriel J. Castaño-Villa</td>
|
||||
<td>2019</td>
|
||||
<td>
|
||||
ISI Web of Science, Scopus, and ScienceDirect databases
|
||||
(January 2000 – December 2017)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>
|
||||
Microhabitat requirements and occupancy of understorey bird
|
||||
forest specialists in Southern Mistbelt Forests of
|
||||
KwaZulu-Natal, South Africa
|
||||
</td>
|
||||
<td>Nasiphi Bitani , Craig P. Cordier</td>
|
||||
<td>2023</td>
|
||||
<td>South Africa</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
Table 2 : Authors, year, journal and study location of the 30
|
||||
research paper on examining bird diversity between tree species
|
||||
extracted in this study
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part1 end -->
|
||||
|
||||
<!-- part2 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 3rem;
|
||||
margin: 10mm 10mm;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
min-width: 50%;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture2.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>title</div>
|
||||
</div>
|
||||
|
||||
<div class="discuss_and_conclu">
|
||||
<div style="min-width: 50%">
|
||||
<div class="title">Discussion and Conclusion</div>
|
||||
<div class="content">
|
||||
By using strategic searching, a total of 295 original, peer
|
||||
reviewed research paper examining bird diversity between tree
|
||||
species extracted in this study were identified. A wide range of
|
||||
discipline was discovered, including arboricultural, ecology,
|
||||
economic, education and urban plantation, only 11 % of the
|
||||
papers are related to Bird Diversity between Tree species.
|
||||
Geographic region distribution of the 30 research papers on
|
||||
examining bird diversity between tree species extracted in this
|
||||
study as listed in Table 3, including Africa, United States,
|
||||
Asia, Europe and so on. Compared with Old Value Trees and Non
|
||||
Old Value Trees Species Composition in Hong Kong, there are some
|
||||
birds namely: Tree Sparrow, Feral Pigeon, Spotted Dove,
|
||||
Yellow-crested Cockatoo, Red-whiskered Bulbul, Crested Myna,
|
||||
Eurasian Magpie, Oriental Magpie Robin, Japanese White-eye,
|
||||
Black-collared Starling, Large-billed Crow, Asian Koel, Great
|
||||
tit, Alexandrine Parakeet, Common Tailorbird, Masked
|
||||
Laughingthrush, Black crowned Night, Heron, Red-billed Blue and
|
||||
Magpie found in the top 5 common trees namely Ficus macrocarpa,
|
||||
Cinnamomum camphora, Ceiba pentandra, Ficus virens var.
|
||||
sublanceolata and Albizia lebbeck. The details is listed in
|
||||
table 5. However, it is found that the result may cause by
|
||||
external factors, such as animal disturbance ( e.g. cats and
|
||||
squirrels, chemical applications). For future studies, it could
|
||||
focus on some topics, including connecting and collaborating the
|
||||
multi-levels of urban forestation, expanding the program to
|
||||
large- scales identification, policy and planning improvements,
|
||||
seeking strategic solutions and conduct scientific studies to
|
||||
achieve the bird diversity between tree species.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part2 end -->
|
||||
|
||||
<!-- part3 -->
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1rem;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
margin: 10mm 10mm;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture3.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 3 : Geographic region distribution of the 30 research papers
|
||||
on examining bird diversity between tree species extracted in this
|
||||
study
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture4.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 4 : Top 5 Old Value Trees and Non Old Value Trees Species
|
||||
Composition in Hong Kong
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 30%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('./img/Picture5.png');
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
></div>
|
||||
<div>
|
||||
Table 5: Bird species found in TOP 5 of Old Value Trees and with
|
||||
other trees
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- part3 end -->
|
||||
|
||||
<!-- references -->
|
||||
<div style="margin: 5mm 10mm">
|
||||
<div>
|
||||
<b>References:</b>
|
||||
<ul>
|
||||
<li>
|
||||
Barth James, B., Ian FitzGibbon, S., & Stuart Wilson, R. (2015).
|
||||
New urban developments that retain more remnant trees have
|
||||
greater bird diversity
|
||||
doi:https://doi.org.eproxy.vtclib9.vtc.edu.hk/10.1016/j.landurbplan.2014.11.003
|
||||
</li>
|
||||
<li>
|
||||
Le Roux, D. S., Ikin, K., Lindenmayer, D. B., Manning, A. D., &
|
||||
Gibbons, P. (2014). The future of large old trees in urban
|
||||
landscapes. Plos One, 9(6), e99403. Retrieved from
|
||||
https://doi.org/10.1371/journal.pone.0099403
|
||||
</li>
|
||||
<li>
|
||||
Jim, C.Y., Chan, W.H.,2016. Urban greenspace delivery in Hong
|
||||
Kong: Spatial-institutional limitations and solution. Urban
|
||||
Forestry & Urban Greening. 18. 65-85
|
||||
</li>
|
||||
<li>
|
||||
Roy, S., Byrne, J.A., Pickering, C., 2012. A systematic
|
||||
quantitative review of urban tree benefits, costs, and
|
||||
assessment methods across cities in different climatic zones.
|
||||
Urban Forestry & Urban Greening 11, 351-363.
|
||||
</li>
|
||||
<li>
|
||||
Stagoll, K., Lindenmayer, D. B., Knight, E., Fischer, J., &
|
||||
Manning, A. D. (2012). Large trees are keystone structures in
|
||||
urban parks. Conservation Letters, 5(2), 115-122.
|
||||
doi:10.1111/j.1755-263X.2011.00216.x
|
||||
</li>
|
||||
<li>
|
||||
Shmelev, S.E., Shmeleva, I.A., 2009. Sustainable Cities:
|
||||
problems of integrated interdisciplinary research, International
|
||||
Journal of Sustainable Development 12, 4-23.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- references end -->
|
||||
|
||||
<!-- body -->
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
BIN
macylee2486/task2/html_ws/draft_0002/a1_test.pdf
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/a1_test.pdf
Normal file
Binary file not shown.
34
macylee2486/task2/html_ws/draft_0002/a3-landscape.html
Normal file
34
macylee2486/task2/html_ws/draft_0002/a3-landscape.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3 landscape</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 landscape }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3 landscape">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document (landscape).</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
34
macylee2486/task2/html_ws/draft_0002/a3.html
Normal file
34
macylee2486/task2/html_ws/draft_0002/a3.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet padding-10mm">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document.</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
34
macylee2486/task2/html_ws/draft_0002/a3_draft1.html
Normal file
34
macylee2486/task2/html_ws/draft_0002/a3_draft1.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>A3</title>
|
||||
|
||||
<!-- Normalize or reset CSS with your favorite library -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
|
||||
|
||||
<!-- Load paper.css for happy printing -->
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
|
||||
<!-- Set page size here: A5, A4 or A3 -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<style>@page { size: A3 }</style>
|
||||
</head>
|
||||
|
||||
<!-- Set "A5", "A4" or "A3" for class name -->
|
||||
<!-- Set also "landscape" if you need -->
|
||||
<body class="A3">
|
||||
|
||||
<!-- Each sheet element should have the class "sheet" -->
|
||||
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
|
||||
<section class="sheet" style="margin: 0; box-shadow: unset;">
|
||||
|
||||
<!-- Write HTML just like a web page -->
|
||||
<article>This is an A3 document. 11111s</article>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
BIN
macylee2486/task2/html_ws/draft_0002/bg_bottom.jpg
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/bg_bottom.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/bg_top.jpg
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/bg_top.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture2.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture3.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture4.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture4.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture5.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/img/Picture5.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
macylee2486/task2/html_ws/draft_0002/preview.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/preview.png
(Stored with Git LFS)
Normal file
Binary file not shown.
88
macylee2486/task2/html_ws/draft_0002/style.css
Normal file
88
macylee2486/task2/html_ws/draft_0002/style.css
Normal file
@@ -0,0 +1,88 @@
|
||||
@page { margin: 0 }
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.sheet {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
page-break-after: always;
|
||||
}
|
||||
|
||||
.intro_and_meth {
|
||||
font-size: 2rem;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.intro_and_meth .cell{
|
||||
padding-top: 3rem;
|
||||
|
||||
}
|
||||
|
||||
.intro_and_meth .title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.intro_and_meth .content {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.discuss_and_conclu {
|
||||
background-color: gold;
|
||||
}
|
||||
|
||||
.discuss_and_conclu .title{
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.discuss_and_conclu .content{
|
||||
font-size: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/** Paper sizes **/
|
||||
body.A1 .sheet { width: 594mm; height: 841mm }
|
||||
body.A3 .sheet { width: 297mm; height: 419mm }
|
||||
body.A3.landscape .sheet { width: 420mm; height: 296mm }
|
||||
body.A4 .sheet { width: 210mm; height: 296mm }
|
||||
body.A4.landscape .sheet { width: 297mm; height: 209mm }
|
||||
body.A5 .sheet { width: 148mm; height: 209mm }
|
||||
body.A5.landscape .sheet { width: 210mm; height: 147mm }
|
||||
body.letter .sheet { width: 216mm; height: 279mm }
|
||||
body.letter.landscape .sheet { width: 280mm; height: 215mm }
|
||||
body.legal .sheet { width: 216mm; height: 356mm }
|
||||
body.legal.landscape .sheet { width: 357mm; height: 215mm }
|
||||
|
||||
/** Padding area **/
|
||||
.sheet.padding-10mm { padding: 10mm }
|
||||
.sheet.padding-15mm { padding: 15mm }
|
||||
.sheet.padding-20mm { padding: 20mm }
|
||||
.sheet.padding-25mm { padding: 25mm }
|
||||
|
||||
/** For screen preview **/
|
||||
@media screen {
|
||||
body { background: #e0e0e0 }
|
||||
.sheet {
|
||||
background: rgba(32,32,32,0.2);
|
||||
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
|
||||
margin: 5mm auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** Fix for Chrome issue #273306 **/
|
||||
@media print {
|
||||
body.A1 { width: 594mm }
|
||||
body.A3.landscape { width: 420mm }
|
||||
body.A3, body.A4.landscape { width: 297mm }
|
||||
body.A4, body.A5.landscape { width: 210mm }
|
||||
body.A5 { width: 148mm }
|
||||
body.letter, body.legal { width: 216mm }
|
||||
body.letter.landscape { width: 280mm }
|
||||
body.legal.landscape { width: 357mm }
|
||||
}
|
||||
|
||||
|
BIN
macylee2486/task2/html_ws/draft_0002/test.png
(Stored with Git LFS)
Normal file
BIN
macylee2486/task2/html_ws/draft_0002/test.png
(Stored with Git LFS)
Normal file
Binary file not shown.
Reference in New Issue
Block a user