文章目录
二、网站描述
网站先容
四、网站演示
TML构造代码
如何让学习不再盲目
七、更多干货
题目
HTML静态网页设计作业利用dreamweaver制作，采取DIV+CSS布局，共有多个页面，首页利用CSS排版比较丰富，色彩光鲜有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度
一套优质的网页设计该当包含 (详细可根据个人哀求而定)
页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显斧正常，不错乱，利用Div+Css技能。
菜单都雅、能干，二级菜单可正常弹出与跳转。
要有JS殊效，如定时切换和手动切换图片轮播。
页面中有多媒体元素，如gif、视频、音乐，表单技能的利用。
页面清爽、都雅、大方，不雷同。。
不仅要能够把用户哀求的内容呈现出来，还要知足布局良好、界面都雅、配色优雅、表现形式多样等哀求。
<h网站布局方面：操持采取目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局构造。
网站程序方面：操持采取最新的网页编程措辞HTML5+CSS3+JS程序措辞完成网站的功能设计。并确保网站代码兼容目前市情上所有的主流浏览器，已达到打开后就能即时看到网站的效果。
网站素材方面：操持网络各大平台好看的图片素材，并精挑细选适宜网页风格的图片，然后利用PS做出适宜网页尺寸的图片。
网站文件方面：网站系统文件种类包含：网页构造文件、css网页样式文件、js网页殊效文件、images网页图片文件；
网页编辑方面：网页作品代码大略，可利用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进走运行及修正编辑等操作）。个中：（1）html文件包含：个中index.html是首页、其他html为二级页面；
（2） css文件包含：css全部页面样式,笔墨滚动, 图片放大等；（3） js文件包含：js实现动态轮播殊效, 表单提交, 点击事宜等等（个别网页中利用到js代码）。<h <h HTML构造代码<!-- @Author: your name @Date: 2022-02-16 22:58:33 @LastEditTime: 2022-02-16 22:58:54 @LastEditors: your name @Description: 打开koroFileHeader查看配置 进行设置: @FilePath: \03 北京黎红学院 网页成品4页面\index.htmlCSS样式代码@charset "utf-8";body{ background:#fff;}.head{ width:100%; height:200px; margin:auto; background: url(../images/head_bj.png) top repeat-x #5d644a;}.head_in{ width:930px; height:200px; margin:auto; background: url(../images/head.png) top repeat-x #5d644a;}.head h1{ font-size:56px; line-height:158px; color:#900; text-align:center;}.nav{width:930px; height:40px; border:1px solid #646a52; margin:auto; background:#4c4d3d; }.nav ul{margin:auto;}.nav li{ height:30PX; float:left; padding:5px 20px;}.nav li a{ font-size:24px; color:#ccc; line-height:30px;}.nav li a:hover{ color:#362f2d;}.nav li:hover{ background:#fff}.nav li:hover a{ color:#362f2d;}.center{ text-align:center}.main{ width:100%; height:auto; min-height:500px; margin:auto;}.main_nav{width:940px; height:auto; margin:10px auto;}.main_nav li{ float:left; margin:10px; }.main_con{ width:100%; height:auto; min-height:300px; margin:auto;padding-top:20px; background:#006699;}.main_ad{ width:920px; height:260px; margin:auto; }.main_news{width:900px; height:auto; margin:auto; margin-top:10px; padding-bottom:20px;}.main_news h2{ font-size:26px; line-height:38px; color:#fff;}.main_news p{ font-size:14px; line-height:22px; color:#fff;}.main_news ul{padding-left:20px; }.main_news li{ padding-left:20px;}.main_news li a{ font-size:18px; line-height:32px; color:#fff; }.main_news li a:hover{ font-size:18px; line-height:32px; color:#ffd9b4; }.main_des{width:900px; height:auto; margin:auto; padding-bottom:50px; }.main_des h1{ font-size:28px; line-height:68px; color:#362f2d; text-align:center;}.main_des p{ font-size:16px; line-height:28px; color:#333; text-indent:2em;}.main_zhanshi{width:920px; height:auto; margin:auto;}.main_zhanshi li{ float:left; margin:10px;}.main_zhanshi img{ width:280px; height:200px;}.foot{ width:100%; height:90px; background:#600; margin:auto;text-align:center;}.foot_in{ width:960px; height:90px; padding-top:15px;margin:auto;text-align:center;}.foot_in p{ font-size:16px; line-height:26px; color:#fff; }{ margin:0; padding:0; font-family:黑体; }.clear{ clear:both;}.fl{ float:left;}.fr{ float:right;}img{ border:none;}a{ text-decoration:none;}a:hover{ text-decoration:none;}li{ list-style-type:none;}.p10{ padding:10px;}.main .main_con .main_news h2 a {color: #FFF;}1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374<h第一、带着目标去学习，无论看书报课还是各种线下活动。首先要明确自己的学习目标是什么，是想办理什么问题，实现若何的目标。
第二、学习要建立个人知识体系知识是学不完的，书本是浩如烟海的。我们尽情徜徉个中的时候，千万不要被海水淹去世，没有自我了。在学习过程中，我们会创造每一个知识点都是有她的边界和背景的，我们要长于归纳整理知识
第三、学到了就要用到
有时，我们一天下来觉得学到了很多干货，那么我们一定要将这些知识点和实际事情和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有代价。
