静态页面设计思考

最新推荐文章于 2024-01-08 11:46:53 发布
原创 最新推荐文章于 2024-01-08 11:46:53 发布 · 174 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#数据库

本文讨论了静态页面的渲染逻辑，包括展示数据的不同情况：当有数据时如何展示，当无数据时如何提示用户，以及当数据加载出错时的处理方式。

我这里所谓的“静态页面”是指那些纯展示页面：没有交互，只是从数据库取数据展示数据。

 

根据查到的结果不同，渲染不同的信息。

  1. 查到数据了。显示查到的逻辑。
  2. 没有查到数据。提示数据没有维护。
  3. 查询出错了。提示查询出错，重新刷新什么的。

欢迎指正

 

 

静态页面设计
weixin_44051236的博客
05-22 1364
第一步 制作静态页面之We-UI的使用 首先，制作静态页面，即没有相关的跳转和数据库的读取，单纯是一个页面，这个借助于微信开发者工具便可以实现 一些比较典型的组件，比如说搜索框，登录按钮借助于We-UI来实现（简直是太好用了） We-UI的使用方法： （1）首先要下载以下它的包导入到项目中，下载到官网上下载 （2）然后将它的整个js文件用WebStorm打开 （3）打开演示网站这里是超链接https://weui.io/，或者直接用手机打开小程序的演示，找到需要演示的效果，再找到对应的js文件，拷贝里面需要
HTML静态页面总体设计思路,网页设计与制作(HTML+CSS+JavaScript)（张洪斌 刘万辉）课程整体设计...
weixin_39956182的博客
06-04 1169
内容简介：网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程整体设计一、课程设计思路本课程依据课程标准，以软件技术专业学生的就业岗位群能力目标为导向，以Web客户端静态页面设计为主线，把整个课程分成五个教学单元，包含14个教学任务，培养学生具有综合运用所学知识进行Web客户端静态页面的设计、开发、编码、调试、维护。二、课程目标设计通过本课程的学习，使学生逐步建立和掌握W...
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 7万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
静态网页设计
weixin_48077685的博客
03-06 2451
1、对设计稿进行分块，导入重置文件。 2、运用语义化标签可以根据设计稿分为头部header，内容部分可以用article，section等，脚部可以用footer。 3、写静态网页会用到的标签名有img，h1-h6，a，p，pre，span等。 4、会用到的对齐属性有：文本居中：text-align:center；垂直对齐 ：vertical-align: middle;与内容高相等时垂直方向对齐:line-height:内容高; 5、区分行内元素和块级元素，行内元素不能直接设置宽高，kuai级可以
大学生网页制作实践指南：基于HTML、CSS、JavaScript的美食专题静态网页设计
最新发布
11-09
内容概要：本文档详细介绍了大学生在网页制作实践中如何使用HTML、CSS和JavaScript创建一个关于美食的静态网页。内容涵盖了项目的概述、具体的技术栈、设计思路、具体的代码实现步骤，包括HTML结构设计、CSS样式美化...
静态网页设计期末作业-基于HTML+CSS+JS实现以抗疫为主题最美逆行者静态网页设计，下载即用
05-06
在本项目中，学生将利用HTML、CSS和JavaScript技术，为一个以“抗疫”为主题的静态网页...通过这个项目，学生不仅能够锻炼网页设计能力，还能培养解决问题和创新思考的能力，这对他们的未来IT职业生涯是非常有价值的。
HTML+CSS静态页面设计
03-30
本项目提供了“HTML+CSS静态页面设计”的实践案例，旨在帮助学习者理解如何通过这两种...通过完成这个项目，不仅能够掌握网页设计的基本流程，还能培养解决问题和独立思考的能力，为未来的Web开发事业打下坚实的基础。
期末课程设计：纯静态网页的实现与思考
在传统的网页设计中，div元素通常用于布局页面的不同部分，而CSS用于设置样式，如字体、颜色、布局等。而JavaScript则负责网页的行为和交互效果。在本课程设计中，可能重点在于布局和样式的理解和应用，而交互部分...
简单的静态网页设计
06-21
一个简单的网页制作，很适合用来提交老师布置的HTML作业
静态网页设计（含源码）（图片 链接 背景乐 表单..）
12-21
网页简洁美观，可以左右翻页，完成静态网页的基本要求，文字 图片 背景乐 链接 表单。。。可以作为课堂作业使用，新手学习使用。
静态网站 页面的设计
07-12
静态网站页面的设计静态网站页面的静态网站页面的设计设计静态网站页面的设计
简单静态网页的设计
mrzheng0的博客
06-02 2万+
总体思路：先构思好一个图书馆的框架以这个框架为主体，进行拓展，丰富其他内容：只是简单地做了四个页面，“我的图书馆”页面可以采用同样的方式编写出来。主体的编程：<!doctype html><html><head><meta charset="utf-8"><title>上海图书馆</title><style
静态网页简单设计
weixin_43624626的博客
07-13 2457
应同学要求，帮忙简单设计一个静态网页。我就愉快的答应了，其实我心里挺没底的，但是基于我前段时间有过微信小程序的基础学习，在部分css代码上还是差不多的。 帮同学做的这个网页是《传闻中的陈芊芊》这个电视剧的部分相关内容。 下面是最终的网页界面。 网页界面最终效果： 源代码： 下面只是展示了部分的源代码，相关素材及全部代码可以下载 index.html <html> <head> <meta charset="UTF-8" http-equiv="Conte.
HTML静态页面设计
近未来
05-17 6万+
１．编写一个自我介绍的HTML页面，要求使用HTML文档常用的文本、超链接、图片、表格、行级、块级等标签，页面要求布局合理，内容图文并茂，将源文件和素材保存在exp01\1\文件夹下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
静态网页设计——个人图书馆（HTML+CSS+JavaScript）(dw、sublime Text、webstorm、HBuilder X)
爱吃雪糕的小布丁的博客
01-08 3255
声明：该文章只是做技术分享，若侵权请联系我删除。！！ 感谢大佬的视频： https://www.bilibili.com/video/BV1VN4y1q7cz/?vd_source=5f425e0074a7f92921f53ab87712357b源码：https://space.bilibili.com/565112134使用技术：HTML+CSS+JS（静态网页设计） 主要内容：有关网上个人图书馆。首页用html标签分割成多个区域，每个区域都是用子div标签继续进行更加细致的分割，并且使用css设置样式，
静态网页设计——HTML+CSS个人静态网页设计
html精品源码
12-15 2223
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值