网页首页制作（如何制作一个网页页面）

本文目录

• 如何制作一个网页页面
• 网页制作的步骤-
• 怎么样制作网页
• 怎么制作自己的网页简单点

如何制作一个网页页面

如何制作网页?如何做一个自己喜欢的网站呢?看到别人有自己的网站是不是有点羡慕呢?当然。比较复杂的网站就需要很多技术上面的知识咯。比如javascrpt、jquery、ajax、flash等等!这些都只是让网站的页面好看。使静态的网站变为动态的。那如何制作个简单的网页呢?那么先用Dreamweaver ，Frontpage做,然后细节用Homesite，Hotdog修改,图片用Photoshop动画用fireworks ，Adobe ImageReady ，Flash然后申请空间，域名，大多数都是收费的，最后用软件上传就成了。
　　在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
　　1.网页顶端的标题“我的主页”是一段文字。
　　2.网页中间是一幅图片。 □最下端的欢迎词是一段文字。
　　3.网页背景是一深紫红颜色。 构思好这个网页的结构，我们就可以开始制作了。
1
解决方法与步骤：
　　1.首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站(根目录)。 为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。
2
　　2.然后在创建新项目下面点击HTML，下面常用到的有javascrpt，和CSS样式。
　　3.进入页面设计视图状态。在一般情况下，器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。
2
　　4.使用插入栏：单击插入栏对象按钮》选按钮，弹出“选择图像源文件”对话框，其余操作同上。
　　5.使用面板组“资源”面板(如下图)：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。
　　6.在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您„„”然后，利用属性面板对文字进行设置。保存页面。 一个简单的页面就这样完毕了。
5
　　7.在页面器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。
6
　　在很多时候，我们都需要html的静态页面代码，那么我们介绍一下静态页面的代码。
　　《html》《/html》：静态网页源代码首尾结构标记，代码内呈现网页所有内容
　　《body bgcolor》=背景色；《/body》：网页主体部分
　　《title》《/title》：标签内显示出网页台头的标题名，用于《head》《/head》标签之内
　　《meta name=关键字 content=IT，教育，网络”》：设定搜索关键字

网页制作的步骤-

1、明确网页主题

2、搜集设计网页所需资料

3、设计网页结构，给网页划分网格

4、完成首页制作

5、制作超链接

6、修改完善自己的网页

1、初步学习PHOTOSHOP，简要学习一下JPEG及GIF的区别、图片的简单处理及如何将图片做成网页适用的格式。这种书到处都有。

2、初步学习DreamWaver,学会网页的基本元素、网页的布局、网格的使用、链接的创建等，做一个简单的自己的网页增加自己的兴趣。

3、ASP或PHP编程任挑一样，要制作动态网页就必须学，主要是和数据库的挂接，如SQLServer。

4、想为网页增色，只好学学FLASH制作，先做些简单的，图片、文字变形什么的，试试做个自己的LOGO。

差不多了，接下来就是在使用中更深入地去学习。总之一句话——兴趣是最好的老师。

怎么样制作网页

怎么做网站呢？首先我们需要了解一下网站的页面组成，网站一般包括以下几部分：

首页：网站的门面，如同公司的形象，特别注重设计和规划。

次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。

普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。

弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。

通过上面的分析，我们可以看出：

从功能上来看，首页主要承担着树立企业形象（当然不仅仅是首页）的作用，次页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数量不多，有时次页就起着普通页的作用，至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧：

一、首页设计技巧

网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。

一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！

另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

网页设计时注意事项：

1.不要花里胡哨。

2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。

3.一张网页一般两屏到三屏就可以了，不要太长，会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。

对初次建站的用户来说，制作网页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家对建站望而生畏。推荐您选购『自助建站专卖店』自助网站系统，由于不需要专业人员制作网站程序，且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高，我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺，放心选择：“免费试用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有权”。为进一步免除您的后顾之忧，近期还计划安装支付宝等第三方网上支付手段，让大家放心购买。用户进入网站后台后，自己就可以在现有模板上对网站内容进行更新，不用再为如何制作网页担心，『自助建站专卖店』销售数十种正版品牌建站软件，享受自动升级服务和相关的技术服务(定制模版+内容更新)

怎么制作自己的网页简单点

按网站制作顺序说起“

1.PS，用来设计首页整体效果，也就是通常所说的效果图，也用来设计图片。

2.dreamweaver，用来布局网页和加程序

3.flash，用来制作动画

4.frantpage,也是用来制作网页的，但功能上绝对比不上专业的dreamweaver,现在90%以上的都是用dreamweaver制作网页，10%也许是业余的吧！-_-!

5.fireworks用来设计GIF动态图片，优化图片，也可以切割网页效果图，平时基本上不用，PS就足够了！

我就是做这行的，没有什么绝对用什么软件。但三剑客是常规的制作软件，有着不可比拟的优越性。做效果图当然用PS，然后做网页时用DW，做动画时用FLASH，做什么东西就用什么软件。

PS,DW，FLASH就这3个，那两个不会都没问题，会了更好！

软件不用买，在迅雷上搜索下载就可以，下载之前，每个软件后面有评论，一般写着该软件的序列号，或绿色版本好不好用，参考一下就直接可以下载了！不管是什么版本，迅雷上统统都有！还有一些列教程，初学的先下载金鹰教程，在迅雷上搜索金鹰就可以了！看完了，跟着做一遍，至少也是中等水平了！

作为初学者，没必要先去追寻那些花哨的技巧！最起码基本的软件ps和dw，你得会用，dw用来设计网页，ps用来设计图片！这些软件掌握起来并不难，我智商不高，当初学这两个软件，用了一个月，基本会用了！但就是设计好坏的问题！

可以先尝试一下自己设计个网页，主题，内容自定！也可以把看到好的网页保存下来：浏览器菜单→另存为→网页全部，保存后用dw打开，尝试着模仿做一遍，最多做3个，基本的网页制作你就能掌握了！

为什么我没说flash呢，因为你在网上看到的精美flash，不是一天两天就能做的这么好的，学的时候不用根据像课本目录那样去学，可以按实例来学，比如说做个礼花，下雪，先从这些基本简单的入手，了解一下基本的功能！

最主要的是培养自己的兴趣，比如说模仿163吧，不会做的地方不要紧，先放上图片，以后慢慢研究，会了一个就攻克一个了！

学习是循序渐进的过程，你看到的那些高手都是这样一步一步走过来的，早期的网页制作高手，那时候教程都没大有，全靠自己琢磨，这样的都挺过来了，你就更没问题了！