目录

  • 前言
    • `web期末大作业网页设计-个人介绍-纯html+css`目录树
  • 一、网页介绍
  • 二、网页架构
  • 三、网页环境
  • 四、网页展示
  • 结语

前言

web期末大作业网页设计-个人介绍-纯html+css目录树

  • 19个静态页面、19个css
E:\Desktop\008 个人介绍> tree /F卷 E 的文件夹 PATH 列表卷序列号为 B258-106FE:.2.html│5.ico│food.html│fun.html│hometown.html│hometown2.html│index.html│love.html│main.css│main.js│me.html│teach.html│teach1.html│teach2.html│teach3.html│teach4.html│think.html│think1.html│uni.html│yue.html│├─.vscode│settings.json│├─css│fun.css│hometown.css│hometown2.css│love.css│me.css│nav.css│style.css│teach.css│teach1.css│teach2.css│teach3.css│teach4.css│think.css│think1.css│uni.css│yue.css│└─images1.jpg2-1.jpg2.jpg4.jpg7-1.jpg7.jpg8.jpgball.jpgbody.pngbox1.pngbox2.pngbox3.pngcard.pngfood1.jpgfood2.jpgfood3.jpgfood4.jpgfun.pnghesuan.jpgjulie.jpglogo (2).pnglogo.pnglogo2.jpglove1.jpglove2.jpglove3.jpgmyback.jpgnav (2).pngnav(3).jpgnav(4).pngnav(5).pngnav(6).pngnav(7).pngnav.pngplane.jpgplant.jpgrainstom.jpgschool.jpgsushe.jpgthread.pngtower.jpgtower1.jpguni.jpegvscode.pngwindow1.pngwindow2.pngwindow3.pngyue.jpgzhonghua.jpg

个人主页:@MIKE笔记
文章专栏:毕业设计源码合集
联系博主: wx:mikenote


一、网页介绍

web期末大作业网页设计-个人介绍-纯html+css
具体看在线展示:http://43.142.143.82(服务器到期时间:2023-08-01 21:06:00)


网站建设工具
1.使用VScode,智能,快捷,支持代码补全,节省了开发时间,并且支持多种语言 只需安装插件配置文件即可。
2.网站建设学习资源

  • b站
  • CSDN

3.网站建设步骤及思路分享

  • 网站建设步骤在我一点学习的导航栏里有更为清晰的体现,这里就不一一赘述了
  • 网站的思路分享:我个人觉得建设一个网站首先就是要规划好整体的布局,以及内容,搜寻所需要的素材,建立站点 。布局的好坏直接影响了你网页看起来的效果,在此我推荐一些常用的网站布局,一般是导航栏在顶部,下面分为左右结构,分清主次 或者上中下三层结构等等,很多布局我觉得可以参考一些大型网站的布局或者一些个人博客的布局,以此增加自己的审美以及知识库。 建议壁纸在一些桌面软件里找,会比较清晰。同时建设网页的过程不会是一帆风顺的,要想有理想的效果一定是需要一定时间去调试使用的。

二、网页架构

  1. html
  2. css

三、网页环境

环境版本 / 下载
系统win 10 /win 11
vscode2023

备注:以上版本为博主电脑配置,可点击进入官网下载

四、网页展示

在线展示:http://43.142.143.82(服务器到期时间:2023-08-01 21:06:00)
视频展示:https://b23.tv/KHOVSc4















结语

我个人觉得建设一个网站首先就是要规划好整体的布局,以及内容,搜寻所需要的素材,建立站点 。布局的好坏直接影响了你网页看起来的效果,在此我推荐一些常用的网站布局,一般是导航栏在顶部,下面分为左右结构,分清主次 或者上中下三层结构等等,很多布局我觉得可以参考一些大型网站的布局或者一些个人博客的布局,以此增加自己的审美以及知识库。 建议壁纸在一些桌面软件里找,会比较清晰。同时建设网页的过程不会是一帆风顺的,要想有理想的效果一定是需要一定时间去调试使用的。