【网页设计自习室#002】网站页面基本布局与结构

2024连夜通宵

已于 2023-10-24 21:13:23 修改

阅读量2.8k

点赞数 2

分类专栏：网页设计文章标签：前端界面设计网页设计 1024程序员节

于 2022-02-04 15:50:19 首次发布

本文链接： https://blog.csdn.net/m0_47121304/article/details/122779323

版权

一.网站中基础概念

1.域名

1.1域名解析

http：www.baidu.com
http：超文本传输协议
www：万维网
baidu.com：顶级域名，二级域名等子域名，唯一的存在
https：经过高级加密的网页

baidu.com 为百度的一级（顶级）域名
fanyi.baidu.com 为百度的二级域名
xxx.fanyi.baidu.com 为百度的三级域名
以此类推

1.2域名分类

.com 商业公司
.edu 教研机构
.gov 政府部门
.net 网络服务商
.org 非营利组织
.ac 科研机构
.cn 中国
.uk 英国

可以通过www.net.cn（阿里云万网）来查询域名是否被注册

2.网站中的硬件

虚拟主机：类似于我的世界服务器
服务器：拥有小规模主机处理器
服务器集群：大型数据处理，需要专用场地用于散热

二.网页的结构

2.1基本页面展示

以戴尔官方为例

立减 ¥

2
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

php网页左右布局,CSS中3种常见页面布局：双飞翼布局、粘连布局、左右两列布局...

weixin_27134143的博客

03-26

515

本文就来为大家介绍3种常见的CSS页面布局：双飞翼布局、粘连布局、左右两列布局，希望对大家有一定的帮助。(推荐教程：CSS视频教程)一、左右两列布局1、代码如下两列布局*{padding: 0;margin: 0;}body{min-width: 600px;}.lef{width: 100px;height: 400px;background: hotpink;float: left;}.rig...

页面结构图示例图_定义示例站点的页面结构

culi3118的博客

08-31

2574

页面结构图示例图The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl. Copies are sold in stores worldwide, ...

参与评论您还未登录，请先登录后发表或查看评论

页面设计任务个人网站页面

热门推荐

weixin_45487120的博客

04-28

1万+

Web架构图解一、Web架构图二、基础知识补充 DNS DNS（Domain Names System），域名系统，是互联网一项服务，是进行域名和与之相对应的 IP 地址进行转换的服务器。简单来讲，DNS相当于一个翻译官，负责将域名翻译成ip地址例如将www.baidu.com这个域名解析成了115.239.211.112，我们访问www.baidu.com时其实访问的是115.239.211.112这台服务器。负载均衡 ①什么是负载均衡？为什么要使用负载均衡？什么是负载均衡：

【网页设计自习室#004】网页页面导航栏（header头部）的设计

m0_47121304的博客

02-06

5039

网页设计自习室

基于微信小程序的自习室预约系统.zip

05-30

开发过程中，需要注意用户体验的设计，比如页面布局要清晰，操作流程要简洁易懂。此外，还要考虑系统的性能和响应速度，优化网络请求，提高数据加载效率。在实际部署时，微信小程序需要提交到微信审核，确保内容...

(附源码)计算机毕业设计ssm共享自习室管理系统

计算机程序源码

10-12

1936

项目运行环境配置：（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.

网页结构

zhangankang的博客

04-04

1387

一、网站的三大元素：图片，超链接，文字二、完整HTML 包括 1、html标签：动态、静态页面都是以“< html >”开始，然后在网页最后以“< /html >”结尾。 2、DOCTYPE声明：用来说明XHTML或者HTML是什么版本。 3、title标签： head 标签里面“< title >< /title >”中放置的是网页标题，可在浏览...

网站的布局类型有哪些，想知道吗？

thzx123的博客

05-15

2320

布局是以最适合浏览的方式将图片、文字、视频等排放在页面的不同位置。不同的网站类型有不同的页面布局。 1、POP布局　 POP布局像一张宣传海报，以一张精美图片作为页面的设计中心，在适当位置放置主菜单，常用于时尚类站点。这种布局方式不讲究上下和左右的对称，但要求平衡有韵律，能达到动感的效果，其优点是漂亮吸引入，缺点是速度慢。 2、“三”型布局 “三”型布局具有简洁明快的艺术效果，适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代替拥挤的文字，给浏览者以强烈的视觉冲击，使其感.

实现网页上中(左右)下布局

07-12

实现网页上中下布局的例子，中部分分左右，左侧菜单栏可根据TOP导航栏变化

HTML5结构图图解

03-16

HTML5结构图图解，用图片描述跟容易表达清楚详细的内容，意思也更加明白

几种网站架构图

唐竹的技术世界

02-03

948

1.mysql数据库主从架构 2.秒杀 3.mysql水平分片

html网页架构图,html网页文件基本写法及结构

weixin_31800911的博客

06-11

3246

1.首先为大家介绍下htmlhtml：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。html语言也是所有网页组成的基础语言，所以大家一定要认真学好。html超文本标记语言2.html语言的基本写法及技巧1)html网页文件创建：首先我们可以在桌面上创建一个文本文档，将文本文档的后缀.txt修改为.html，然后保存，我们的htm...

网页的基本结构

maimang1001的专栏

02-24

3903

网页的基本结构： doctype ：出现在网页源代码中的第一项是 doctype 声明。它为Web浏览器（或其他用户代理）提供了有关书写页面的标记语言类型的信息，这可能会或可能不会影响浏览器呈现内容的方式。 html ：紧随 doctype 之后的是 html 元素——这是文档树的根元素，后面的所有内容都是该根元素的子孙元素。html 标签标记的整个网页内容，网页可以被视为可以包含任意数量分支的文档树。每个分支以一定的规则包含相应的项目。 head ：head 元素包含描述文档本身的元数据信息，或.

大型网站架构结构图

zhaoyang10的专栏

01-04

1456

完整的网页布局

weixin_54327001的博客

08-06

317

问题：当尺寸缩小至700px时，竖排排列存在间隙。问题：缩小网页尺寸时，中间栏内容会串到两侧。中间栏需要加左右边距。问题：左侧标题不对齐。

常见的网站布局方式---左固定右自适应、左右固定中自适应等

等，你的到来。

12-12

1625

偶尔看到的一篇博文，觉得挺有用的，刚好前两天做项目的时候自己也遇到这个问题，觉得解决方案很好，所以搞过来，大家一起学习一起进步！左边定宽、右边自适应（类似管理台）方案一左边设置左浮动，右边宽度设置100% () .left { float: left; } .right { width: 100% }方案二左设置左浮动、右边也左浮动但是使用calc去补宽度长度计算（方案一

SSM框架下共享自习室管理系统的设计与实现

资源摘要信息:"本项目是一套基于Java语言开发的SSM（Spring, Spring MVC, MyBatis）框架的共享自习室管理系统源码。该系统采用MVC架构，实现了自习室的网络预约、座位管理、商品销售、报修服务、公告发布等多种功能...