“网站开发实例(一)”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
网页的美化与修饰
=网页整体布局
第1行: 第1行:
 
==网页的基本布局==
 
==网页的基本布局==
===网页整体布局==
+
==网页整体布局==
 
*整个网页共分为标题、主体、尾部三个部分
 
*整个网页共分为标题、主体、尾部三个部分
 
*[[文件:W4-4.png|300px]]
 
*[[文件:W4-4.png|300px]]
第6行: 第6行:
 
*主体部分又可以分为图片区和新闻区
 
*主体部分又可以分为图片区和新闻区
 
*[[文件:W4-6.png|300px]]
 
*[[文件:W4-6.png|300px]]
 +
 
==确定基准色调==
 
==确定基准色调==
 
*在正式做之前,我们勾勒一下整个网站的布局
 
*在正式做之前,我们勾勒一下整个网站的布局

2017年11月9日 (四) 21:41的版本

网页的基本布局

网页整体布局

  • 整个网页共分为标题、主体、尾部三个部分
  • W4-4.png
  • 根据我们的设计需求,标题栏又可以分为标题和导航
  • 主体部分又可以分为图片区和新闻区
  • W4-6.png

确定基准色调

  • 在正式做之前,我们勾勒一下整个网站的布局
  • W4-9.png
  • 选择一种网页的主题色,这里我们把主题色设为商职传统的蓝色
  • 我们把网页中各个盒子的颜色换成主题的颜色
  • W4-12.png

填充网页内容

  • 我们收集网页有关的素材
  • 把收集的网页相关的信息填充到网页中

网页的美化与修饰

  • 改变网页的字体,段落,行高等,使更加整齐好看

复习:CSS的相关知识

网页测试上线

返回 网页设计与开发