📂文章目录


二、📚网站介绍

📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。

📘网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。

📒网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

📙网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:​​Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++​​​ 等任意html编辑软件进行运行及修改编辑等操作)。
其中:
(1)📜html文件包含:其中index.html是首页、其他html为二级页面;
(2)📑 css文件包含:css全部页面样式,文字滚动, 图片放大等;
(3)📄 js文件包含:js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。


三、🔗网站效果

▶️1.视频演示

R32JP-学校简单网页(9页)HTML+CSS

🧩 2.图片演示

学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_网页设计与制作


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_前端_02


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_web课程与设计_03


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_web课程与设计_04


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_前端_05


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_前端_06


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_web前端期末大作业_07


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_网页设计与制作_08


学生DW网页设计作业成品 简单的学校网站制作与实现 HTML+CSS+JS_网页设计与制作_09


四、💒 网站代码

🧱HTML结构代码

🏠CSS样式代码