网站制作基础

一、设计题目

黑寡妇-斯嘉丽·约翰逊.

二、设计思路

主页设计（首先介绍设计软件photoshop，再介绍主页的色彩、构图、版块功能、实现过程（用的哪些工具和方法））。

1.ps介绍AdobePhotoshop，简称“PS”，是由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

2003年，AdobePhotoshop8被更名为AdobePhotoshopCS。2013年7月，Adobe公司推出了新版本的PhotoshopCC，自此，PhotoshopCS6作为AdobeCS系列的最后一个版本被新的CC系列取代。

截止2016年12月AdobePhotoshopCC2017为市场最新版本。

2.主页介绍

（1）色彩

色彩以黑色为主题，并加与灰色格子进行对比

（2）构图

以一张黑寡妇剧照为主背景，以2张黑寡妇现实生活照为次背景。

（3）板块功能

分为四大板块，黑寡妇名字，黑寡妇简介，黑寡妇生活照，黑寡妇剧照。

3.实现过程

首先上网百度黑寡妇的图片，保存至桌面，再由ps进行一定的修改与截取，并进行板块分别的设计，最后完成主页设计。保存桌面，再由Fireworks进行切片，保存桌面后形成网址，再由Dreamweaver打开添加网站链接即成。

（一）Adobe支持Windows操作系统、安卓系统与MacOS，但Linux操作系统用户可以通过使用Wine来运行Photoshop。

（二）子页设计（主要介绍色彩、构图、版块功能的实现过程）。

1.子页1：

主要写每个功能版块，PS里面的设计过程

分成两大板块，黑寡妇的剧照和黑寡妇的刚开始的剧情简介，制作过程首先是百度黑寡妇图片，另存为桌面后，由ps打开进行编辑，添加文字与图片背景后保存，其中使用了ps的文字工具与矩形工具，污点修复画笔工具等工具.

2子页2：

主要写每个功能版块，PS里面的设计过程。

分成两大板块，黑寡妇的剧照和黑寡妇的逐渐起落的剧情简介，制作过程首先是百度黑寡妇图片，另存为桌面后，由ps打开进行编辑，添加文字与图片背景后保存，其中使用了ps的文字工具与矩形工具，污点修复画笔工具等工具.

3.子页3：

主要写每个功能版块，PS里面的设计过程。

分成两大板块，黑寡妇的剧照和黑寡妇的后期与紧急任务剧情简介，制作过程首先是百度黑寡妇图片，另存为桌面后，由ps打开进行编辑，添加文字与图片背景后保存，其中使用了ps的文字工具与矩形工具，污点修复画笔工具等工具.

4.子页4：

主要写每个功能版块，PS里面的设计过程。

分成两大板块，黑寡妇的剧照和黑寡妇的结尾刺激的剧情简介，制作过程首先是百度黑寡妇图片，另存为桌面后，由ps打开进行编辑，添加文字与图片背景后保存，其中使用了ps的文字工具与矩形工具，污点修复画笔工具等工具.

（三）切片

首先介绍切片的软件和工具，再介绍切片的过程。使用的软件是Fireworks，使用的是切片工具进行切片

1.主页的切片

2.子页1的切片

3.子页2的切片

4.子页3的切片

5.子页4的切片

（四）合成

1.主页在dreamweaver的重新布局（表格的行列像素，百分比）

2.子页1在dreamweaver的重新布局

3.子页2在dreamweaver的重新布局

4.子页3在dreamweaver的重新布局

5.子页4在dreamweaver的重新布局

（五）网页的链接

（六）网页的自适应屏幕分辨率大小

（七）网页的保存

（八）网页的浏览

（九）期末总结

一学期的学习生活结束了，本学期学习的基础网站设计课程让我受益匪浅，刚开始我们学习的是基础的flash设计后来难度逐渐加大进行动态的flash设计，再之是各种flash的结合体设计，后来我们学习的就是基础网站的设计了，老师教了我们如何使用切片工具与如何进行网站添加，教会了我们制作属于自己的网站，每个人都可以按照自己喜欢的类型进行设计，最后我们上了一节难忘的课程，就是有一位老师教我们进行电脑网站设计的基础编码，这让我感谢万分，因为我感受到了自己对电脑的了解真是皮毛，电脑里有太多的知识值得我们去学习，在接下来的学习生活中我也要努力去学习！