设计网站主页-制作一个网站主页制作时一般命名为

大致提纲如下:

○版面布局的窍门

○色彩的搭配

○字体的设置和表格的嵌套

○细微之处见功力

○考虑不同的浏览器和分辨率

○设计好你的banner和位置

○meta标签的重要性

○首页设计的小建议

这里只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。

首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是:

●确定首页的功能模块

●设计首页的版面

●处理技术上的细节

一).确定首页的功能模块。

首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:

网站名称(logo),

广告条(banner),

主菜单(menu),

新闻(what's

new),

搜索(search),

友情链接(links),

邮件列表(maillist),计数器(count),

版权(copyright).

选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。

二).设计首页的版面

在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。

设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。

三).处理技术上的细节

制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等。

首页设计是整个网站设计的难点和关键,总结出一套较为合理易学的设计方法,从而举一反三,使我们能够更加轻松的完成整个站点的设计制作。

制作主页是一项非常复杂的工作,跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考,找出一些灵感,然后搜集相关的素材,并按照自己的思路去慢慢溶图、渲染颜色,处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件,左上角选择文件-新建(快捷键ctrl+N),然后创建一个1920x3000的画布,网页设计分辨率选择72就可以,颜色模式我们选择RGB,点击创建;(注意宽度选择的是像素)

为什么我们要创建1920宽的呢,目前我们的显示器分辨率一般为1920px,所以创建1920px宽度的可以使我们的网页背景正好显示完整,左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素,方便我们测量宽高。操作步骤为:编辑-首选项-单位与标尺(快捷键ctrl+K,找到单位与标尺)

3、选择 视图-标尺(快捷键ctrl+R)调用我们的刻度尺,方便直观的看到宽度和高度;左击刻度尺拖出2条参考线分别到360和1560刻度,使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域,使用 (快捷键ctrl+; )可以显示关闭刻度。

为什么要使用1200px的宽度呢,因为目前主流的网页设计主体内容宽度为980px和1200px,而1200px可以显示更多的内容,网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条:

1.选择“矩形工具”,设置填充色为“#333”,描边设为空;

2.创建“图层1”点击画布,在弹出的窗口中设置宽度1920,高度25,点击创建;

3.使用移动工具将导航条移动到左上角;

三、logo图片导入

1、使用文件->打开(ctrl+o),将logo图片打开;

2、ctrl+A选中图片,然后复制粘贴到当前页面中;

3、移动图片到指定的位置;

制作一个网站主页制作时一般命名为,这是最常见的,也有一些用的。建议用比较常用的。

也可以根据需要,在服务器上进行设置,以下是常见的主页命名:

网页设计命名规范:

1、 Container

“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“。

2、Header

“header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader)。

3、Navbar

“navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”。

4、Menu

“Menu”区域包含一般的链接和菜单,这部分还可以命名为: “subNav “, “links“,“sidebar-main”。

5、Main

“Main”是网站的主要区域,如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。

6、Sidebar

“Sidebar” 部分可以包含网站的次要内容,比如最近更新内容列表、关于网站的介绍或广告元素等。这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“。

7、Footer

“Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“。

扩展资料:

网站主页设计时应该注意的一些事项:

1、网站主页设计要保证内容的新颖性,选择的内容不要流于俗,重点就在一个新,在这样的要求下,设计主页就一定不能抄袭或者模仿其他的网站。

不过现在的网页在布局,功能上其实都差不多,很多也是为了能够保证满足搜索排名的要求,那么对主页的新就不宜放在结构布局上,可以放在内容的选择上,这样会更容易做到新。

2、在一个网站中会包含有多个网页,为了将这些网页进行连接通常会给各页面进行命名,这里就应该注意进行网页命名要遵循简单容易记这样的原则,这样既能方便对多个网页进行管理,也能方便搜索引擎对各网页爬行,命名时良好用小写的英文来表示。

3、不要认为把网站的各网页都制作好就没事了,要想运营好一个网站,维护和更新的工作必不可少,对于网页上那些已经变得无效的链接要及时的删掉,如果不及时删掉,用户点了这个链接却发现什么都没有,就会让用户觉得非常失望进而不会再访问这个网站了。

如果无法做更新,应该在主页上面写明暂时无法更新的原因,这样会获得用户的信任感。

4、设计的主页要注意对于用户有着很好的可读性,要注意选择合适分辨率给用户良好的视觉上的感受,很多需要罗列的内容要善于使用表格来表现,这样就能突出主页的空间性以及层次性,在网页中要尽量少用一些特殊的字符,保证所有用户的浏览器都能支持显示。

5、要学会HTML的用法,要对HTML的工作原理有充分的理解,这样在设计主页时才能更好的进行控制,要注意在网站中应尽量少用java类型的程序,其运行的速度实在太慢,这样会拖慢用户打开网页的速度,大部分的用户都是没有耐心等待的。

网站主页设计还要注意给自己的主页写一个比较简单的介绍,这样就能让浏览者了解该网站能提供哪些信息,这样也能引发用户浏览的兴趣,并且感受到制作网站主页者的诚意。

参考资料:

找图网-网页设计