> 웹 프론트엔드 > HTML 튜토리얼 > 网站实战 从效果图开始CSS+DIV布局华为网站_html/css_WEB-ITnose

网站实战 从效果图开始CSS+DIV布局华为网站_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:02:04
원래의
1083명이 탐색했습니다.

经过我们的前面css的学习,我们已经分模块的掌握的CSS的技术,但是,要是完整的做一个页面,我们还没有接触过,这次呢,小强老师来和大家完整的利用CSS+DIV做一个网站案例,我们来模仿下华为的网站。

主要分为以下6部分来做:


 相信参看如下视频地址:


      01   建立华为站点:               http://www.tudou.com/programs/view/Vbo8EffWPQw/

      02   华为站开始:                   http://www.tudou.com/programs/view/FP8aT-bP6E4/

     03  华为头部分开始:            http://www.tudou.com/programs/view/L5xNIDmIsBw/

     04 华为导航部分和banner:  http://www.tudou.com/programs/view/-oUyQc2y-hk/

     05  新闻部分完成 :               http://www.tudou.com/programs/view/bIkXyP2ggFI/

      06  华为main部分结束            http://www.tudou.com/programs/view/nPOkX7QC0Ss/

第一先搭建骨架(结构图): 
第一单页面:
做网站的流程:
1. 跟客户沟通  (企业)
2. 定价格
3. 付定金  (价格的一半  定金不退)
4. 出效果图(ps  fw)
5. 代码书写
6. 网上测试
7. 提交客户
8. 免费维护 一年
 
做网站:
1.先建立站点
2.首页 的名称 :index.html      index.jsp   index.php   .index.aspx
3.图片和css都准备好
4.代码准备
 关于logo 的优化:
     1. logo 尽量用h1 来做
     2. logo可以插入图片 也可以作为背景
     3.必须指定连接 连接到首页
     4.连接 必须加title  写上网站的名称。

小强老师最通俗易懂的CSS+DIV入门学习视频,学习完毕绝对

有收获。本课程针对的主要是网页特效哦。如果你喜欢,就请分

享给其他人,让更多的人加入网页设计天地哦。视频素材请到:

http://www.xiaoqiang001.com 小强零零壹 下载

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