【免费】黑绿色图片新闻网站模板_黑色博客大图新闻企业图片.rar资源-CSDN文库

共32个文件

gif：25个

css：4个

html：3个

需积分: 0 72 浏览量更新于2023-09-11 收藏 163KB RAR 举报

"黑绿色图片新闻网站模板_黑色博客大图新闻企业图片.rar"是一个压缩包，其中包含了一个设计用于新闻网站或博客的模板。这个模板以其独特的黑绿色调和大图展示为特点，旨在为企业或个人提供一个专业且吸引眼球的在线新闻发布平台。中的"html"表明该模板基于HTML语言构建。HTML（HyperText Markup Language）是网页开发的基础，它通过一系列标签来定义页面结构和内容。这个模板很可能使用了HTML5，因为HTML5提供了更多的语义元素和更好的多媒体支持，使得创建动态和交互性强的网页变得更加容易。 "html 毕业设计"提示我们，这个项目可能是某位学生或新手开发者作为毕业设计的一部分完成的。毕业设计通常要求学生综合运用所学知识，以一个实际项目的形式展示他们的技能，而这个HTML模板可能就是这样的成果。这也意味着，模板可能具有一定的教学价值，适合初学者学习和参考。在【压缩包子文件的文件名称列表】中，我们可以看到以下几个文件： 1. `layout.css`：这是样式表文件，用于定义整个网站的布局和样式。CSS（Cascading Style Sheets）允许开发者分离网页的内容与表现，使网站看起来更加美观并易于维护。`layout.css`可能包含了全局的样式规则，如页面宽度、间距、背景色等。 2. `navi.css`：这个文件专门处理导航菜单的样式。在网站设计中，导航菜单通常是必不可少的，它帮助用户轻松地在各个页面之间切换。`navi.css`将确保导航菜单的外观和行为符合设计要求。 3. `forms.css`：表单是网站中用于收集用户信息的重要元素，如登录、注册、搜索等。`forms.css`将定义这些表单的样式，包括输入框、按钮、提示信息等。 4. `tables.css`：表格在展示数据时非常有用，例如新闻列表、统计数据等。`tables.css`会规定表格的样式，使其在视觉上清晰易读。 5. `.gif`文件：这些是图形交换格式（GIF）的图像文件，可能用于网站的图标、按钮或其他装饰性元素。GIF支持动画，因此部分文件可能包含动态效果。综合以上信息，这个压缩包提供的资源是一个完整的HTML网站模板，适合用来快速搭建新闻类或博客类网站。模板设计者已经预先设置了布局、导航、表单和表格的样式，以及一些必要的图形元素。对于学习网页设计和开发的人来说，这是一个很好的实践案例，可以从中学习到HTML和CSS的实际应用。而对于那些需要快速创建网站的人来说，可以直接使用这个模板进行定制，以满足自己的需求。

收起资源包目录

黑绿色图片新闻网站模板_黑色博客大图新闻企业图片.rar （32个子文件）

60x60.gif 426B

6.gif 6KB

tables.css 849B

250x250.gif 1KB

8.gif 7KB

forms.css 2KB

imgr.gif 1KB

layout.css 9KB

290x100.gif 1KB

200x150.gif 774B

imgl.gif 998B

7.gif 5KB

174x174.gif 758B

5.gif 7KB

navi.css 3KB

2.gif 12KB

190x80.gif 737B

avatar.gif 796B

9.gif 7KB

240x90.gif 1KB

index.html 0B

3.gif 10KB

80x80.gif 583B

620x270.gif 2KB

1.gif 72KB

white_file.gif 46B

green_file.gif 46B

4.gif 13KB

full-width.html 8KB

125x125.gif 711B

style-demo.html 13KB

468x60.gif 1KB

资源推荐

资源预览

