07 2020 档案

摘要:一.footer部分的制作分析 footer部分比较简单,只有一个靠右的横向列表 二.代码的实现 1.HTML代码 <div class="foot"> <div class="foot-box"> <a href="">Home</a> <a href="">About</a> <a href=" 阅读全文
posted @ 2020-07-28 14:15 cpers 阅读(327) 评论(0) 推荐(0)
摘要:一.最新资讯的制作分析 首先,我们可以将最新资讯分为上下两部分,标题和内容 然后内容又可以分为左右两部分,左边是一张图片,右边是文字div 文字div又可以分为左右两部分,分别使日期和内容 内容又可以分为上下两部分 二.代码的实现 1.HTML代码 <div class="briefed"> <di 阅读全文
posted @ 2020-07-28 14:04 cpers 阅读(136) 评论(0) 推荐(0)
摘要:一.客户案例的制作分析 客户案例可以上下分为三部分来制作 第一部分放置客户案例的标题以及标题下的段落文字 第二部分放置三张图片 第三部分放置一个按钮 二.代码的实现 1.HTML代码 <div class="customer"> <div class="customer-header"> <div 阅读全文
posted @ 2020-07-28 13:35 cpers 阅读(183) 评论(0) 推荐(0)
摘要:一.服务范围的制作分析 首先,可以将此部分分为上下两部分,上面使标题,下面是内容 下面部分可以拆分为四部分内容 二.代码的实现 1.HTML代码 <div class="section"> <div class="section-header"> <div class="section-header 阅读全文
posted @ 2020-07-28 13:11 cpers 阅读(176) 评论(0) 推荐(0)
摘要:一.banner部分制作分析 1.banner部分主要存放的是一张图片 2.图片的中下部位有一个选项列表 二.代码的实现 1.HTML代码 <div class="banner"> <ul> <li><img src="./images/banner.png" alt="" class="banim 阅读全文
posted @ 2020-07-28 11:35 cpers 阅读(349) 评论(0) 推荐(0)
摘要:一.header部分制作分析 1.header部分可以简单分为左右两部分 2.左边logo为一张图片 3.右边是一个水平列表 二.代码的实现 1.HTML代码 <div class="header"> <div class="logo"> <img src="./images/logo.png" a 阅读全文
posted @ 2020-07-28 11:07 cpers 阅读(587) 评论(0) 推荐(0)
摘要:一.ps的基本操作 1.调出标尺 Ctrl+r 2.调整单位 编辑→首选项→单位与标尺 修改单位为像素 3.图片放大和缩小 Ctrl++或Ctrl+_ 4.量取长度或者宽度 选取工具 5.取色 工具栏吸管工具 6.文字 工具栏文字工具 二.开发环境的搭建 1.开发软件使用visual studio 阅读全文
posted @ 2020-07-28 10:40 cpers 阅读(141) 评论(0) 推荐(0)
摘要:一.项目准备 二.header部分的制作 三.banner部分的制作 四.服务范围部分的制作 五.客户案例部分的制作 六.最新资讯部分的制作 七.footer部分的制作 阅读全文
posted @ 2020-07-28 10:30 cpers 阅读(411) 评论(0) 推荐(0)