Dreamweaver网页制作我的家乡_介绍家乡网页html代码资源-CSDN文库

共176个文件

jpg：86个

gif：37个

css：24个

5星 · 超过95%的资源需积分: 47 193 浏览量 2010-07-04 19:51:25 上传评论 31 收藏 7.97MB RAR 举报

在本项目中，“Dreamweaver网页制作我的家乡”是一个利用Adobe Dreamweaver创建的个人网页作品，主题聚焦于作者的家乡——宁波。Dreamweaver是一款强大的网页设计与开发工具，它集成了直观的视觉界面与代码编辑功能，使得网页制作过程更加高效。接下来，我们将深入探讨这个项目中涉及的网页制作相关知识点。 CSS（Cascading Style Sheets）是网页样式表语言，用于定义网页中元素的布局、颜色、字体等外观特性。在这个项目中，作者使用CSS来定制网页的视觉效果，可能包括背景图像、文字样式、布局结构以及交互效果等。CSS通过选择器定位网页元素，然后应用相应的属性，以实现个性化的设计。例如，使用`body`选择器设置整个页面的背景色，或者使用`.container`类控制主要内容区域的宽度和对齐方式。 HTML（HyperText Markup Language）是网页内容的基础结构，它定义了网页的各个部分，如标题、段落、图片、链接等。在Dreamweaver中，用户可以直观地通过拖放和预览功能来创建和编辑HTML元素，同时软件会自动生成相应的代码。例如，作者可能添加了`<h1>`标题来呈现“我的家乡宁波”，并通过`<img>`标签插入展示宁波风光的图片。此外，可能还涉及到了JavaScript，这是一种客户端脚本语言，用于增加网页的交互性。例如，作者可能用JavaScript实现了一些动态效果，如导航菜单的响应式行为或图片滑动展示。在Dreamweaver中，用户可以通过内置的代码编辑器添加和编辑JavaScript代码。关于宁波的元素，作者可能在网页设计中融入了当地的文化特色、地标建筑或者传统活动。这可能体现在图片选择、色彩搭配、排版布局等方面，使得网页既具有功能性，又富有地方文化气息。在网页发布方面，Dreamweaver支持FTP（File Transfer Protocol）上传功能，使得用户可以直接将完成的网页部署到服务器。这涉及到域名解析、空间配置等网络基础知识，也是网页上线的重要步骤。总结来说，这个项目涵盖了网页设计的基本流程，包括使用Dreamweaver进行布局设计、通过CSS美化样式、借助HTML构建结构、可能涉及JavaScript增加交互性，并最终通过FTP发布到互联网。这个过程展示了作者对网页制作技术的掌握，同时也体现了对家乡文化的热爱和表达。

资源详情

资源评论

资源推荐

收起资源包目录

Dreamweaver网页制作我的家乡（176个子文件）

default.css 28KB

layout5_text.css 16KB

layout4_text.css 15KB

layout4_setup.css 13KB

layout5_setup.css 13KB

layout3_text.css 12KB

layout2_text.css 12KB

layout3_setup.css 11KB

layout2_setup.css 11KB

layout1_setup.css 10KB

header1_setup.css 8KB

header4_setup.css 8KB

header3_setup.css 8KB

layout1_text.css 7KB

style.css 7KB

style.css 6KB

header7_setup.css 6KB

header2_setup.css 6KB

default.css 5KB

header5_setup.css 5KB

header6_setup.css 5KB

main.css 2KB

css.css 2KB

index.css 1KB

Thumbs.db 308KB

Thumbs.db 274KB

Thumbs.db 172KB

Thumbs.db 154KB

Thumbs.db 66KB

Thumbs.db 55KB

web_14.gif 16KB

web_08.gif 11KB

web_06.gif 5KB

pic_bg.gif 4KB

img01.gif 4KB

web_07.gif 3KB

web_10.gif 3KB

web_20.gif 3KB

web_18.gif 2KB

web_02.gif 2KB

web_17.gif 2KB

web_19.gif 1KB

web_12.gif 1KB

web_05.gif 1KB

web_11.gif 1KB

web_09.gif 1KB

web_15.gif 1KB

web_13.gif 922B

morebg.gif 913B

ifocus_btn_bg.gif 909B

web_16.gif 855B

bg_bullet_half_1.gif 825B

proimgtopbg.gif 451B

proimgbotbg.gif 342B

web_03.gif 192B

down.gif 125B

up.gif 125B

bullet.gif 106B

bg_bullet_half_2.gif 99B

bg_corner_topright.gif 60B

bg_corner_topleft.gif 58B

forgetbullet.gif 53B

bg_bullet_full_2.gif 50B

arrow.gif 46B

footernavdiv.gif 44B

dashed.gif 44B

spacer.gif 43B

tyguangchang.htm 15KB

waitan.htm 14KB

city1.htm 13KB

history.htm 12KB

main.htm 6KB

baoguosi.html 11KB

development.html 11KB

hemudu.html 8KB

food.html 7KB

index.html 6KB

tianyige.html 6KB

favicon.ico 894B

nb17.jpg 473KB

h2.jpg 289KB

h1.jpg 213KB

t1.jpg 170KB

