网站开发实例(一)

来自CloudWiki
112.229.117.29讨论2017年11月9日 (四) 21:50的版本 网页测试上线
跳转至: 导航搜索

网页的基本布局

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

确定基准色调

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

填充网页内容

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

网页的美化与修饰

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

复习:CSS的相关知识

网页测试上线

  • 在本机电脑上测试
  • 开通注册云主机账号
  • 将网页上传云主机,查看效果

返回 网页设计与开发