资源评论

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Newserific | Style Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="styles/layout.css" type="text/css" /> </head> <body id="top"> <div class="wrapper col1"> <div id="header"> <div class="fl_left"> <h1><a href="#">Newserific</a></h1> <p>Free CSS Website Template</p> </div> <div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt="" /></a></div> <br class="clear" /> </div> </div>  <div class="wrapper col2"> <div id="topbar"> <div id="topnav"> <ul> <li><a href="index.html">Home</a></li> <li class="active"><a href="style-demo.html">Style Demo</a></li> <li><a href="full-width.html">Full Width</a></li> <li><a href="#">DropDown</a> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> </ul> </li> <li class="last"><a href="#">A Long Link Text</a></li> </ul> </div> <div id="search"> <form action="#" method="post"> <fieldset> <legend>Site Search</legend> <input type="text" value="Search Our Website…" onfocus="this.value=(this.value=='Search Our Website…')? '' : this.value ;" /> <input type="submit" name="go" id="go" value="Search" /> </fieldset> </form> </div> <br class="clear" /> </div> </div>  <div class="wrapper col3"> <div id="breadcrumb"> <ul> <li class="first">You Are Here</li> <li>»</li> <li><a href="#">Home</a></li> <li>»</li> <li><a href="#">Grand Parent</a></li> <li>»</li> <li><a href="#">Parent</a></li> <li>»</li> <li class="current"><a href="#">Child</a></li> </ul> </div> </div>  <div class="wrapper col4"> <div id="container"> <div id="content"> <h1><h1> to <h6> - Headline Colour and Size Are All The Same</h1> <img class="imgr" src="images/demo/imgr.gif" alt="" width="125" height="125" /> <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p> <p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p> <img class="imgl" src="images/demo/imgl.gif" alt="" width="125" height="125" /> <p>This is a W3C compliant free website template from <a href="http://www.moobnn.com/" title="模板在线">网站模板</a>. This template is distributed using a <a href="#">Website Template Licence</a>.</p> <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit <a href="#">Free Website Templates</a>.</p> <p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p> <h2>Table(s)</h2> <table summary="Summary Here" cellpadding="0" cellspacing="0"> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> </thead> <tbody> <tr class="light"> <td>Value 1</td> <td>Value 2</td> <td>Value 3</td> <td>Value 4</td> </tr> <tr class="dark"> <td>Value 5</td> <td>Value 6</td> <td>Value 7</td> <td>Value 8</td> </tr> <tr class="light"> <td>Value 9</td> <td>Value 10</td> <td>Value 11</td> <td>Value 12</td> </tr> <tr class="dark"> <td>Value 13</td> <td>Value 14</td> <td>Value 15</td> <td>Value 16</td> </tr> </tbody> </table> <div id="comments"> <h2>Comments</h2> <ul class="commentlist"> <li class="comment_odd"> <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div> <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div> <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p> </li> <li class="comment_even"> <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div> <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div> <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p> </li> <li class="comment_odd"> <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div> <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div> <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p> </li> </ul> </div> <h2>Write A Comment</h2> <div id="respond"> <form action="#" method="post"> <p> <input type="text" name="name" id="name" value="" size="22" /> <label for="name"><small>Name (required)</small></label> </p> <p> <input type="text" name="email" id="email" value="" size="22" /> <label for="email"><small>Mail (required)</small></label> </p> <p> <textarea name="comment" id="comment" cols="100%" rows="10"></textarea> <label for="comment" style="display:none;"><small>Comment (required)</small></label> </p> <p> <input name="submit" type="submit" id="submit" value="Submit Form" />   <input name="reset" type="reset" id="reset" tabindex="5" value="Reset Form" /> </p> </form> </div> </div> <div id="column"> <div class="subnav"> <h2>Secondary Navigation</h2> <ul> <li><a href="#">Open Source Templates</a></li> <li><a href="#">Free CSS Templates</a> <ul> <li><a href="#">Free XHTML Templates</a></li> <li><a href="#">Free Website Templates</a></li> </ul> </li> <li><a href="#">Open