html+css+js 我的学校网页设计与制作实例(6个页面)
HTML+CSS+JS网页设计与制作，我的学校网页设计与制作实例， 本实例适合于初学HTML+CSS+JS的同学。该案例里面有div+css的样式布局设置，这个实例比较全面，有一级页、二级页、详情页、输入表单等，共6个页面。本文将介绍如何通过从零开始设计我的学校网站，并将其转换为代码的过程来实现设计与制作。（网页设计与制作分享。源码分享。）
1.网页作品简介方面 ：青绿色简约风格，div+css布局。主要有：首页、关于暨大、学校新闻、新闻详情页、校园风光、 联系我们等总共6个页面html下载。
2.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果等。 首页制作了搜索表单。
3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，图片居中布局，文本描述对齐方式设置了左对齐。
4.网页作品编辑方面：此作品为我的学校网页设计题材，代码为 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、Vscode 、Sublime 所有编辑器均可使用）
视频演示：
视频加载中…
截图演示：
首页
关于暨大
学校新闻
新闻详情页
校园风光
联系我们
文件目录：
HTML代码：
首页
也适用于：大学生网页作业制作 (HTML+CSS)、大学生HTML期末大作业、web前端期末大作业、web课程设计网页规划与设计、我的学校网页设计作业成品、HTML+CSS+JS网页设计期末课程大作业等。
css样式：
html+css+js 黑神话悟空网页设计与制作
html+css+js 黑神话悟空网页设计与制作
网站介绍
1、网站程序：主要使用网页三剑客html+css+javaScript实现网页设计与制作，完成网站的功能设计。制作适用于任何浏览器或设备的精美网站。
2、网站素材：搜集或制作适合网页风格和尺寸的图片，追求优质视觉体验。
3、网站文件：网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件等。
4、网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、Sublime 、HBuilder、Vscode 、Webstorm、Notepad++ 、Text 等任意编辑软件进行编辑修改等操作）。
5、网站布局：主要采用浮动布局。兼容各大主流浏览器、显示效果稳定。
6、网页效果预览：双击html文件或者拖拽html文件到浏览器打开，即可预览当前网页效果。
网站亮点
1、视觉设计：排版布局极简设计，优质的视觉体验等。
2、动效交互：幻灯效果、入场动画、按钮点击、视差功能、锚点功能、图片画廊功能等。
网站文件目录
（1）index.html：首页html；
（2）style：静态资源目录，存放css网页样式文件、js网页特效文件、images网页图片文件等；
（3）css文件夹：存放网页所有css样式表文件文件；
（4）images文件夹：存放网页所有图片资源文件；
（5）js文件夹：存放网页所有网页特效文件；
适用于课程设计、HTML期末大作业等。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
