HTML（Div+Css）网页设计作业该怎么做？（文末源码）

Posted 2021-07-02 网页源码

静态网站的编写主要是用html+CSS+JS来完成页面的排版设计,一般的网页作业需要融入以下知识点：div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点的体现，软件的话使用Dreamweaver会方便快捷一些，也可以使用Editplus，制作的技巧可参考以下方法：

1. 运用好盒子的浮动，做好层级的设计，页面会更有层次；

   

   
   

2. 使用PhotoShop设计一个Logo，有图形设计的logo不仅仅是几个文字，可以在iconfont找一些成熟漂亮的图标，新手要学会利用素材，而不是搞全新的创作，因为一个完整的LOGO设计可能花费更多的时间，比如我的网站PsdHtml.CN的LOGO创作了有一周...

   

   
   

3. :hover 的运用，比如hover设置底部边框线颜色改变，就会有鼠标滑过变色的效果，也同样可以使用鼠标滑过字体颜色大小改变，背景图的改变等，一句代码、事半功倍；

   

   
   

   
   

   

   
   

4. 制作一个漂亮的导航条，无需js使用 ul li即可完成一个带下拉菜单栏的导航栏，一个可下拉的导航栏会为整个页面增加不少高级感，建议使用浅灰色不必那么鲜艳，同时加入鼠标滑过效果体验更佳；

   

   
   

5. 引入成熟的js轮播图，首页有一个通屏的滚动banner效果会不错，这里可以直接引用成熟的轮播图代码事半功倍，在这里不要觉得不会写js下载代码是不可取的办法，在网页设计上，使用成熟或开源的代码是合理高效的方法，在写网页设计报告的时候也直接写清楚是引用的，自己通过调整尺寸适配等引入到自己的网页中即可；

   <script type="text/javascript" ></script>

   

   
   

6. 学生作业还是要尽可能的将所学知识点融入在网页中，比如音频、视频、表单验证等功能的运用，也是丰富页面的一个手段。

   ‍‍

   

   
   

   
   

http://www.psdhtml.cn/index.php?c=thread&fid=18

建议复制上面网址到电脑浏览器方便下载源码

点点赞

点在看