新闻门户网站psd模板的简单介绍

高端定制 58
今天给各位分享新闻门户网站psd模板的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!如何制作psd模板 第一个,CACHE目录,这个可是命脉啊,所有生成的缓存都在这里面,此文件夹记得一定不能删除,要不你的站点有可能会出些不大不小的问题,会给你徒增烦恼,嘿嘿,所以一般情况下不要去修改此目录下的任何文件.! 第二个,CSS目录,这个目录下面,所有站点相关的样式表都存放在这里,这些CSS决定了你的门户的"脸面"啊,不能删除,当然如果你有一定的HTMLCSS基础的话另说,否则估计你的页面美观程度会倒退几年...,有些用户说页面难看,有可能就是此目录下面的CSS文件不完整,弥补办法就是重新上传一下!

今天给各位分享新闻门户网站psd模板的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

如何制作psd模板

第一个,CACHE目录,这个可是命脉啊,所有生成的缓存都在这里面,此文件夹记得一定不能删除,要不你的站点有可能会出些不大不小的问题,会给你徒增烦恼,嘿嘿,所以一般情况下不要去修改此目录下的任何文件.!

第二个,CSS目录,这个目录下面,所有站点相关的样式表都存放在这里,这些CSS决定了你的门户的"脸面"啊,不能删除,当然如果你有一定的HTMLCSS基础的话另说,否则估计你的页面美观程度会倒退几年...,有些用户说页面难看,有可能就是此目录下面的CSS文件不完整,弥补办法就是重新上传一下!

第三个,templates目录,基本上现在的用户使用上都在围绕这个目录做文章,因为它下面的文件就是整个站点对应的模板拉,想要你的站点有个性有自己的风格, 就离不了长来这个目录转转拉.此目录下面的文件命名上和站点的页面是一一对应的,比如资讯页对应的模板文件就是-- news_header.html.php--news_index.html.php等等,有一些设计经验的朋友都应该从命名上看出他门的作用来,摸清这里的情况,你的站点无疑将是所有站点中的亮点...弄清楚它!

第四个,就是STYLE目录了,所有的模块风格文件都在此了,我门通过模块(注:如何快速读懂SUPESITE的模块代码)来得到的数据,最后展现前都得经过模块风格,所以....要想配合好你设计出来的风格,这里也就更显重要了,至于怎么利用,我门会开辟新帖专门讨论,记得一定要来关注!

第舞个,就是user目录了,所有的用户的空间都在这里放着(什么你删除了?没有关系只要数据库有数据,当用户在访问的时候会重新建立,不过记得USR目录一定要有对应的权限哦),所以有的时候进行数据备份连他也一起打包吧,要不有些用户空间就没有CSS了,有点难看的说(注:解决方法:让用户换个风格,就可以重新生成一个CSS)....

PSD与html!!!

呵呵,如果你下载的PSD格式的模板是没有合并的,可以对文字图层进行修改,如果合并了就不能选择文字进行修改了,除非把原来的文字涂抹去,自己重新写。不然你只能修改其中的切片

只用html和css做的网页模板,不能有js和其他语言,最好是门户网站新闻网

!doctype html

html

head

meta charset="utf-8"

title卧龙控股/title

style type="text/css"

    @charset "utf-8";

/* CSS Document */

*{margin:0;padding:0;font-family:"微软雅黑";}

ul,ol,li{list-style:none;}

a,u{text-decoration:none;}

#top,#nav,#banner,#news,#wlsc,#yqlink,#bottom{margin:0 auto;}

/*-top-*/

#top{width:1000px;height:100px;}

#logo{width:732px;height:59px;float:left;padding:41px 0 0 21px;}

img{border:0;}

#sear{width:247px;height:61px;float:left;padding-top:39px;}

#search{height:26px; line-height:26px;border:1px solid #e5e5e5;border-right:none;outline:none;background: #f1f1f1;float:left;color:#818181;}

#fin{width:26px;height:26px;line-height:26px;border:none;background: #f1f1f1 url(../images/sear.jpg) no-repeat center;float:left;}

