相关文章
响应式布局-阿里百秀首页
bootstrap使用：1.创建文件夹结构 2.创建html骨架结构 3.引入相关样式文件 4.书写内容
1.布局分析
首先有个container盒子把整个页面装进去，然后盒子又分为三部分，左边为header，header里面又可以分为上下两部分上边为logo盒子…
建站知识
2025/2/4 15:46:34
移动开发之响应式开发----阿里百秀首页案例
目录
技术选型
需求分析
页面制作
页面制作注意点
源码 ............................比较麻烦 技术选型 方案：我们采取响应式页面开发方案 技术：bootstrap框架 设计图： 本设计图采用 1280px 设计尺寸 需求分析 1. 页面布局分析
2. 屏幕划分分析
① 屏幕缩放发…
建站知识
2025/1/9 2:11:00
响应式布局-bootstap-阿里百秀案例
目录
响应式开发原原理
响应式布局容器
Bootstrap前端开发框架
Bootstrap简介
Bootstrap使用
使用四部曲：
bootstrap布局容器
bootstrap栅格系统
6.列排序
7.响应式工具
阿里百秀案例 1.技术选型
2. 屏幕划分分析
3.页面制作
4. container宽度修改
5…
建站知识
2025/1/9 19:02:48
阿里百秀模仿（基于bootstrap框架）
阿里百秀模仿（基于bootstrap框架） 导入bootstrap框架，Normalize.css和jquery.js 创建html与css
<!DOCTYPE html>
<html lang"en">
<head><meta charset"utf-8"><meta http-equiv"X-UA…
建站知识
2025/1/22 5:56:11
阿里百秀前后端交互项目
项目简介
阿里百秀，内容管理系统，分为内容管理和内容展示两大核心功能。
1. 功能模块
1.1 内容管理
模块功能用户登录、退出、用户增删改查文章文章管理分类分类管理评论评论管理网站设置关键字、描述、网站logo、轮播图
1.2 内容展示
模块功能首页…
建站知识
2025/1/13 10:35:25
移动WEB开发之响应式布局--阿里百秀首页案例
案例：阿里百秀移动端首页
技术选型
方案：我们采取响应式页面开发方案
技术：bootstrap框架
设计图： 本设计图采用 1280px 设计
案例：需求分析
1. 页面布局分析 2. 屏幕划分分析
① 屏幕缩放发现 中屏幕 和 大屏…
建站知识
2025/1/10 6:44:09
阿里百秀项目之用户模块
项目介绍
整个项目分为两大部分：内容管理和内容展示。 技术栈：
数据层：mongDB服务层：node.js(express)客户端：art-template、jQuery、font-awesome、swipe
项目描述： 根据相关技术栈实现前后端分离开发。…
建站知识
2025/1/10 7:56:46
移动 WEB 开发之 阿里百秀移动端页面制作
一、技术选型 二、需求分析
1.页面布局分析 2. 屏幕划分 三、页面制作
1. 项目前期准备
搭建项目结构 创建 html 骨架结构以及引入相关样式
<head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial…
建站知识
2025/1/10 21:58:23
