C.請他幫忙寫程式
以下是我要他幫我寫個html程式的過程,每次寫好立刻貼在vscode上執行看看。我從15:08開始,作到第6次時,他老是停頓、搞錯,15:35我乾脆整個重來做第7次,到了這次已是OK,我可以接受啦,最後我要他用Bootstrap格式重寫,到15:49分結束,總共用了約40分鐘。
以下是整個過程,ChatGPT做出的網頁 GPT-1 | GPT-2 | GPT-3 | GPT-4 | GPT-5 | GPT-6 | GPT-7 | GPT-8
以下是與CahtGPT交談,要他寫程式的過程:
- 洪哲文1.: I want to make a book report, please help me write a webpage file, there are header, content, footer three sections, the content section is divided into left and right windows. The left window puts the chapter index, and the right window puts the contents of each chapter.
[GPT-1]
- 洪哲文2.: Please rewrite this file, the ratio of left and right windows in the section of content is 20%, 80%, and the two windows can be scrolled separately.
[GPT-2]
- 洪哲文3.: Very well, now please rewrite this file again, set the utf-8 character code, the font is sans-serif; please add an example of inserting pictures and other media in the right window.
[GPT-3]
- 洪哲文4.: Very well, please rewrite this file, and at the same time
In the header part, please set the background-color to #CC0033, the color of the text to #FFFFFF,
In the footer part, please set the background-color to #FF6666 and the text color to #FFFFFF.
[GPT-4]
- 洪哲文5.: Now please rewrite this file and add Facebook and twitter logos and links to the header.
[GPT-5]
- 洪哲文6.: And please rewrite this file again so that it can respond to different screen widths, suitable for use on desktop or iPagd or mobile phones.
[GPT-6] 他最容易出錯的,就是在停頓的地方。停頓後只要跟他說,keep going 或 keep doing 或 請繼續,他總是立刻道歉馬上接著幹,可是中斷處有時沒接好,有時會接錯。有時,跟他對答會越搞越亂。
下面,我乾脆從頭說起,一次說清楚,讓他另起爐灶重作一次。
- 洪哲文7.: I want to make a book report, please help me write a webpage file, there are header, content, footer three sections, the content section is divided into left and right windows. The left window puts the chapter index, and the right window puts the contents of each chapter.
The ratio of left and right windows in the section of content is 20%, 80%, both thewindow can be scrolled separately, in the meantime add an example of inserting pictures and other media in the right window.
As to the charset is utf-8, the font is sans-serif; please add an example of inserting pictures and other media in the right window. To the header part, set the background-color to #CC0033, the color of the text to #FFFFFF, add Facebook and twitter logos and links to the header. and the footer part, please set the background-color to #FF6666 and the text color to #FFFFFF.
Most important, the file should be RWD style so that it may use in different window size easily.
[GPT-7]
- 洪哲文8.: Thanks, please rewrite this webpage file in Bootstrap format.
[GPT-8]