.ffin{height:26px;width: 26px;border:1px solid #e5e5e5;float:left;border-left:none;}

/*-nav-*/

#nav{width:1000px;height:59px;background:#000;}

#nav ul li{width:119px; height:59px;line-height:59px;text-align:center;border-right:1px solid #484848;float:left;}

#tttt{border:0;}

#nav a{color:#fff;}

/*-banner-*/

#banner{width:1000px;height:463px;}

#news{width:1000px;height:240px;}

#news1{width:456px;height:183px;float:left;padding:36px 25px 22px 19px;float:left;}

#news1 h2{font-size:18px;font-weight:100;color:#191919;width:78px;margin-bottom:22px;}

#news1 ul{font-size:12px;width:452px;line-height:24px;}

#news1 ul a{color:#5c5c5c;width:300px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}

#news1 ul span{float:right;padding-right:28px;}

#news1 ul li a{background:url(../images/dian.jpg) no-repeat left center;padding-left:14px;color:#929292;}

#news2{width:240px;height:240px;background:#f1f1f1;float:left;}

#news2 h2{font-size:18px;font-weight:100;color:#515151;margin:36px 0 39px 25px;}

#news2 h3{font-size:12px;color:#515151;margin:0 0 13px 25px;line-height:12px;}

#news2 h4{font-size:11px;color:#515151;margin:0 0 27px 25px;line-height:12px;}

#news2 p{width:190px;font-size:11px;font-weight:100;color:#8c8c8c;margin:0 0 0 25px;line-height:20px;}

#news3{width:260px;height:240px;background:url(../images/hua.jpg) no-repeat #fbfbfb 164px 121px;float:left;}

#news3 h2{font-size:18px;font-weight:100;color:#222;padding:36px 0 21px 25px;}

#news3 p{width:180px;font-size:12px;font-weight:100;line-height:24px;padding:0 25px 0 25px;color:#595959;}

#news3 div{padding:56px 0 0 25px;}

/*-wlsc-*/

#wlsc{width:1000px;height:276px;}

#wlsc dl{width:230px;padding-left:20px;float:left;}

.miao{width:204px;font-size:12px;line-height:2em;color:#575757;}

#wlsc h2{font-size:18px;color:#212121;margin:30px 0 17px 23px;line-height:18px;font-weight:100;}

/*-yqlink-*/

#yqlink{width:1000px;height:249px;background:#e5e5e5;}

#yqlink1{width:480px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink1 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:432px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink1 ul li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg) no-repeat 0 center ;padding-left:10px;}

#yqlink1 ul{float:left;width:150px;height:200px;padding-top:10px;}

#yqlink1 a{color:#8c8c8c;}

#yqlink2{width:180px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink2 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:160px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink2 ul li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg) no-repeat 0 center ;padding-left:10px;}

#yqlink2 a{color:#8c8c8c;}

#yqlink2 ul{padding-left:10px;padding-top:10px;}

#yqlink3{width:280px;height:249px;padding:0 0 0 20px;float:left;}

#yqlink3 h2{font-size:16px;font-weight:100;color:#5e5e5e;width:240px;border-bottom:1px solid #c1c1c1;padding:31px 0 11px 12px;}

#yqlink3 img{margin:15px 0 0 20px;}

#bzottom{width:1000px;height:83px;}

#bot1{width:361px;height:58px;margin:24px 0 1px 21px;float:left;}

.shu{font-size:12px;padding-right:7px;border-right:1px solid #7e7e7e;color:#888;}

.shu1{font-size:12px;padding-right:7px;color:#888;}

#bot2{width:610px;height:83px;float:left;clear:right;}

#bot2 p{font-size:12px;color:#888;margin-top:27px;}

/style

/head

body

div id="top"

  div id="logo" 

    a href="#" alt="" title=""img src="images/logo.jpg" //a/div

  div id="sear"

    form name="" method="" action=""

     

      input type="text" value="SEARCH..." id="search"/

      div class="50c2108adc129b6c ffin"input type="submit" value="" id="fin"//div

    /form

  /div

/div

div id="nav"

  ul

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    lia href="#"集团介绍/a/li

    li id="tttt"a href="#"集团介绍/a/li

  /ul

/div

div id="banner"a href="#"img src="images/banner.jpg" alt="" title="" //a/div

div id="news"

     div id="news1"

        h2新闻资讯/h2

        ul

            lia href="#"新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

            lia href="#"新闻条新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

            lia href="#"新闻条新闻条新闻条新新闻条条新闻条新闻条新新闻条新闻条新闻条闻条/aspan2016-12-02/span/li

            lia href="#"新闻条新闻条新闻条新新闻条新条新闻条新闻条新闻条新闻条新闻条闻条/aspan2016-12-02/span/li

            lia href="#"新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新闻条新闻条新闻条/aspan2016-12-02/span/li

            lia href="#"新闻条新闻条新闻条新闻条新闻条新闻条新条新闻条新闻条新条/aspan2016-12-02/span/li

        /ul

    /div

    div id="news2"

        h2卧龙介绍/h2

        h3公司成立于1984年,/h3

        h4经过近30年的发展/h4

        p公司怎么样怎么样怎么样怎么样怎么样怎么样怎么样/p

    /div

    div id="news3"

        h2人才招聘/h2

        p我们要招人我们要招人我们要招人我们要招人/p

        diva href="#"img src="images/more.jpg" alt="" title=""/a/div

    /div

/div

div id="wlsc"

    h2卧龙市场/h2

    dl

        dtimg src="images/wlsc1.jpg" alt="" title=""/dt

          dd class="108adc129b6c5d1f miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

            

    /dl

    dl

        dtimg src="images/wlsc2.jpg" alt="" title=""/dt

          dd class="dc129b6c5d1f6600 miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

            

    /dl

    dl

        dtimg src="images/wlsc3.jpg" alt="" title=""/dt

          dd class="7accee16ca458dda miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

            

    /dl

    dl

        dtimg src="images/wlsc4.jpg" alt="" title=""/dt

          dd class="ee16ca458dda2268 miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

            

    /dl

/div

div id="yqlink"

div id="yqlink1"

        h2产品中心/h2

        ul

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

        /ul

        ul

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

        /ul

        ul

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

        /ul

/div

div id="yqlink2"

    h2技术研发/h2

        ul

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

            lia href="#"我是链接/a/li

        /ul

/div

div id="yqlink3"

    h2营销网络/h2

    a href="#"img src="images/ditu.jpg" alt="" title="" /

    /a

/div

/div

div id="bottom"

    div id="bot1"

        a href="#" class="ca458dda22688cb0 shu"网站地图/a

        a href="#" class="8dda22688cb00794 shu"联系我们/a

        a href="#" class="22688cb0079421e8 shu"关注卧龙/a

        a href="#" class="8cb0079421e87f29 shu1"采购系统入口/a

        

    /div

    div id="bot2"

        pCOPYRIGHTCOPY;2013卧龙控股集团nbsp;版权所有nbsp;浙ICP备06005901号nbsp;技术支持:博采互动/p

    /div

/div

/body

/html

你把文字和图片改一下就可以了

新闻类网站模板风格该如何定位?

1、构造合理布局

传统的报刊新闻布局简约清楚、秩序井然,内容也是非分明,让用户感觉舒服。新闻类网站模板建站则需将版面构造合理布局,区划为多个版面,让每个版面文件格式一致,既方便内容归类,又避免了版块之间错乱,让内容看上去干净整洁明亮且条理清楚,从而提高了用户感受。但同时也要注意应用分栏合理布局,尤其是网站一些精彩的、全新的新闻内容需要让导航栏来引导,具有确立的引导功效,让用户视角感到舒适。

2、内容排版设计

传统的报刊新闻对于内容排版设计是有一定的规定要求的,从内容必要性-新闻种类-反映方式都是有排列的,一般是先依照人们阅读文章兴趣爱好将内容开展遍布,再依照内容必要性开展依次排列。新闻类网站亦是如此,且新闻类网站是以文字描述为主导,版面内容无需配过多照片,对新闻内容适度配图即可,文本与背景图色彩发配也要适合,便于人们阅读文章。同时也要注意网站内容题目要醒目突显,让人们一进网站就能轻松找到每一个版块内容,也能刺激人们的视觉效果。

3、关键点设定

一方面是由于新闻类网站数据量巨大,为了人们节省翻阅时间,在网站设置输入框,方便人们检索信息内容。另一方面是新闻注重及时性,对网站新闻版块内容开展升级是必需的,避免旧的新闻内容频繁出现在版面上,影响网站美观度和人们对网站的信赖度。最后是新闻类网站本来就以文本方式为主导,为避免过多文本让人们归纳觉枯燥乏味,可在网站适当放置照片来丰富网站,或是可以利用留白艺术,让网站文件格式看上去明亮、舒服些。

关于新闻类网站模板风格该如何定位,环球青藤小编今天就先和您分享到这里了。如若您对互联网营销有浓厚的兴趣,希望这篇文章可以为您提供帮助。如果您还想了解更多关于文案优化、广告营销文案写作的方法及素材等内容,可以点击本站的其他文章进行学习。

PSD制作网页图的规定尺寸是多少

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等.

高度:

高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

宽度:

1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005

3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001

注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.

如果是800的分辨率一般都设成770。但也有设成760的.

这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右.

网页设计标准尺寸:

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

页面标准按800*600分辨率制作,实际尺寸为778*434px

页面长度原则上不超过3屏,宽度不超过1屏

每个标准页面为A4幅面大小,即8.5X11英寸

全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

另外120*90,120*60也是小图标的标准尺寸

每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

标准网页广告尺寸规格

一、120*120,这种广告规格适用于产品或新闻照片展示。

二、120*60,这种广告规格主要用于做LOGO使用。

三、120*90,主要应用于产品演示或大型LOGO。

四、125*125,这种规格适于表现照片效果的图像广告。

五、234*60,这种规格适用于框架或左右形式主页的广告链接。

六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

八、88*31,主要用于网页链接,或网站小型LOGO。

广告形式 像素大小 最大尺寸 备注

BUTTON 120*60(必须用gif) 7K

215*50(必须用gif) 7K

通栏 760*100 25K 静态图片或减少运动效果

430*50 15K

超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果

巨幅广告 336*280 35K

585*120

竖边广告 130*300 25K

全屏广告 800*600 40K 必须为静态图片,FLASH格式

图文混排 各频道不同 15K

弹出窗口 400*300(尽量用gif) 40K

BANNER 468*60(尽量用gif) 18K

悬停按钮 80*80(必须用gif) 7K

流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)

网页中的广告尺寸

1.首页右上,尺寸120*60

2.首页顶部通栏,尺寸468*60

3.首页顶部通栏,尺寸760*60

4.首页中部通栏,尺寸580*60

5.内页顶部通栏,尺寸468*60

6.内页顶部通栏,尺寸760*60

7.内页左上,尺寸150*60或300*300

8.下载地址页面,尺寸560*60或468*60

9.内页底部通栏,尺寸760*60

10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*100

希望对你有帮助

谁有静态网页新闻专题模板?

专题模板只有图片素材,昵图我图等。。

会ps就自己画一个,不会就找门户网站扒一个改改。。

静态网页添加新闻,直接写上标题和链接呗。比如

div class="079421e87f29bc71 news-list"

ul

lia href="/news/1.html"军方首发“打虎榜” 16名军级以上干部被查处/a/li

lia href="/news/2.html"总后勤部成“风暴眼” 军纪委干部揭军队腐败潜规则/a/li

lia href="/news/3.html"郭正钢任浙江省军区副政委 晋升少将(图)/a/li

lia href="/news/4.html"“粉丝经济”虚假成分高 传统企业难以借此转型/a/li

/ul

/div

新闻门户网站psd模板的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于、新闻门户网站psd模板的信息别忘了在本站进行查找喔。

新闻门户网站psd模板 新闻类门户网站模板孝感新闻门户网站vue门户网站模板企业门户网站模板门户网站模板下载门户网站前端模板行业门户网站模板新闻门户网站有哪些vue企业门户网站模板vue前台门户网站模板
扫码二维码