ty5.jpg 165KB

02.jpg 105KB

btn_02.jpg 105KB

03.jpg 102KB

btn_03.jpg 102KB

5.jpg 101KB

btn_5.jpg 101KB

5.jpg 101KB

botton_b1.jpg 99KB

b1.jpg 99KB

ty4.jpg 96KB

p_large_5Phm_7e4b0001d9c82d0d.jpg 95KB

ty3.jpg 91KB

1.jpg 90KB

background.jpg 89KB

b2.jpg 84KB

共 176 条

<head> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin:0; padding:0; word-break:break-all; } body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size:1em; } a { color:#0287CA; text-decoration:none; } a:hover { text-decoration:underline; } ul, li { list-style:none; } fieldset, img { border:none; } legend { display:none; } em, strong, cite, th { font-style:normal; font-weight:normal; } input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; } table { border-collapse:collapse; } html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/ /* iFocus style */ #ifocus { width:525px; height:245px; margin:20px; border:1px solid #DEDEDE; background:#F8F8F8; } #ifocus_pic { display:inline; position:relative; float:left; width:410px; height:225px; overflow:hidden; margin:10px 0 0 10px; } #ifocus_piclist { position:absolute; } #ifocus_piclist li { width:410px; height:225px; overflow:hidden; } #ifocus_piclist img { width:410px; height:225px; } #ifocus_btn { display:inline; float:right; width:91px; margin:9px 9px 0 0; } #ifocus_btn li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; } #ifocus_btn .current { background: url(img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } #ifocus_opdiv { position:absolute; left:0; bottom:0; width:410px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; } #ifocus_tx .normal { display:none; } </style> <script type="text/javascript"> function $(id) { return document.getElementById(id); } function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos)/10); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x)/10); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos)/10); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y)/10); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; elem.movement = setTimeout(repeat,interval); } function classNormal(iFocusBtnID,iFocusTxID){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); for(var i=0; i<iFocusBtns.length; i++) { iFocusBtns[i].className='normal'; iFocusTxs[i].className='normal'; } } function classCurrent(iFocusBtnID,iFocusTxID,n){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); var iFocusTxs = $(iFocusTxID).getElementsByTagName('li'); iFocusBtns[n].className='current'; iFocusTxs[n].className='current'; } function iFocusChange() { if(!$('ifocus')) return false; $('ifocus').onmouseover = function(){atuokey = true}; $('ifocus').onmouseout = function(){atuokey = false}; var iFocusBtns = $('ifocus_btn').getElementsByTagName('li'); var listLength = iFocusBtns.length; iFocusBtns[0].onmouseover = function() { moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (listLength>=2) { iFocusBtns[1].onmouseover = function() { moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } } if (listLength>=3) { iFocusBtns[2].onmouseover = function() { moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } } if (listLength>=4) { iFocusBtns[3].onmouseover = function() { moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } } } setInterval('autoiFocus()',5000); var atuokey = false; function autoiFocus() { if(!$('ifocus')) return false; if(atuokey) return false; var focusBtnList = $('ifocus_btn').getElementsByTagName('li'); var listLength = focusBtnList.length; for(var i=0; i<listLength; i++) { if (focusBtnList[i].className == 'current') var currentNum = i; } if (currentNum==0&&listLength!=1 ){ moveElement('ifocus_piclist',0,-225,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',1); } if (currentNum==1&&listLength!=2 ){ moveElement('ifocus_piclist',0,-450,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',2); } if (currentNum==2&&listLength!=3 ){ moveElement('ifocus_piclist',0,-675,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',3); } if (currentNum==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==1&&listLength==2 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } if (currentNum==2&&listLength==3 ){ moveElement('ifocus_piclist',0,0,5); classNormal('ifocus_btn','ifocus_tx'); classCurrent('ifocus_btn','ifocus_tx',0); } } addLoadEvent(iFocusChange); </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Subordinate by Free Css Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> <style type="text/css">  </style> </head> <body> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="main.htm"><span class="numbertxt"> </span>首页</a></li> <li><a href="city1.htm"><span class="numbertxt"> </span>都市</a><a href="tianyige.html"><span class="numbertxt"> </span>乡土</a></li> <li><a href="history.htm"><span class="numbertxt"> </span>历史</a></li> <li class="last"><a href="development.html"><span class="numbertxt"> </span>发展</a></li> <li><a href="food.html"><span class="numbertxt"> </span>美食</a><a href="#"><span class="numbertxt"> </span> </ul> </div> </div> <div id="page"> <div id="content"> <div class="post"> <h1 align="center" class="title">蜘蛛不结网，灰尘不上梁</h1> <div class="entry"> <p><img src="images/b2.jpg" alt="" width="150" height="150" class="left" /><span class="STYLE2">    保国寺除了木结构建筑的一“奇”之外，另有一“奇”就是大殿的每个角落不见鸟雀筑巢、蜘丝悬梁，更见不到虫蛀蚁蚀。原来大殿的建筑材料中，有一种带刺激性香味的<a target="_blank" href="http://baike.baidu.com/view/1212865.htm">黄桧</a>，散发出为禽虫所畏闻的气味。也有一种说法是因为特殊的建筑