【写在前面】之前学生时代自己也做了不少页面,现在毕业后也希望能慢慢的分享出来给大家,希望能给刚接触web开发的你带来一些启发。其实关于网页制作,没有大家想象中的那么难,接下来给大家详细介绍一下如何实现网页的制作,主要把思路整清楚了实现起来也很快。我们废话不多说直接整活。
涉及知识:HTML制作页面,CSS制作页面, ul li实现菜单跳转
注:博文片尾附完整源码分享包
目录
1、实现效果
首页:
旅游:
美食:
历史:
风土人情:
留言:
2、实现过程
前期准备
有关图片和文字的网上搜集,整理好自己的架构。
首先实现过程我们主要从布局开始,html主要是搭建页面,css主要是设置样式,在页面上
html制作页面
我们主要从以下三个方面入手:
头部:logo和菜单的设计与实现
中间:banner和布局的实现,采用左右上下布局的方式
底部:声明设计,主要涉及文字和背景色的设计
其实关于我的家乡网页设计的话总体框架是不变的,主要是中间内容的设计是变化的。
CSS样式设计:
我们主要从以下几个方面来设计头部菜单的背景图,采用float:left布局的方式,菜单使用ul li的方式,使用A标签实现跳转。
3、源码包分享
百度云分享地址
链接:https://pan.baidu.com/s/1jAL2ItetNj4LdqkRhqXRYg
提取码:hdd6
123云盘分享地址
链接:https://www.123pan.com/s/ZxkUVv-0PJ4.html
提取码:hdd6
不想下载的有需要的可以留个邮箱哈!
4、彩蛋皇榜
倾心打造佳作,愿解君之惑,如若有幸,盼君上榜助阵,特此敬谢!
皇榜入口点击此处
版权归原作者 拄杖盲学轻声码 所有, 如有侵权,请联系我们删除。