方法】如何使用h5和css搭建个人博客网站?

2020-03-24 11:21发布

2条回答
tiffany
2楼 · 2020-04-03 11:07

框架概览

网站搭建通常分为两个部分:服务器搭建(服务器端)+网页制作(客户端)。网页制作部分主要包括网页内容、样式设计;服务器部分负责监听端口,根据请求与本地内容生成相应的响应。网站框架示意图如下图所示:

webserver

一种简单的情景是:客户端通过访问特定IP以及端口发送HTML请求,监听该IP端口的服务器(这里使用NodeJS搭建)会接收并解析出HTML请求,然后根据请求的指定路径生成相应的HTML文件,通过HTTP协议返回到客户端,客户端的服务器再根据收到的HTML文件显示或者再次发送请求(依据HTML, CSS, javascript语法)。使用HTML5+CSS+javascript+NodeJS的客户端服务器端通信流程的简易示例图如下:

NodeJS

笔者选用了NodeJS搭建服务器端是因为其同样基于javascript语言,脚本式的语言极易上手,同时异步并发的特性天然支持网站服务器搭建,借助于众多成熟的包可以轻松愉快的搭建出性能不弱的网站服务器。其运行在服务器端,通过监听反馈对用户的需求做出响应。

前端网页制作依赖于HTML, CSS, javascript三大模块,其特性被绝大多数浏览器支持,也是网页制作的标准工具。根据W3C的建议,HTML5负责网页内容(例如包括什么模块、模块的相对位置、文章内容等等),CSS负责样式设计(例如字体大小、模块之间的间距、按钮大小颜色等等),JavaScript负责网页的动态相应部分(即根据用户的操作实时做出响应,例如修改网页内容和样式等等)。网页部分运行在客户端,通过浏览器分析展示给用户。

注意到通过JavaScript,一些无需加密且不依赖于服务器端数据的动态响应,可以在客户端实现即时响应。所以若仅需要静态网页,或者简易的动态效果,并不需要实现服务器的部分;通过拷贝文件,浏览器访问本地网页就可以进行简单的展示。(笔者因为展示的是搜索引擎,需要与本地的数据库、文本文件等做交互,仍然需要服务器端的搭建。)

网页制作

HCJ

关于HTML和CSS的语法,网上有许多入门教程。

笔者觉得比较重要知识的checklist如下:

1. HTML中tag的使用方式,常用tag如

彭彭彭
3楼 · 2021-01-21 14:59

loat定位是CSS排版中重要的手段,属性float的值很简单,可以设置为left、right或者默认值none,当设置了元素向左或向右浮动时,元素会向其父元素的左侧或右侧靠紧。

实际应用场景:当元素有规律的水平排列的时候就想到使用float定位

float属性值:
1) left:左浮动,浮动元素的左边框向父元素的左边框靠。
2)right:右浮动,浮动元素的右边框向父元素的右边框靠。
3)默认为none

(float定位在文字排版和布局排版中经常使用到,要想学好页面的布局,float属性必须用的很熟练。)


相关问题推荐

  • 回答 3

    java常用的类有很多种,每个常用的类当中又会存在很多的一些方法,在这里我给大概举例1-2种一、String类常用的方法1,public char charAt(int index) 返回字符串中index位置处的字符,index从0开始  2,public int compareTo(String anotherString) 比较...

  • 回答 3

    零基础新手快速学习SEO主要方法需要掌握以下几点:1、学习SEO的专业术语各行业都有自己的行业术语,SEO的专业术语相对比较简单。但是对于小白来说,刚上手也是会晕头转向。小白可以先去百度上面简单了解一下SEO比较常见的一些术语:外链、内链、锚文本、robot...

  • 回答 3

    可以做前端开发,学习django和flask框架即可。我有学习资料可以私聊我。

  • 回答 2

    H5页面制作工具,iH5表单和联系人管理工具 ,麦客微博运营辅助工具,皮皮时光机GIF制作工具,GifCam/LICEcap/ScreenToGif在线图形设计工具 ,易图运营知识学习平台, PMCAFF互联网趋势统计分析工具, 百度指数/知乎热榜网站分析工具 ,友盟微信内容排版工具,...

没有解决我的问题,去提问