咖啡厅网站html模板_咖啡厅网站资源-CSDN文库

共54个文件

png：22个

gif：14个

jpg：10个

版权申诉

html模板

网站模板

5星 · 超过95%的资源 65 浏览量 2020-12-04 16:00:58 上传评论收藏 374KB RAR 举报

"咖啡厅网站html模板"所涉及的知识点主要集中在网页设计与开发领域，特别是HTML（HyperText Markup Language）的应用。HTML是构建网页的基本语言，用于定义网页的结构和内容。在这个特定的模板中，HTML被用来创建一个适合咖啡厅的网站布局，可能包括首页、文章页面、关于我们页面、站点地图、文章列表以及联系我们页面。 "咖啡厅网站html模板"通常会包含一系列预设的网页元素和设计风格，旨在快速构建出一个美观且功能齐全的咖啡厅主题网站。这些模板通常会展示咖啡馆的特色，如菜单、环境图片、营业时间、位置信息等，以吸引潜在顾客。 "咖啡厅 html模板网站模板"揭示了该资源的主要特性。"咖啡厅"表示这个模板是为咖啡店或类似业务设计的；"html模板"则强调它是基于HTML的，适用于网页开发；"网站模板"则意味着它是一个预先设计好的框架，开发者可以依据自己的需求进行定制。在【压缩包子文件的文件名称列表】中，我们可以看到以下关键文件： 1. `style.css`：这是样式表文件，包含了整个网站的CSS（Cascading Style Sheets）代码。CSS用于定义网页的外观和布局，如字体、颜色、间距、布局和响应式设计等，确保网站在不同设备上都能良好显示。 2. `home.html`：首页文件，通常包含网站的主要信息和导航链接，是用户访问网站时首先看到的页面。 3. `article.html`和`articles.html`：可能代表文章页面和文章列表，用于发布与咖啡厅相关的新闻、活动或者博客文章。 4. `about-us.html`：关于我们的页面，通常介绍咖啡厅的历史、理念、团队成员等信息。 5. `sitemap.html`：站点地图，帮助用户和搜索引擎更好地理解网站的结构，列出所有主要页面的链接。 6. `contact-us.html`：联系我们的页面，提供联系方式，如地址、电话、邮箱等，有时还包括联系表单。 7. `ie_png.js`：这是一个JavaScript文件，可能用于解决Internet Explorer浏览器对PNG透明图像的支持问题。 8. `images`：这个目录很可能包含了网站使用的各种图像资源，如咖啡厅的照片、图标、装饰性图片等。综合以上信息，我们可以得出，这个"咖啡厅网站html模板"是一个完整的网页设计方案，包含了基本的HTML结构、CSS样式和必要的JavaScript脚本，以及丰富的视觉素材，便于开发者快速创建一个具有专业外观和功能的咖啡厅网站。开发者可以根据自身需求对模板进行修改和扩展，以适应特定的品牌形象和功能要求。

资源详情

资源评论

资源推荐

收起资源包目录

咖啡厅网站html模板.rar （54个子文件）

ie_png.js 10KB

sitemap.html 5KB

article.html 5KB

home.html 5KB

articles.html 4KB

about-us.html 5KB

images

._1page-img2.jpg 4KB

._divider.gif 4KB

border-side.png 109B

1page-img2.jpg 5KB

header-bg.jpg 109KB

left-bot-corner.png 115B

top-tail.jpg 26KB

right-top-corner.png 115B

._left-bot-corner.png 4KB

._png-bg.png 4KB

logo.png 4KB

right-bot-corner.png 369B

._icon-home.gif 4KB

icon-mail.gif 97B

._logo.png 4KB

._icon-mail.gif 4KB

._right-top-corner.png 4KB

._border-bot.png 4KB

._img-wrapper2.gif 4KB

._left-top-corner.png 4KB

._header-bg.jpg 4KB

img-wrapper1.png 557B

border-top.png 120B

._spacer.gif 4KB

spacer.gif 43B

._box-bg.png 4KB

._1page-img1.jpg 4KB

png-bg.png 118B

divider.gif 92B

left-top-corner.png 346B

._icon-map.gif 4KB

border-bot.png 121B

._top-tail.jpg 4KB

._border-side.png 4KB

content-bg.jpg 205KB

._footer-bg.gif 4KB

1page-img1.jpg 5KB

img-wrapper2.gif 696B

._img-wrapper1.png 4KB

footer-bg.gif 305B

box-bg.png 137B

icon-home.gif 92B

icon-map.gif 92B

._content-bg.jpg 4KB

._border-top.png 4KB

._right-bot-corner.png 4KB

contact-us.html 4KB

style.css 6KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Home - Home Page | Coffee - Free Website Template from Templates.com </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Place your description here" /> <meta name="keywords" content="put, your, keyword, here" /> <meta name="author" content="Templates.com - website templates provider" /> <link href="style.css" rel="stylesheet" type="text/css" />  </head> <body id="page1">  <div id="header"> <div class="container"> <div class="wrapper"> <ul class="top-links"> <li><a href="index.html" class="first"><img alt="" src="images/icon-home.gif" /></a></li> <li><a href="contact-us.html"><img alt="" src="images/icon-mail.gif" /></a></li> <li><a href="sitemap.html"><img alt="" src="images/icon-map.gif" /></a></li> </ul> <div class="logo"> <h1><a href="home.html">Coffee</a><span>Free 1024 x 768 Optimized Website Template from Templates.com</span></h1> </div> </div> <ul class="nav"> <li><a href="home.html" class="first current">Home</a></li> <li><a href="about-us.html">About Us</a></li> <li><a href="articles.html">Articles</a></li> <li><a href="contact-us.html">Contact Us</a></li> <li><a href="sitemap.html">Site Map</a></li> </ul> </div> </div>  <div id="content"><div class="inner_copy"></div> <div class="container"> <div class="inside">  <div class="box alt"> <div class="left-top-corner"> <div class="right-top-corner"> <div class="border-top"></div> </div> </div> <div class="border-left"> <div class="border-right"> <div class="inner"> <div class="wrapper"> <dl class="special fright"> <dt>Special</dt> <dd><img alt="" src="images/1page-img1.jpg" /><span>12.95</span></dd> <dd><img alt="" src="images/1page-img2.jpg" /><span>12.95</span></dd> </dl> <h2>Welcome to Us!</h2> <p>Coffee is a free websites template created by Templates.com team. This website template is optimized for 1024X768 screen resolution. It is also XHTML & CSS valid.</p> <p>The website template goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD is available for anyone without registration).</p> This website template has several pages: <a href="home.html">Home</a>, <a href="about-us.html">About us</a>, <a href="articles.html">Articles</a> (with <a href="article.html">Article page</a>), <a href="contact-us.html">Contact us</a> (note that contact us form – doesn’t work), <a href="sitemap.html">Site Map</a>. </div> </div> </div> </div> <div class="left-bot-corner"> <div class="right-bot-corner"> <div class="border-bot"></div> </div> </div> </div>   <div class="box"> <div class="left-top-corner"> <div class="right-top-corner"> <div class="border-top"></div> </div> </div> <div class="border-left"> <div class="border-right"> <div class="inner"> <h3>Recent Articles</h3> <dl> <dt><a href="article.html">About Coffee</a></dt> <dd>Coffee is a drink made from the roasted seeds (coffee beans). It is originally native to Ethiopia, but popular all around the world due to its stimulating effect. If you want to learn more about this drink- just search in Google for define “coffee”.</dd> <dt><a href="articles.html">About Coffee Template</a></dt> <dd>Free 1028X768 Optimized Website Template from Templates.com! We really hope that you like this template and will use for your websites.</dd> <dt><a href="about-us.html">About Coffee History</a></dt> <dd>The history of coffee is so interesting! Learn more about it in this sample article.</dd> </dl> </div> </div> </div> <div class="left-bot-corner"> <div class="right-bot-corner"> <div class="border-bot"></div> </div> </div> </div>  </div> </div> </div>  <div id="footer"> <div class="container"> <div class="indent"> <div class="fleft">Copyrights - Type in Your Name Here</div> <div class="fright">Popular free web templates <a href="http://www.websitetemplatesonline.com" target="_blank">at www.WebsiteTemplatesOnline.com</a>. <a href="http://www.getjoomlatemplatesfree.com/" title="Joomla Templates for Websites">GetJoomlaTemplatesFree.com</a> - free Joomla themes for websites.</div> </div> </div> </div> </body> </html>